|
1 | 1 | @tailwind base;
|
2 | 2 | @tailwind components;
|
3 | 3 | @tailwind utilities;
|
| 4 | + |
| 5 | + |
| 6 | +@layer base { |
| 7 | + :root { |
| 8 | + --background: 0 0% 100%; |
| 9 | + --foreground: 240 10% 3.9%; |
| 10 | + --card: 0 0% 100%; |
| 11 | + --card-foreground: 240 10% 3.9%; |
| 12 | + --popover: 0 0% 100%; |
| 13 | + --popover-foreground: 240 10% 3.9%; |
| 14 | + --primary: 346.8 77.2% 49.8%; |
| 15 | + --primary-foreground: 355.7 100% 97.3%; |
| 16 | + --secondary: 240 4.8% 95.9%; |
| 17 | + --secondary-foreground: 240 5.9% 10%; |
| 18 | + --muted: 240 4.8% 95.9%; |
| 19 | + --muted-foreground: 240 3.8% 46.1%; |
| 20 | + --accent: 240 4.8% 95.9%; |
| 21 | + --accent-foreground: 240 5.9% 10%; |
| 22 | + --destructive: 0 84.2% 60.2%; |
| 23 | + --destructive-foreground: 0 0% 98%; |
| 24 | + --border: 240 5.9% 90%; |
| 25 | + --input: 240 5.9% 90%; |
| 26 | + --ring: 346.8 77.2% 49.8%; |
| 27 | + --radius: 1rem; |
| 28 | + } |
| 29 | + |
| 30 | + .dark { |
| 31 | + --background: 20 14.3% 4.1%; |
| 32 | + --foreground: 0 0% 95%; |
| 33 | + --card: 24 9.8% 10%; |
| 34 | + --card-foreground: 0 0% 95%; |
| 35 | + --popover: 0 0% 9%; |
| 36 | + --popover-foreground: 0 0% 95%; |
| 37 | + --primary: 346.8 77.2% 49.8%; |
| 38 | + --primary-foreground: 355.7 100% 97.3%; |
| 39 | + --secondary: 240 3.7% 15.9%; |
| 40 | + --secondary-foreground: 0 0% 98%; |
| 41 | + --muted: 0 0% 15%; |
| 42 | + --muted-foreground: 240 5% 64.9%; |
| 43 | + --accent: 12 6.5% 15.1%; |
| 44 | + --accent-foreground: 0 0% 98%; |
| 45 | + --destructive: 0 62.8% 30.6%; |
| 46 | + --destructive-foreground: 0 85.7% 97.3%; |
| 47 | + --border: 240 3.7% 15.9%; |
| 48 | + --input: 240 3.7% 15.9%; |
| 49 | + --ring: 346.8 77.2% 49.8%; |
| 50 | + } |
| 51 | +} |
0 commit comments