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: {
|
||||
background: 'hsl(var(--background))',
|
||||
foreground: 'hsl(var(--foreground))',
|
||||
surface: 'hsl(var(--surface))',
|
||||
sidebar: 'hsl(var(--sidebar))',
|
||||
panel: 'hsl(var(--panel))',
|
||||
elevated: 'hsl(var(--elevated))',
|
||||
border: 'hsl(var(--border))',
|
||||
'border-bright': 'hsl(var(--border-bright))',
|
||||
'border-subtle': 'hsl(var(--border-subtle))',
|
||||
'border-default': 'hsl(var(--border-default))',
|
||||
border: 'hsl(var(--border-default))',
|
||||
'text-primary': 'hsl(var(--text-primary))',
|
||||
'text-secondary': 'hsl(var(--text-secondary))',
|
||||
'text-muted': 'hsl(var(--text-muted))',
|
||||
'text-label': 'hsl(var(--text-label))',
|
||||
accent: {
|
||||
DEFAULT: 'hsl(var(--accent))',
|
||||
hover: 'hsl(var(--accent-hover))',
|
||||
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))',
|
||||
soft: 'hsl(var(--accent-soft))',
|
||||
},
|
||||
'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))',
|
||||
ring: 'hsl(var(--ring))',
|
||||
sidebar: 'hsl(var(--sidebar))',
|
||||
online: 'hsl(var(--online))',
|
||||
offline: 'hsl(var(--offline))',
|
||||
unknown: 'hsl(var(--unknown))',
|
||||
@@ -68,22 +52,12 @@ const config: Config = {
|
||||
sans: ['Manrope', 'system-ui', '-apple-system', 'sans-serif'],
|
||||
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: {
|
||||
sm: '0.25rem',
|
||||
sm: '0.0625rem',
|
||||
DEFAULT: 'var(--radius)',
|
||||
md: '0.375rem',
|
||||
lg: 'var(--radius)',
|
||||
xl: '0.75rem',
|
||||
md: 'var(--radius-control)',
|
||||
lg: 'var(--radius-control)',
|
||||
xl: 'var(--radius-control)',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user