|
82 | 82 | --border: oklch(0.922 0 0); |
83 | 83 | --input: oklch(0.922 0 0); |
84 | 84 | --ring: oklch(0.708 0 0); |
85 | | - --chart-1: oklch(0.646 0.222 41.116); |
86 | | - --chart-2: oklch(0.60 0.118 184.704); |
87 | | - --chart-3: oklch(0.398 0.07 227.392); |
88 | | - --chart-4: oklch(0.828 0.189 84.429); |
89 | | - --chart-5: oklch(0.769 0.188 70.08); |
| 85 | + --chart-1: var(--color-blue-300); |
| 86 | + --chart-2: var(--color-blue-500); |
| 87 | + --chart-3: var(--color-blue-600); |
| 88 | + --chart-4: var(--color-blue-700); |
| 89 | + --chart-5: var(--color-blue-800); |
90 | 90 | --radius: 0.5rem; |
91 | 91 | --sidebar: oklch(0.985 0 0); |
92 | 92 | --sidebar-foreground: oklch(0.145 0 0); |
|
118 | 118 | .dark { |
119 | 119 | --background: oklch(0.145 0 0); |
120 | 120 | --foreground: oklch(0.985 0 0); |
121 | | - --card: oklch(0.145 0 0); |
| 121 | + --card: oklch(0.205 0 0); |
122 | 122 | --card-foreground: oklch(0.985 0 0); |
123 | | - --popover: oklch(0.145 0 0); |
| 123 | + --popover: oklch(0.205 0 0); |
124 | 124 | --popover-foreground: oklch(0.985 0 0); |
125 | | - --primary: oklch(0.985 0 0); |
| 125 | + --primary: oklch(0.922 0 0); |
126 | 126 | --primary-foreground: oklch(0.205 0 0); |
127 | | - --secondary: oklch(0.205 0 0); |
| 127 | + --secondary: oklch(0.269 0 0); |
128 | 128 | --secondary-foreground: oklch(0.985 0 0); |
129 | | - --muted: oklch(0.205 0 0); |
| 129 | + --muted: oklch(0.269 0 0); |
130 | 130 | --muted-foreground: oklch(0.708 0 0); |
131 | | - --accent: oklch(0.205 0 0); |
| 131 | + --accent: oklch(0.371 0 0); |
132 | 132 | --accent-foreground: oklch(0.985 0 0); |
133 | | - --destructive: oklch(0.65 0.2 25); /* softer red for dark mode */ |
134 | | - --border: oklch(0.205 0 0); |
135 | | - --input: oklch(0.205 0 0); |
136 | | - --ring: oklch(0.439 0 0); |
137 | | - --chart-1: oklch(0.488 0.243 264.376); |
138 | | - --chart-2: oklch(0.696 0.17 162.48); |
139 | | - --chart-3: oklch(0.769 0.188 70.08); |
140 | | - --chart-4: oklch(0.627 0.265 303.9); |
141 | | - --chart-5: oklch(0.645 0.246 16.439); |
142 | | - --sidebar: oklch(0 0 0); |
| 133 | + --destructive: oklch(0.704 0.191 22.216); |
| 134 | + --border: oklch(1 0 0 / 10%); |
| 135 | + --input: oklch(1 0 0 / 15%); |
| 136 | + --ring: oklch(0.556 0 0); |
| 137 | + --chart-1: var(--color-blue-300); |
| 138 | + --chart-2: var(--color-blue-500); |
| 139 | + --chart-3: var(--color-blue-600); |
| 140 | + --chart-4: var(--color-blue-700); |
| 141 | + --chart-5: var(--color-blue-800); |
| 142 | + --sidebar: oklch(0.205 0 0); |
143 | 143 | --sidebar-foreground: oklch(0.985 0 0); |
144 | | - --sidebar-primary: oklch(0.985 0 0); |
145 | | - --sidebar-primary-foreground: oklch(0.205 0 0); |
146 | | - --sidebar-accent: oklch(0.145 0 0); |
| 144 | + --sidebar-primary: oklch(0.488 0.243 264.376); |
| 145 | + --sidebar-primary-foreground: oklch(0.985 0 0); |
| 146 | + --sidebar-accent: oklch(0.269 0 0); |
147 | 147 | --sidebar-accent-foreground: oklch(0.985 0 0); |
148 | | - --sidebar-border: oklch(0.205 0 0); |
| 148 | + --sidebar-border: oklch(1 0 0 / 10%); |
149 | 149 | --sidebar-ring: oklch(0.439 0 0); |
150 | 150 |
|
151 | 151 | /* Surface levels - stacking depth (1=base, 2=elevated, 3=highest) */ |
|
0 commit comments