The recipes.blue monorepo
recipes.blue
roost.moe
recipes
appview
atproto
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5@layer base {
6 :root {
7 --background: 0 0% 96.1%;
8 --foreground: 0 0% 3.9%;
9 --card: 0 0% 100%;
10 --card-foreground: 0 0% 3.9%;
11 --popover: 0 0% 100%;
12 --popover-foreground: 0 0% 3.9%;
13 --primary: 221.2 83.2% 53.3%;
14 --primary-foreground: 210 40% 98%;
15 --secondary: 210 40% 96.1%;
16 --secondary-foreground: 222.2 47.4% 11.2%;
17 --muted: 0 0% 96.1%;
18 --muted-foreground: 0 0% 45.1%;
19 --accent: 210 40% 96.1%;
20 --accent-foreground: 222.2 47.4% 11.2%;
21 --destructive: 0 84.2% 60.2%;
22 --destructive-foreground: 0 0% 98%;
23 --border: 214.3 31.8% 91.4%;
24 --input: 214.3 31.8% 91.4%;
25 --ring: 221.2 83.2% 53.3%;
26 --radius: 0.5rem;
27 --chart-1: 12 76% 61%;
28 --chart-2: 173 58% 39%;
29 --chart-3: 197 37% 24%;
30 --chart-4: 43 74% 66%;
31 --chart-5: 27 87% 67%;
32 --sidebar-background: 0 0% 98%;
33 --sidebar-foreground: 240 5.3% 26.1%;
34 --sidebar-primary: 221.2 83.2% 53.3%;
35 --sidebar-primary-foreground: 0 0% 98%;
36 --sidebar-accent: 210 40% 96.1%;
37 --sidebar-accent-foreground: 240 5.9% 10%;
38 --sidebar-border: 220 13% 91%;
39 --sidebar-ring: 221.2 83.2% 53.3%;
40 }
41 .dark {
42 --background: 0 0% 3.9%;
43 --foreground: 0 0% 98%;
44 --card: 0 0% 3.9%;
45 --card-foreground: 0 0% 98%;
46 --popover: 0 0% 3.9%;
47 --popover-foreground: 0 0% 98%;
48 --primary: 217.2 91.2% 59.8%;
49 --primary-foreground: 222.2 47.4% 11.2%;
50 --secondary: 217.2 32.6% 17.5%;
51 --secondary-foreground: 210 40% 98%;
52 --muted: 217.2 32.6% 17.5%;
53 --muted-foreground: 215 20.2% 65.1%;
54 --accent: 217.2 32.6% 17.5%;
55 --accent-foreground: 210 40% 98%;
56 --destructive: 0 62.8% 30.6%;
57 --destructive-foreground: 210 40% 98%;
58 --border: 217.2 32.6% 17.5%;
59 --input: 217.2 32.6% 17.5%;
60 --ring: 224.3 76.3% 48%;
61 --chart-1: 220 70% 50%;
62 --chart-2: 160 60% 45%;
63 --chart-3: 30 80% 55%;
64 --chart-4: 280 65% 60%;
65 --chart-5: 340 75% 55%;
66 --sidebar-background: 240 5.9% 10%;
67 --sidebar-foreground: 240 4.8% 95.9%;
68 --sidebar-primary: 217.2 91.2% 59.8%;
69 --sidebar-primary-foreground: 0 0% 100%;
70 --sidebar-accent: 217.2 32.6% 17.5%;
71 --sidebar-accent-foreground: 240 4.8% 95.9%;
72 --sidebar-border: 240 3.7% 15.9%;
73 --sidebar-ring: 217.2 91.2% 59.8%;
74 }
75}
76
77@layer base {
78 * {
79 @apply border-border;
80 }
81 body {
82 @apply bg-background text-foreground;
83 }
84}