agent-company
a4aa968434
- Enable Tailwind "class" dark mode strategy - Use CSS custom properties for theme colors (bg, text, border) - Add ThemeProvider context with toggle and localStorage persistence - Add Sun/Moon toggle button in the header navigation - Inline script in index.html prevents FOUC on page load - All pages (Layout, Login, Register, ProtectedRoute) support both modes - Default theme follows system preference (prefers-color-scheme) Closes leeworks-agents/SPARC#33 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
34 lines
757 B
JavaScript
34 lines
757 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
DEFAULT: '#6366f1',
|
|
dark: '#4f46e5',
|
|
},
|
|
secondary: '#0ea5e9',
|
|
success: '#10b981',
|
|
warning: '#f59e0b',
|
|
error: '#ef4444',
|
|
bg: {
|
|
dark: 'var(--color-bg-dark)',
|
|
card: 'var(--color-bg-card)',
|
|
'card-hover': 'var(--color-bg-card-hover)',
|
|
},
|
|
text: {
|
|
primary: 'var(--color-text-primary)',
|
|
secondary: 'var(--color-text-secondary)',
|
|
},
|
|
border: 'var(--color-border)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|