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:
2026-07-17 18:41:23 +03:00
parent 240dcd2f7e
commit 8b607e7156
6 changed files with 553 additions and 163 deletions

View File

@@ -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)"],