Spaces:
Sleeping
Sleeping
| /** @type {import('tailwindcss').Config} */ | |
| export default { | |
| darkMode: 'class', | |
| content: [ | |
| "./index.html", | |
| "./src/**/*.{js,jsx,ts,tsx}", | |
| ], | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: { | |
| 50: '#eef2ff', | |
| 100: '#e0e7ff', | |
| 200: '#c7d2fe', | |
| 300: '#a5b4fc', | |
| 400: '#818cf8', | |
| 500: '#6366f1', | |
| 600: '#4f46e5', | |
| 700: '#4338ca', | |
| 800: '#3730a3', | |
| 900: '#312e81', | |
| 950: '#1e1b4b', | |
| }, | |
| planner: { | |
| day: '#f8fafc', | |
| dayBorder: '#e2e8f0', | |
| dayHeader: '#1e293b', | |
| sidebar: '#ffffff', | |
| sidebarBorder: '#f1f5f9', | |
| overlay: 'rgba(15, 23, 42, 0.4)', | |
| dragActive: '#eef2ff', | |
| dragOver: '#c7d2fe', | |
| }, | |
| // Semantic theme tokens — resolve to the CSS variables in src/index.css | |
| // (:root light / .dark dark). Use these utilities (bg-surface, text-content, | |
| // border-edge, bg-accent) instead of inline `style={{ ... 'var(--...)' }}`. | |
| surface: { | |
| DEFAULT: 'var(--bg-primary)', | |
| secondary: 'var(--bg-secondary)', | |
| tertiary: 'var(--bg-tertiary)', | |
| elevated: 'var(--bg-elevated)', | |
| card: 'var(--bg-card)', | |
| input: 'var(--bg-input)', | |
| hover: 'var(--bg-hover)', | |
| selected: 'var(--bg-selected)', | |
| }, | |
| content: { | |
| DEFAULT: 'var(--text-primary)', | |
| secondary: 'var(--text-secondary)', | |
| muted: 'var(--text-muted)', | |
| faint: 'var(--text-faint)', | |
| }, | |
| edge: { | |
| DEFAULT: 'var(--border-primary)', | |
| secondary: 'var(--border-secondary)', | |
| faint: 'var(--border-faint)', | |
| }, | |
| accent: { | |
| DEFAULT: 'var(--accent)', | |
| text: 'var(--accent-text)', | |
| }, | |
| }, | |
| boxShadow: { | |
| 'day-column': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', | |
| 'place-card': '0 1px 2px 0 rgba(0, 0, 0, 0.05)', | |
| 'drag-overlay': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', | |
| }, | |
| }, | |
| }, | |
| plugins: [], | |
| } | |