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:
Jason Staack
2026-03-21 11:47:09 -05:00
parent 043d9564ba
commit f7108ba357

View File

@@ -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)',
}, },
}, },
}, },