e3d164e9d2
- Add framer-motion page transitions and AnimatePresence support - Add dark mode support across all components - Create reusable UI components (Button, Badge, Card, EmptyState, Input, Toast, Skeleton) - Add CSS custom properties for consistent theming - Add animation variants and utility functions - Improve ChatArea, Sidebar, TriggersPanel with animations Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
39 lines
911 B
JavaScript
39 lines
911 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{js,ts,jsx,tsx}",
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
DEFAULT: 'var(--color-primary)',
|
|
hover: 'var(--color-primary-hover)',
|
|
light: 'var(--color-primary-light)',
|
|
},
|
|
success: 'var(--color-success)',
|
|
warning: 'var(--color-warning)',
|
|
error: 'var(--color-error)',
|
|
info: 'var(--color-info)',
|
|
},
|
|
boxShadow: {
|
|
'card': 'var(--shadow-md)',
|
|
'hover': 'var(--shadow-lg)',
|
|
},
|
|
transitionDuration: {
|
|
'fast': '150ms',
|
|
'normal': '200ms',
|
|
},
|
|
borderRadius: {
|
|
'sm': 'var(--radius-sm)',
|
|
'md': 'var(--radius-md)',
|
|
'lg': 'var(--radius-lg)',
|
|
'xl': 'var(--radius-xl)',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|