feat(ui): update Tailwind config for Warm Precision tokens
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -11,45 +11,29 @@ const config: Config = {
|
|||||||
colors: {
|
colors: {
|
||||||
background: 'hsl(var(--background))',
|
background: 'hsl(var(--background))',
|
||||||
foreground: 'hsl(var(--foreground))',
|
foreground: 'hsl(var(--foreground))',
|
||||||
surface: 'hsl(var(--surface))',
|
sidebar: 'hsl(var(--sidebar))',
|
||||||
|
panel: 'hsl(var(--panel))',
|
||||||
elevated: 'hsl(var(--elevated))',
|
elevated: 'hsl(var(--elevated))',
|
||||||
border: 'hsl(var(--border))',
|
'border-subtle': 'hsl(var(--border-subtle))',
|
||||||
'border-bright': 'hsl(var(--border-bright))',
|
'border-default': 'hsl(var(--border-default))',
|
||||||
|
border: 'hsl(var(--border-default))',
|
||||||
'text-primary': 'hsl(var(--text-primary))',
|
'text-primary': 'hsl(var(--text-primary))',
|
||||||
'text-secondary': 'hsl(var(--text-secondary))',
|
'text-secondary': 'hsl(var(--text-secondary))',
|
||||||
'text-muted': 'hsl(var(--text-muted))',
|
'text-muted': 'hsl(var(--text-muted))',
|
||||||
|
'text-label': 'hsl(var(--text-label))',
|
||||||
accent: {
|
accent: {
|
||||||
DEFAULT: 'hsl(var(--accent))',
|
DEFAULT: 'hsl(var(--accent))',
|
||||||
hover: 'hsl(var(--accent-hover))',
|
soft: 'hsl(var(--accent-soft))',
|
||||||
muted: 'hsl(var(--accent-muted))',
|
|
||||||
},
|
|
||||||
card: {
|
|
||||||
DEFAULT: 'hsl(var(--card))',
|
|
||||||
foreground: 'hsl(var(--card-foreground))',
|
|
||||||
},
|
|
||||||
popover: {
|
|
||||||
DEFAULT: 'hsl(var(--popover))',
|
|
||||||
foreground: 'hsl(var(--popover-foreground))',
|
|
||||||
},
|
|
||||||
primary: {
|
|
||||||
DEFAULT: 'hsl(var(--primary))',
|
|
||||||
foreground: 'hsl(var(--primary-foreground))',
|
|
||||||
},
|
|
||||||
secondary: {
|
|
||||||
DEFAULT: 'hsl(var(--secondary))',
|
|
||||||
foreground: 'hsl(var(--secondary-foreground))',
|
|
||||||
},
|
|
||||||
muted: {
|
|
||||||
DEFAULT: 'hsl(var(--muted))',
|
|
||||||
foreground: 'hsl(var(--muted-foreground))',
|
|
||||||
},
|
|
||||||
destructive: {
|
|
||||||
DEFAULT: 'hsl(var(--destructive))',
|
|
||||||
foreground: 'hsl(var(--text-primary))',
|
|
||||||
},
|
},
|
||||||
|
'alert-badge': 'hsl(var(--alert-badge))',
|
||||||
|
card: { DEFAULT: 'hsl(var(--card))', foreground: 'hsl(var(--card-foreground))' },
|
||||||
|
popover: { DEFAULT: 'hsl(var(--popover))', foreground: 'hsl(var(--popover-foreground))' },
|
||||||
|
primary: { DEFAULT: 'hsl(var(--primary))', foreground: 'hsl(var(--primary-foreground))' },
|
||||||
|
secondary: { DEFAULT: 'hsl(var(--secondary))', foreground: 'hsl(var(--secondary-foreground))' },
|
||||||
|
muted: { DEFAULT: 'hsl(var(--muted))', foreground: 'hsl(var(--muted-foreground))' },
|
||||||
|
destructive: { DEFAULT: 'hsl(var(--destructive))', foreground: 'hsl(var(--text-primary))' },
|
||||||
input: 'hsl(var(--input))',
|
input: 'hsl(var(--input))',
|
||||||
ring: 'hsl(var(--ring))',
|
ring: 'hsl(var(--ring))',
|
||||||
sidebar: 'hsl(var(--sidebar))',
|
|
||||||
online: 'hsl(var(--online))',
|
online: 'hsl(var(--online))',
|
||||||
offline: 'hsl(var(--offline))',
|
offline: 'hsl(var(--offline))',
|
||||||
unknown: 'hsl(var(--unknown))',
|
unknown: 'hsl(var(--unknown))',
|
||||||
@@ -68,22 +52,12 @@ const config: Config = {
|
|||||||
sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
|
sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
|
||||||
mono: ['IBM Plex Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'],
|
mono: ['IBM Plex Mono', 'ui-monospace', 'SFMono-Regular', 'monospace'],
|
||||||
},
|
},
|
||||||
animation: {
|
|
||||||
shimmer: 'shimmer 1.5s ease-in-out infinite',
|
|
||||||
},
|
|
||||||
backgroundImage: {
|
|
||||||
shimmer:
|
|
||||||
'linear-gradient(90deg, transparent 0%, hsl(var(--elevated)) 20%, hsl(var(--surface)) 50%, hsl(var(--elevated)) 80%, transparent 100%)',
|
|
||||||
},
|
|
||||||
backgroundSize: {
|
|
||||||
shimmer: '200% 100%',
|
|
||||||
},
|
|
||||||
borderRadius: {
|
borderRadius: {
|
||||||
sm: '0.25rem',
|
sm: '0.0625rem',
|
||||||
DEFAULT: 'var(--radius)',
|
DEFAULT: 'var(--radius)',
|
||||||
md: '0.375rem',
|
md: 'var(--radius-control)',
|
||||||
lg: 'var(--radius)',
|
lg: 'var(--radius-control)',
|
||||||
xl: '0.75rem',
|
xl: 'var(--radius-control)',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user