68 lines
1.8 KiB
JavaScript
68 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./frontend/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
// ── Semantic tokens via CSS variables ──
|
|
// Change the variables in index.css :root to retheme
|
|
accent: {
|
|
DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
|
|
dark: 'rgb(var(--accent-dark) / <alpha-value>)',
|
|
},
|
|
'app-bg': 'rgb(var(--bg) / <alpha-value>)',
|
|
surface: {
|
|
DEFAULT: 'rgb(var(--surface) / <alpha-value>)',
|
|
raised: 'rgb(var(--surface-raised) / <alpha-value>)',
|
|
},
|
|
// ── Override blue palette → #2B61FF brand scale ──
|
|
// All blue-* classes use this scale; update these values to retheme
|
|
blue: {
|
|
50: '#eef3ff',
|
|
100: '#e0e9ff',
|
|
200: '#c7d7fe',
|
|
300: '#a5bafd',
|
|
400: '#7394fb',
|
|
500: '#2B61FF',
|
|
600: '#1a50e0',
|
|
700: '#1540b8',
|
|
800: '#163090',
|
|
900: '#162970',
|
|
950: '#0f1a45',
|
|
},
|
|
// ── Legacy tokens (kept for compatibility) ──
|
|
background: '#1a1a1a',
|
|
foreground: '#ffffff',
|
|
card: '#242424',
|
|
'card-foreground': '#ffffff',
|
|
border: '#333333',
|
|
input: '#2a2a2a',
|
|
primary: {
|
|
DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
|
|
foreground: '#ffffff',
|
|
},
|
|
secondary: {
|
|
DEFAULT: '#3f3f46',
|
|
foreground: '#ffffff',
|
|
},
|
|
muted: {
|
|
DEFAULT: '#27272a',
|
|
foreground: '#a1a1aa',
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: '0.75rem',
|
|
md: '0.5rem',
|
|
sm: '0.25rem',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|