feat(skins): улучшен Twenty-скин по референсу twentyhq/twenty
- Обновлены цвета Twenty light/dark ближе к оригиналу (display-p3 → sRGB). - Темная тема: фон #101010, карточки #141414, границы #1c1c1c, primary #3c63de. - Добавлены токены: backgroundQuaternary, прозрачные фоны danger/blue/orange/success, overlay-фоны, blur-эффекты, box-shadow underline/super-heavy. - Добавлены радиусы: xxl, pill, rounded, smRound, mdRound. - Добавлены line-height токены. - Все встроенные скины (iistwin, omegaprom) приведены к новой схеме токенов. - Tailwind config расширен новыми utility-классами. - Перегенерирован generated-skins.css.
This commit is contained in:
@@ -14,6 +14,11 @@ export default {
|
||||
"tw-md": "var(--tw-border-radius-md)",
|
||||
"tw-lg": "var(--tw-border-radius-lg)",
|
||||
"tw-xl": "var(--tw-border-radius-xl)",
|
||||
"tw-xxl": "var(--tw-border-radius-xxl)",
|
||||
"tw-pill": "var(--tw-border-radius-pill)",
|
||||
"tw-rounded": "var(--tw-border-radius-rounded)",
|
||||
"tw-sm-round": "var(--tw-border-radius-sm-round)",
|
||||
"tw-md-round": "var(--tw-border-radius-md-round)",
|
||||
},
|
||||
colors: {
|
||||
background: "var(--background)",
|
||||
@@ -77,6 +82,35 @@ export default {
|
||||
DEFAULT: "var(--background)",
|
||||
secondary: "var(--tw-background-secondary)",
|
||||
tertiary: "var(--tw-background-tertiary)",
|
||||
quaternary: "var(--tw-background-quaternary)",
|
||||
transparent: {
|
||||
primary: "var(--tw-background-transparent-primary)",
|
||||
secondary: "var(--tw-background-transparent-secondary)",
|
||||
tertiary: "var(--tw-background-transparent-tertiary)",
|
||||
medium: "var(--tw-background-transparent-medium)",
|
||||
light: "var(--tw-background-transparent-light)",
|
||||
lighter: "var(--tw-background-transparent-lighter)",
|
||||
strong: "var(--tw-background-transparent-strong)",
|
||||
danger: "var(--tw-background-transparent-danger)",
|
||||
blue: "var(--tw-background-transparent-blue)",
|
||||
orange: "var(--tw-background-transparent-orange)",
|
||||
success: "var(--tw-background-transparent-success)",
|
||||
},
|
||||
overlay: {
|
||||
primary: "var(--tw-background-overlay-primary)",
|
||||
secondary: "var(--tw-background-overlay-secondary)",
|
||||
tertiary: "var(--tw-background-overlay-tertiary)",
|
||||
},
|
||||
},
|
||||
"tw-blur": {
|
||||
light: "var(--tw-blur-light)",
|
||||
medium: "var(--tw-blur-medium)",
|
||||
strong: "var(--tw-blur-strong)",
|
||||
},
|
||||
"tw-shadow": {
|
||||
color: "var(--tw-box-shadow-color)",
|
||||
underline: "var(--tw-box-shadow-underline)",
|
||||
"super-heavy": "var(--tw-box-shadow-super-heavy)",
|
||||
},
|
||||
"tw-font": {
|
||||
DEFAULT: "var(--foreground)",
|
||||
@@ -99,6 +133,10 @@ export default {
|
||||
"tw-lg": "var(--tw-font-size-lg)",
|
||||
"tw-xl": "var(--tw-font-size-xl)",
|
||||
},
|
||||
lineHeight: {
|
||||
"tw-md": "var(--tw-line-height-md)",
|
||||
"tw-lg": "var(--tw-line-height-lg)",
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ["var(--font-sans)"],
|
||||
serif: ["var(--font-serif)"],
|
||||
|
||||
Reference in New Issue
Block a user