@crossworks/share-ui 0.230.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/LICENSE.md +135 -0
  2. package/package.json +68 -0
  3. package/src/app-bridge-protocol.ts +115 -0
  4. package/src/app-presenter.tsx +25 -0
  5. package/src/app-sandbox.tsx +552 -0
  6. package/src/appearance.ts +192 -0
  7. package/src/avatar.test.ts +229 -0
  8. package/src/avatar.ts +731 -0
  9. package/src/backgrounds.test.ts +119 -0
  10. package/src/backgrounds.ts +118 -0
  11. package/src/draw-presenter.tsx +39 -0
  12. package/src/event-presenter.tsx +62 -0
  13. package/src/file-presenter.tsx +76 -0
  14. package/src/formula-calculator.tsx +209 -0
  15. package/src/formula-presenter.test.ts +128 -0
  16. package/src/formula-presenter.tsx +301 -0
  17. package/src/help-topics.ts +104 -0
  18. package/src/lib/ink-audit.test.ts +314 -0
  19. package/src/lib/theme-css-blocks.ts +26 -0
  20. package/src/lib/theme-generator.test.ts +179 -0
  21. package/src/lib/theme-registry.gen.ts +352 -0
  22. package/src/lib/themes.test.ts +308 -0
  23. package/src/lib/themes.ts +75 -0
  24. package/src/lib/utils.ts +6 -0
  25. package/src/nav-items.ts +225 -0
  26. package/src/note-presenter.tsx +14 -0
  27. package/src/page-outline.tsx +127 -0
  28. package/src/table-presenter.tsx +226 -0
  29. package/src/task-presenter.tsx +60 -0
  30. package/src/ui/button.tsx +50 -0
  31. package/src/ui/input.tsx +18 -0
  32. package/src/ui/label.tsx +20 -0
  33. package/src/view-payload.ts +82 -0
  34. package/styles/app.css +1098 -0
  35. package/styles/themes.css +6198 -0
  36. package/themes/generate.d.mts +11 -0
  37. package/themes/generate.mjs +618 -0
  38. package/themes/model.d.mts +24 -0
  39. package/themes/model.mjs +213 -0
  40. package/themes/preview.html +145 -0
  41. package/themes/seeds.d.mts +16 -0
  42. package/themes/seeds.mjs +3694 -0
  43. package/tsconfig.json +15 -0
  44. package/tsconfig.tsbuildinfo +1 -0
@@ -0,0 +1,3694 @@
1
+ /**
2
+ * Theme seeds — the AUTHORED source of every colour theme. `generate.mjs`
3
+ * turns these into styles/themes.css + the generated picker registry; nothing
4
+ * else reads this file. Edit seeds, then `pnpm themes:build`.
5
+ *
6
+ * WHAT A SEED IS. The tokens that carry a theme's identity — its surfaces,
7
+ * fills and decor — plus per-token ANCHORS for text. Surfaces and fills are
8
+ * emitted verbatim; every text token is solved from its anchor (hue and chroma
9
+ * kept, lightness moved the minimum needed to clear its contrast contract), so
10
+ * an anchor that already passes ships byte-for-byte unchanged. Tokens with no
11
+ * entry fall back down the structural default chain (popover=card,
12
+ * ring=primary, sidebar=muted, input=border, sidebar-*=*, …), which is why a
13
+ * new theme needs only a handful of lines:
14
+ *
15
+ * { id: 'my-theme', label: 'My Theme',
16
+ * light: { background: '#f8f8f6', foreground: '#2a2a26', card: '#ffffff',
17
+ * muted: '#efefe9', 'muted-foreground': '#6a6a60',
18
+ * secondary: '#e8e8e0', accent: '#dbe9d8', border: '#ddddd2',
19
+ * primary: '#4a7c3a', destructive: '#c33' },
20
+ * dark: { …same shape… } }
21
+ *
22
+ * Everything downstream — every -foreground, -ink, the success/warning/info
23
+ * roles, the code-* syntax palette, the categorical chart ramp — is DERIVED,
24
+ * correct by construction, and asserted again from scratch in CI.
25
+ *
26
+ * These seeds were extracted 2026-07-27 from the hand-maintained themes.css at
27
+ * v0.206.12 (tweakcn imports + pinnacle), normalised to rendered hex.
28
+ * `retro-arcade` and `northern-lights` were dropped as structurally
29
+ * self-contradicting (e.g. retro-arcade dark declared its own body text on its
30
+ * own muted fill at 2.01:1).
31
+ *
32
+ * `charts` (pinnacle only) pins an authored brand ramp instead of the
33
+ * generated categorical one. `extras` passes non-colour tokens through
34
+ * verbatim (radius, fonts, shadows).
35
+ */
36
+
37
+ export const THEME_SEEDS = [
38
+ {
39
+ id: 'clean-slate',
40
+ label: 'Clean Slate',
41
+ light: {
42
+ background: '#f8fafc',
43
+ foreground: '#1e293b',
44
+ card: '#ffffff',
45
+ primary: '#6366f1',
46
+ 'primary-foreground': '#ffffff',
47
+ secondary: '#e5e7eb',
48
+ 'secondary-foreground': '#374151',
49
+ muted: '#f3f4f6',
50
+ 'muted-foreground': '#6b7280',
51
+ accent: '#e0e7ff',
52
+ 'accent-foreground': '#374151',
53
+ destructive: '#ef4444',
54
+ 'destructive-foreground': '#ffffff',
55
+ border: '#d1d5db',
56
+ extras: {
57
+ radius: '0.5rem',
58
+ 'font-sans': 'Inter, sans-serif',
59
+ 'font-serif': 'Merriweather, serif',
60
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
61
+ 'shadow-color': 'hsl(0 0% 0%)',
62
+ 'shadow-opacity': '0.1',
63
+ 'shadow-blur': '8px',
64
+ 'shadow-spread': '-1px',
65
+ 'shadow-offset-x': '0px',
66
+ 'shadow-offset-y': '4px',
67
+ 'letter-spacing': '0em',
68
+ spacing: '0.25rem',
69
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
70
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
71
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
72
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
73
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
74
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
75
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
76
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
77
+ 'tracking-normal': '0em',
78
+ },
79
+ },
80
+ dark: {
81
+ background: '#0f172a',
82
+ foreground: '#e2e8f0',
83
+ card: '#1e293b',
84
+ primary: '#818cf8',
85
+ 'primary-foreground': '#0f172a',
86
+ secondary: '#2d3748',
87
+ 'secondary-foreground': '#d1d5db',
88
+ muted: '#152032',
89
+ 'muted-foreground': '#9ca3af',
90
+ accent: '#374151',
91
+ 'accent-foreground': '#d1d5db',
92
+ destructive: '#ef4444',
93
+ 'destructive-foreground': '#0f172a',
94
+ border: '#4b5563',
95
+ sidebar: '#1e293b',
96
+ extras: {
97
+ radius: '0.5rem',
98
+ 'font-sans': 'Inter, sans-serif',
99
+ 'font-serif': 'Merriweather, serif',
100
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
101
+ 'shadow-color': 'hsl(0 0% 0%)',
102
+ 'shadow-opacity': '0.1',
103
+ 'shadow-blur': '8px',
104
+ 'shadow-spread': '-1px',
105
+ 'shadow-offset-x': '0px',
106
+ 'shadow-offset-y': '4px',
107
+ 'letter-spacing': '0em',
108
+ spacing: '0.25rem',
109
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
110
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
111
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
112
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
113
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
114
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
115
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
116
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
117
+ 'tracking-normal': '0em',
118
+ },
119
+ },
120
+ },
121
+ {
122
+ id: 'amber-minimal',
123
+ label: 'Amber Minimal',
124
+ light: {
125
+ background: '#ffffff',
126
+ foreground: '#262626',
127
+ card: '#ffffff',
128
+ primary: '#f59e0b',
129
+ 'primary-foreground': '#000000',
130
+ secondary: '#f3f4f6',
131
+ 'secondary-foreground': '#4b5563',
132
+ muted: '#f9fafb',
133
+ 'muted-foreground': '#6b7280',
134
+ accent: '#fffbeb',
135
+ 'accent-foreground': '#92400e',
136
+ destructive: '#ef4444',
137
+ 'destructive-foreground': '#ffffff',
138
+ border: '#e5e7eb',
139
+ 'sidebar-primary-foreground': '#ffffff',
140
+ extras: {
141
+ radius: '0.375rem',
142
+ 'font-sans': 'Inter, sans-serif',
143
+ 'font-serif': 'Merriweather, serif',
144
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
145
+ 'shadow-color': 'hsl(0 0% 0%)',
146
+ 'shadow-opacity': '0.1',
147
+ 'shadow-blur': '8px',
148
+ 'shadow-spread': '-1px',
149
+ 'shadow-offset-x': '0px',
150
+ 'shadow-offset-y': '4px',
151
+ 'letter-spacing': '0em',
152
+ spacing: '0.25rem',
153
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
154
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
155
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
156
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
157
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
158
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
159
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
160
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
161
+ 'tracking-normal': '0em',
162
+ },
163
+ },
164
+ dark: {
165
+ background: '#171717',
166
+ foreground: '#e5e5e5',
167
+ card: '#262626',
168
+ primary: '#f59e0b',
169
+ 'primary-foreground': '#000000',
170
+ secondary: '#262626',
171
+ muted: '#1f1f1f',
172
+ 'muted-foreground': '#a3a3a3',
173
+ accent: '#92400e',
174
+ 'accent-foreground': '#fde68a',
175
+ destructive: '#ef4444',
176
+ 'destructive-foreground': '#ffffff',
177
+ border: '#404040',
178
+ sidebar: '#0f0f0f',
179
+ 'sidebar-primary-foreground': '#ffffff',
180
+ extras: {
181
+ radius: '0.5rem',
182
+ 'font-sans': 'Inter, sans-serif',
183
+ 'font-serif': 'Merriweather, serif',
184
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
185
+ 'shadow-color': 'hsl(0 0% 0%)',
186
+ 'shadow-opacity': '0.1',
187
+ 'shadow-blur': '8px',
188
+ 'shadow-spread': '-1px',
189
+ 'shadow-offset-x': '0px',
190
+ 'shadow-offset-y': '4px',
191
+ 'letter-spacing': '0em',
192
+ spacing: '0.25rem',
193
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
194
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
195
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
196
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
197
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
198
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
199
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
200
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
201
+ 'tracking-normal': '0em',
202
+ },
203
+ },
204
+ },
205
+ {
206
+ id: 'amethyst-haze',
207
+ label: 'Amethyst Haze',
208
+ light: {
209
+ background: '#f8f7fa',
210
+ foreground: '#3d3c4f',
211
+ card: '#ffffff',
212
+ primary: '#8a79ab',
213
+ 'primary-foreground': '#f8f7fa',
214
+ secondary: '#dfd9ec',
215
+ muted: '#dcd9e3',
216
+ 'muted-foreground': '#6b6880',
217
+ accent: '#e6a5b8',
218
+ 'accent-foreground': '#4b2e36',
219
+ destructive: '#d95c5c',
220
+ 'destructive-foreground': '#f8f7fa',
221
+ border: '#cec9d9',
222
+ input: '#eae7f0',
223
+ sidebar: '#f1eff5',
224
+ 'sidebar-border': '#d7d2e0',
225
+ extras: {
226
+ radius: '0.5rem',
227
+ 'font-sans': 'Inter, sans-serif',
228
+ 'font-serif': 'Merriweather, serif',
229
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
230
+ 'shadow-color': 'hsl(0 0% 0%)',
231
+ 'shadow-opacity': '0.1',
232
+ 'shadow-blur': '8px',
233
+ 'shadow-spread': '-1px',
234
+ 'shadow-offset-x': '0px',
235
+ 'shadow-offset-y': '4px',
236
+ 'letter-spacing': '0em',
237
+ spacing: '0.25rem',
238
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
239
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
240
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
241
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
242
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
243
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
244
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
245
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
246
+ 'tracking-normal': '0em',
247
+ },
248
+ },
249
+ dark: {
250
+ background: '#1a1823',
251
+ foreground: '#e0ddef',
252
+ card: '#232030',
253
+ primary: '#a995c9',
254
+ 'primary-foreground': '#1a1823',
255
+ secondary: '#5a5370',
256
+ muted: '#242031',
257
+ 'muted-foreground': '#a09aad',
258
+ accent: '#372e3f',
259
+ 'accent-foreground': '#f2b8c6',
260
+ destructive: '#e57373',
261
+ 'destructive-foreground': '#1a1823',
262
+ border: '#302c40',
263
+ input: '#2a273a',
264
+ sidebar: '#16141e',
265
+ 'sidebar-border': '#2a273a',
266
+ extras: {
267
+ radius: '0.5rem',
268
+ 'font-sans': 'Inter, sans-serif',
269
+ 'font-serif': 'Merriweather, serif',
270
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
271
+ 'shadow-color': 'hsl(0 0% 0%)',
272
+ 'shadow-opacity': '0.1',
273
+ 'shadow-blur': '8px',
274
+ 'shadow-spread': '-1px',
275
+ 'shadow-offset-x': '0px',
276
+ 'shadow-offset-y': '4px',
277
+ 'letter-spacing': '0em',
278
+ spacing: '0.25rem',
279
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
280
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
281
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
282
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
283
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
284
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
285
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
286
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
287
+ 'tracking-normal': '0em',
288
+ },
289
+ },
290
+ },
291
+ {
292
+ id: 'bold-tech',
293
+ label: 'Bold Tech',
294
+ light: {
295
+ background: '#ffffff',
296
+ foreground: '#312e81',
297
+ card: '#ffffff',
298
+ primary: '#8b5cf6',
299
+ 'primary-foreground': '#ffffff',
300
+ secondary: '#f3f0ff',
301
+ 'secondary-foreground': '#4338ca',
302
+ muted: '#f5f3ff',
303
+ 'muted-foreground': '#7c3aed',
304
+ accent: '#dbeafe',
305
+ 'accent-foreground': '#1e40af',
306
+ destructive: '#ef4444',
307
+ 'destructive-foreground': '#ffffff',
308
+ border: '#e0e7ff',
309
+ extras: {
310
+ radius: '0.625rem',
311
+ 'font-sans': 'Inter, sans-serif',
312
+ 'font-serif': 'Merriweather, serif',
313
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
314
+ 'shadow-color': 'hsl(0 0% 0%)',
315
+ 'shadow-opacity': '0.1',
316
+ 'shadow-blur': '8px',
317
+ 'shadow-spread': '-1px',
318
+ 'shadow-offset-x': '0px',
319
+ 'shadow-offset-y': '4px',
320
+ 'letter-spacing': '0em',
321
+ spacing: '0.25rem',
322
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
323
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
324
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
325
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
326
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
327
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
328
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
329
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
330
+ 'tracking-normal': '0em',
331
+ },
332
+ },
333
+ dark: {
334
+ background: '#0f172a',
335
+ foreground: '#e0e7ff',
336
+ card: '#1e1b4b',
337
+ primary: '#8b5cf6',
338
+ 'primary-foreground': '#ffffff',
339
+ secondary: '#1e1b4b',
340
+ muted: '#171447',
341
+ 'muted-foreground': '#c4b5fd',
342
+ accent: '#4338ca',
343
+ destructive: '#ef4444',
344
+ 'destructive-foreground': '#ffffff',
345
+ border: '#2e1065',
346
+ sidebar: '#0f172a',
347
+ extras: {
348
+ radius: '0.625rem',
349
+ 'font-sans': 'Inter, sans-serif',
350
+ 'font-serif': 'Merriweather, serif',
351
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
352
+ 'shadow-color': 'hsl(0 0% 0%)',
353
+ 'shadow-opacity': '0.1',
354
+ 'shadow-blur': '8px',
355
+ 'shadow-spread': '-1px',
356
+ 'shadow-offset-x': '0px',
357
+ 'shadow-offset-y': '4px',
358
+ 'letter-spacing': '0em',
359
+ spacing: '0.25rem',
360
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
361
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
362
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
363
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
364
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
365
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
366
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
367
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
368
+ 'tracking-normal': '0em',
369
+ },
370
+ },
371
+ },
372
+ {
373
+ id: 'bubblegum',
374
+ label: 'Bubblegum',
375
+ light: {
376
+ background: '#f6e6ee',
377
+ foreground: '#5b5b5b',
378
+ card: '#fdedc9',
379
+ popover: '#ffffff',
380
+ primary: '#d04f99',
381
+ 'primary-foreground': '#ffffff',
382
+ secondary: '#8acfd1',
383
+ 'secondary-foreground': '#333333',
384
+ muted: '#b2e1eb',
385
+ 'muted-foreground': '#7a7a7a',
386
+ accent: '#fbe2a7',
387
+ 'accent-foreground': '#333333',
388
+ destructive: '#f96f70',
389
+ 'destructive-foreground': '#ffffff',
390
+ border: '#d04f99',
391
+ input: '#e4e4e4',
392
+ ring: '#e670ab',
393
+ sidebar: '#f8d8ea',
394
+ 'sidebar-foreground': '#333333',
395
+ 'sidebar-primary': '#ec4899',
396
+ 'sidebar-accent': '#f9a8d4',
397
+ 'sidebar-border': '#f3e8ff',
398
+ 'sidebar-ring': '#ec4899',
399
+ extras: {
400
+ radius: '0.4rem',
401
+ 'font-sans': 'Inter, sans-serif',
402
+ 'font-serif': 'Merriweather, serif',
403
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
404
+ 'shadow-color': 'hsl(0 0% 0%)',
405
+ 'shadow-opacity': '0.1',
406
+ 'shadow-blur': '8px',
407
+ 'shadow-spread': '-1px',
408
+ 'shadow-offset-x': '0px',
409
+ 'shadow-offset-y': '4px',
410
+ 'letter-spacing': '0em',
411
+ spacing: '0.25rem',
412
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
413
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
414
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
415
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
416
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
417
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
418
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
419
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
420
+ 'tracking-normal': '0em',
421
+ },
422
+ },
423
+ dark: {
424
+ background: '#12242e',
425
+ foreground: '#f3e3ea',
426
+ card: '#1c2e38',
427
+ primary: '#fbe2a7',
428
+ 'primary-foreground': '#12242e',
429
+ secondary: '#e4a2b1',
430
+ 'secondary-foreground': '#12242e',
431
+ muted: '#24272b',
432
+ 'muted-foreground': '#e4a2b1',
433
+ accent: '#98526d',
434
+ destructive: '#e35ea4',
435
+ 'destructive-foreground': '#12242e',
436
+ border: '#324859',
437
+ input: '#20333d',
438
+ ring: '#50afb6',
439
+ sidebar: '#101f28',
440
+ 'sidebar-foreground': '#f3f4f6',
441
+ 'sidebar-primary': '#ec4899',
442
+ 'sidebar-primary-foreground': '#ffffff',
443
+ 'sidebar-accent': '#f9a8d4',
444
+ 'sidebar-accent-foreground': '#1f2937',
445
+ 'sidebar-border': '#374151',
446
+ 'sidebar-ring': '#ec4899',
447
+ extras: {
448
+ radius: '0.5rem',
449
+ 'font-sans': 'Inter, sans-serif',
450
+ 'font-serif': 'Merriweather, serif',
451
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
452
+ 'shadow-color': 'hsl(0 0% 0%)',
453
+ 'shadow-opacity': '0.1',
454
+ 'shadow-blur': '8px',
455
+ 'shadow-spread': '-1px',
456
+ 'shadow-offset-x': '0px',
457
+ 'shadow-offset-y': '4px',
458
+ 'letter-spacing': '0em',
459
+ spacing: '0.25rem',
460
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
461
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
462
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
463
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
464
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
465
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
466
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
467
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
468
+ 'tracking-normal': '0em',
469
+ },
470
+ },
471
+ },
472
+ {
473
+ id: 'caffeine',
474
+ label: 'Caffeine',
475
+ light: {
476
+ background: '#f9f9f9',
477
+ foreground: '#202020',
478
+ card: '#fcfcfc',
479
+ primary: '#644a40',
480
+ 'primary-foreground': '#ffffff',
481
+ secondary: '#ffdfb5',
482
+ 'secondary-foreground': '#582d1d',
483
+ muted: '#efefef',
484
+ 'muted-foreground': '#646464',
485
+ accent: '#e8e8e8',
486
+ destructive: '#e54d2e',
487
+ 'destructive-foreground': '#ffffff',
488
+ border: '#d8d8d8',
489
+ sidebar: '#fbfbfb',
490
+ 'sidebar-foreground': '#252525',
491
+ 'sidebar-primary': '#343434',
492
+ 'sidebar-primary-foreground': '#fbfbfb',
493
+ 'sidebar-accent': '#f7f7f7',
494
+ 'sidebar-accent-foreground': '#343434',
495
+ 'sidebar-border': '#ebebeb',
496
+ 'sidebar-ring': '#b5b5b5',
497
+ extras: {
498
+ radius: '0.5rem',
499
+ 'font-sans': 'Inter, sans-serif',
500
+ 'font-serif': 'Merriweather, serif',
501
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
502
+ 'shadow-color': 'hsl(0 0% 0%)',
503
+ 'shadow-opacity': '0.1',
504
+ 'shadow-blur': '8px',
505
+ 'shadow-spread': '-1px',
506
+ 'shadow-offset-x': '0px',
507
+ 'shadow-offset-y': '4px',
508
+ 'letter-spacing': '0em',
509
+ spacing: '0.25rem',
510
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
511
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
512
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
513
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
514
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
515
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
516
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
517
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
518
+ 'tracking-normal': '0em',
519
+ },
520
+ },
521
+ dark: {
522
+ background: '#111111',
523
+ foreground: '#eeeeee',
524
+ card: '#191919',
525
+ primary: '#ffe0c2',
526
+ 'primary-foreground': '#081a1b',
527
+ secondary: '#393028',
528
+ 'secondary-foreground': '#ffe0c2',
529
+ muted: '#222222',
530
+ 'muted-foreground': '#b4b4b4',
531
+ accent: '#2a2a2a',
532
+ destructive: '#e54d2e',
533
+ 'destructive-foreground': '#ffffff',
534
+ border: '#201e18',
535
+ input: '#484848',
536
+ sidebar: '#18181b',
537
+ 'sidebar-foreground': '#f4f4f5',
538
+ 'sidebar-primary': '#1d4ed8',
539
+ 'sidebar-primary-foreground': '#ffffff',
540
+ 'sidebar-accent': '#27272a',
541
+ 'sidebar-accent-foreground': '#f4f4f5',
542
+ 'sidebar-border': '#27272a',
543
+ 'sidebar-ring': '#d4d4d8',
544
+ extras: {
545
+ radius: '0.5rem',
546
+ 'font-sans': 'Inter, sans-serif',
547
+ 'font-serif': 'Merriweather, serif',
548
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
549
+ 'shadow-color': 'hsl(0 0% 0%)',
550
+ 'shadow-opacity': '0.1',
551
+ 'shadow-blur': '8px',
552
+ 'shadow-spread': '-1px',
553
+ 'shadow-offset-x': '0px',
554
+ 'shadow-offset-y': '4px',
555
+ 'letter-spacing': '0em',
556
+ spacing: '0.25rem',
557
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
558
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
559
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
560
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
561
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
562
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
563
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
564
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
565
+ 'tracking-normal': '0em',
566
+ },
567
+ },
568
+ },
569
+ {
570
+ id: 'candyland',
571
+ label: 'Candyland',
572
+ light: {
573
+ background: '#f7f9fa',
574
+ foreground: '#333333',
575
+ card: '#ffffff',
576
+ primary: '#ffc0cb',
577
+ 'primary-foreground': '#000000',
578
+ secondary: '#87ceeb',
579
+ 'secondary-foreground': '#000000',
580
+ muted: '#ddd9c4',
581
+ 'muted-foreground': '#6e6e6e',
582
+ accent: '#ffff00',
583
+ 'accent-foreground': '#000000',
584
+ destructive: '#ef4444',
585
+ 'destructive-foreground': '#ffffff',
586
+ border: '#d4d4d4',
587
+ sidebar: '#f7f9fa',
588
+ extras: {
589
+ radius: '0.5rem',
590
+ 'font-sans': 'Inter, sans-serif',
591
+ 'font-serif': 'Merriweather, serif',
592
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
593
+ 'shadow-color': 'hsl(0 0% 0%)',
594
+ 'shadow-opacity': '0.1',
595
+ 'shadow-blur': '8px',
596
+ 'shadow-spread': '-1px',
597
+ 'shadow-offset-x': '0px',
598
+ 'shadow-offset-y': '4px',
599
+ 'letter-spacing': '0em',
600
+ spacing: '0.25rem',
601
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
602
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
603
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
604
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
605
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
606
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
607
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
608
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
609
+ 'tracking-normal': '0em',
610
+ },
611
+ },
612
+ dark: {
613
+ background: '#1a1d23',
614
+ foreground: '#e5e5e5',
615
+ card: '#2f3436',
616
+ primary: '#ff99cc',
617
+ 'primary-foreground': '#000000',
618
+ secondary: '#33cc33',
619
+ 'secondary-foreground': '#000000',
620
+ muted: '#444444',
621
+ 'muted-foreground': '#a3a3a3',
622
+ accent: '#87ceeb',
623
+ 'accent-foreground': '#000000',
624
+ destructive: '#ef4444',
625
+ 'destructive-foreground': '#ffffff',
626
+ border: '#444444',
627
+ sidebar: '#1a1d23',
628
+ extras: {
629
+ radius: '0.5rem',
630
+ 'font-sans': 'Inter, sans-serif',
631
+ 'font-serif': 'Merriweather, serif',
632
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
633
+ 'shadow-color': 'hsl(0 0% 0%)',
634
+ 'shadow-opacity': '0.1',
635
+ 'shadow-blur': '8px',
636
+ 'shadow-spread': '-1px',
637
+ 'shadow-offset-x': '0px',
638
+ 'shadow-offset-y': '4px',
639
+ 'letter-spacing': '0em',
640
+ spacing: '0.25rem',
641
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
642
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
643
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
644
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
645
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
646
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
647
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
648
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
649
+ 'tracking-normal': '0em',
650
+ },
651
+ },
652
+ },
653
+ {
654
+ id: 'catppuccin',
655
+ label: 'Catppuccin',
656
+ light: {
657
+ background: '#eff1f5',
658
+ foreground: '#4c4f69',
659
+ card: '#ffffff',
660
+ popover: '#ccd0da',
661
+ primary: '#8839ef',
662
+ 'primary-foreground': '#ffffff',
663
+ secondary: '#ccd0da',
664
+ muted: '#dce0e8',
665
+ 'muted-foreground': '#6c6f85',
666
+ accent: '#007dbb',
667
+ 'accent-foreground': '#ffffff',
668
+ destructive: '#d20f39',
669
+ 'destructive-foreground': '#ffffff',
670
+ border: '#bcc0cc',
671
+ input: '#ccd0da',
672
+ sidebar: '#e6e9ef',
673
+ 'sidebar-accent': '#04a5e5',
674
+ extras: {
675
+ radius: '0.35rem',
676
+ 'font-sans': 'Inter, sans-serif',
677
+ 'font-serif': 'Merriweather, serif',
678
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
679
+ 'shadow-color': 'hsl(0 0% 0%)',
680
+ 'shadow-opacity': '0.1',
681
+ 'shadow-blur': '8px',
682
+ 'shadow-spread': '-1px',
683
+ 'shadow-offset-x': '0px',
684
+ 'shadow-offset-y': '4px',
685
+ 'letter-spacing': '0em',
686
+ spacing: '0.25rem',
687
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
688
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
689
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
690
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
691
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
692
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
693
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
694
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
695
+ 'tracking-normal': '0em',
696
+ },
697
+ },
698
+ dark: {
699
+ background: '#181825',
700
+ foreground: '#cdd6f4',
701
+ card: '#1e1e2e',
702
+ popover: '#45475a',
703
+ primary: '#cba6f7',
704
+ 'primary-foreground': '#1e1e2e',
705
+ secondary: '#585b70',
706
+ muted: '#292c3c',
707
+ 'muted-foreground': '#a6adc8',
708
+ accent: '#89dceb',
709
+ 'accent-foreground': '#1e1e2e',
710
+ destructive: '#f38ba8',
711
+ 'destructive-foreground': '#1e1e2e',
712
+ border: '#313244',
713
+ sidebar: '#11111b',
714
+ 'sidebar-border': '#45475a',
715
+ extras: {
716
+ radius: '0.5rem',
717
+ 'font-sans': 'Inter, sans-serif',
718
+ 'font-serif': 'Merriweather, serif',
719
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
720
+ 'shadow-color': 'hsl(0 0% 0%)',
721
+ 'shadow-opacity': '0.1',
722
+ 'shadow-blur': '8px',
723
+ 'shadow-spread': '-1px',
724
+ 'shadow-offset-x': '0px',
725
+ 'shadow-offset-y': '4px',
726
+ 'letter-spacing': '0em',
727
+ spacing: '0.25rem',
728
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
729
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
730
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
731
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
732
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
733
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
734
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
735
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
736
+ 'tracking-normal': '0em',
737
+ },
738
+ },
739
+ },
740
+ {
741
+ id: 'claude',
742
+ label: 'Claude',
743
+ light: {
744
+ background: '#faf9f5',
745
+ foreground: '#3d3929',
746
+ card: '#faf9f5',
747
+ 'card-foreground': '#141413',
748
+ popover: '#ffffff',
749
+ 'popover-foreground': '#28261b',
750
+ primary: '#c96442',
751
+ 'primary-foreground': '#ffffff',
752
+ secondary: '#e9e6dc',
753
+ 'secondary-foreground': '#535146',
754
+ muted: '#ede9de',
755
+ 'muted-foreground': '#83827d',
756
+ accent: '#e9e6dc',
757
+ 'accent-foreground': '#28261b',
758
+ destructive: '#141413',
759
+ 'destructive-foreground': '#ffffff',
760
+ border: '#dad9d4',
761
+ input: '#b4b2a7',
762
+ sidebar: '#f5f4ee',
763
+ 'sidebar-foreground': '#3d3d3a',
764
+ 'sidebar-primary-foreground': '#fbfbfb',
765
+ 'sidebar-accent-foreground': '#343434',
766
+ 'sidebar-border': '#ebebeb',
767
+ 'sidebar-ring': '#b5b5b5',
768
+ extras: {
769
+ radius: '0.5rem',
770
+ 'font-sans': 'Inter, sans-serif',
771
+ 'font-serif': 'Merriweather, serif',
772
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
773
+ 'shadow-color': 'hsl(0 0% 0%)',
774
+ 'shadow-opacity': '0.1',
775
+ 'shadow-blur': '8px',
776
+ 'shadow-spread': '-1px',
777
+ 'shadow-offset-x': '0px',
778
+ 'shadow-offset-y': '4px',
779
+ 'letter-spacing': '0em',
780
+ spacing: '0.25rem',
781
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
782
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
783
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
784
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
785
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
786
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
787
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
788
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
789
+ 'tracking-normal': '0em',
790
+ },
791
+ },
792
+ dark: {
793
+ background: '#262624',
794
+ foreground: '#c3c0b6',
795
+ card: '#262624',
796
+ 'card-foreground': '#faf9f5',
797
+ popover: '#30302e',
798
+ 'popover-foreground': '#e5e5e2',
799
+ primary: '#d97757',
800
+ 'primary-foreground': '#ffffff',
801
+ secondary: '#faf9f5',
802
+ 'secondary-foreground': '#30302e',
803
+ muted: '#1b1b19',
804
+ 'muted-foreground': '#b7b5a9',
805
+ accent: '#1a1915',
806
+ 'accent-foreground': '#f5f4ee',
807
+ destructive: '#ef4444',
808
+ 'destructive-foreground': '#ffffff',
809
+ border: '#3e3e38',
810
+ input: '#52514a',
811
+ sidebar: '#1f1e1d',
812
+ 'sidebar-primary': '#343434',
813
+ 'sidebar-primary-foreground': '#fbfbfb',
814
+ 'sidebar-accent': '#0f0f0e',
815
+ 'sidebar-accent-foreground': '#c3c0b6',
816
+ 'sidebar-border': '#ebebeb',
817
+ 'sidebar-ring': '#b5b5b5',
818
+ extras: {
819
+ radius: '0.5rem',
820
+ 'font-sans': 'Inter, sans-serif',
821
+ 'font-serif': 'Merriweather, serif',
822
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
823
+ 'shadow-color': 'hsl(0 0% 0%)',
824
+ 'shadow-opacity': '0.1',
825
+ 'shadow-blur': '8px',
826
+ 'shadow-spread': '-1px',
827
+ 'shadow-offset-x': '0px',
828
+ 'shadow-offset-y': '4px',
829
+ 'letter-spacing': '0em',
830
+ spacing: '0.25rem',
831
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
832
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
833
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
834
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
835
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
836
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
837
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
838
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
839
+ 'tracking-normal': '0em',
840
+ },
841
+ },
842
+ },
843
+ {
844
+ id: 'claymorphism',
845
+ label: 'Claymorphism',
846
+ light: {
847
+ background: '#e7e5e4',
848
+ foreground: '#1e293b',
849
+ card: '#f5f5f4',
850
+ primary: '#6366f1',
851
+ 'primary-foreground': '#ffffff',
852
+ secondary: '#d6d3d1',
853
+ 'secondary-foreground': '#4b5563',
854
+ muted: '#e7e5e4',
855
+ 'muted-foreground': '#6b7280',
856
+ accent: '#f3e5f5',
857
+ 'accent-foreground': '#374151',
858
+ destructive: '#ef4444',
859
+ 'destructive-foreground': '#ffffff',
860
+ border: '#d6d3d1',
861
+ sidebar: '#d6d3d1',
862
+ extras: {
863
+ radius: '1.25rem',
864
+ 'font-sans': 'Inter, sans-serif',
865
+ 'font-serif': 'Merriweather, serif',
866
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
867
+ 'shadow-color': 'hsl(0 0% 0%)',
868
+ 'shadow-opacity': '0.1',
869
+ 'shadow-blur': '8px',
870
+ 'shadow-spread': '-1px',
871
+ 'shadow-offset-x': '0px',
872
+ 'shadow-offset-y': '4px',
873
+ 'letter-spacing': '0em',
874
+ spacing: '0.25rem',
875
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
876
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
877
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
878
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
879
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
880
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
881
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
882
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
883
+ 'tracking-normal': '0em',
884
+ },
885
+ },
886
+ dark: {
887
+ background: '#1e1b18',
888
+ foreground: '#e2e8f0',
889
+ card: '#2c2825',
890
+ primary: '#818cf8',
891
+ 'primary-foreground': '#1e1b18',
892
+ secondary: '#3a3633',
893
+ 'secondary-foreground': '#d1d5db',
894
+ muted: '#1f1c19',
895
+ 'muted-foreground': '#9ca3af',
896
+ accent: '#484441',
897
+ 'accent-foreground': '#d1d5db',
898
+ destructive: '#ef4444',
899
+ 'destructive-foreground': '#1e1b18',
900
+ border: '#3a3633',
901
+ sidebar: '#3a3633',
902
+ extras: {
903
+ radius: '1.25rem',
904
+ 'font-sans': 'Inter, sans-serif',
905
+ 'font-serif': 'Merriweather, serif',
906
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
907
+ 'shadow-color': 'hsl(0 0% 0%)',
908
+ 'shadow-opacity': '0.1',
909
+ 'shadow-blur': '8px',
910
+ 'shadow-spread': '-1px',
911
+ 'shadow-offset-x': '0px',
912
+ 'shadow-offset-y': '4px',
913
+ 'letter-spacing': '0em',
914
+ spacing: '0.25rem',
915
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
916
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
917
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
918
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
919
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
920
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
921
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
922
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
923
+ 'tracking-normal': '0em',
924
+ },
925
+ },
926
+ },
927
+ {
928
+ id: 'cosmic-night',
929
+ label: 'Cosmic Night',
930
+ light: {
931
+ background: '#f5f5ff',
932
+ foreground: '#2a2a4a',
933
+ card: '#ffffff',
934
+ primary: '#6e56cf',
935
+ 'primary-foreground': '#ffffff',
936
+ secondary: '#e4dfff',
937
+ 'secondary-foreground': '#4a4080',
938
+ muted: '#f0f0fa',
939
+ 'muted-foreground': '#6c6c8a',
940
+ accent: '#d8e6ff',
941
+ destructive: '#ff5470',
942
+ 'destructive-foreground': '#ffffff',
943
+ border: '#e0e0f0',
944
+ extras: {
945
+ radius: '0.5rem',
946
+ 'font-sans': 'Inter, sans-serif',
947
+ 'font-serif': 'Merriweather, serif',
948
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
949
+ 'shadow-color': 'hsl(0 0% 0%)',
950
+ 'shadow-opacity': '0.1',
951
+ 'shadow-blur': '8px',
952
+ 'shadow-spread': '-1px',
953
+ 'shadow-offset-x': '0px',
954
+ 'shadow-offset-y': '4px',
955
+ 'letter-spacing': '0em',
956
+ spacing: '0.25rem',
957
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
958
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
959
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
960
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
961
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
962
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
963
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
964
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
965
+ 'tracking-normal': '0em',
966
+ },
967
+ },
968
+ dark: {
969
+ background: '#0f0f1a',
970
+ foreground: '#e2e2f5',
971
+ card: '#1a1a2e',
972
+ primary: '#a48fff',
973
+ 'primary-foreground': '#0f0f1a',
974
+ secondary: '#2d2b55',
975
+ 'secondary-foreground': '#c4c2ff',
976
+ muted: '#222244',
977
+ 'muted-foreground': '#a0a0c0',
978
+ accent: '#303060',
979
+ destructive: '#ff5470',
980
+ 'destructive-foreground': '#ffffff',
981
+ border: '#303052',
982
+ sidebar: '#1a1a2e',
983
+ extras: {
984
+ radius: '0.5rem',
985
+ 'font-sans': 'Inter, sans-serif',
986
+ 'font-serif': 'Merriweather, serif',
987
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
988
+ 'shadow-color': 'hsl(0 0% 0%)',
989
+ 'shadow-opacity': '0.1',
990
+ 'shadow-blur': '8px',
991
+ 'shadow-spread': '-1px',
992
+ 'shadow-offset-x': '0px',
993
+ 'shadow-offset-y': '4px',
994
+ 'letter-spacing': '0em',
995
+ spacing: '0.25rem',
996
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
997
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
998
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
999
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1000
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1001
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1002
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1003
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1004
+ 'tracking-normal': '0em',
1005
+ },
1006
+ },
1007
+ },
1008
+ {
1009
+ id: 'cyberpunk',
1010
+ label: 'Cyberpunk',
1011
+ light: {
1012
+ background: '#f8f9fa',
1013
+ foreground: '#0c0c1d',
1014
+ card: '#ffffff',
1015
+ primary: '#ff00c8',
1016
+ 'primary-foreground': '#ffffff',
1017
+ secondary: '#f0f0ff',
1018
+ muted: '#f0f0ff',
1019
+ 'muted-foreground': '#0c0c1d',
1020
+ accent: '#00ffcc',
1021
+ destructive: '#ff3d00',
1022
+ 'destructive-foreground': '#ffffff',
1023
+ border: '#dfe6e9',
1024
+ extras: {
1025
+ radius: '0.5rem',
1026
+ 'font-sans': 'Inter, sans-serif',
1027
+ 'font-serif': 'Merriweather, serif',
1028
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1029
+ 'shadow-color': 'hsl(0 0% 0%)',
1030
+ 'shadow-opacity': '0.1',
1031
+ 'shadow-blur': '8px',
1032
+ 'shadow-spread': '-1px',
1033
+ 'shadow-offset-x': '0px',
1034
+ 'shadow-offset-y': '4px',
1035
+ 'letter-spacing': '0em',
1036
+ spacing: '0.25rem',
1037
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1038
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1039
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1040
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1041
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1042
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1043
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1044
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1045
+ 'tracking-normal': '0em',
1046
+ },
1047
+ },
1048
+ dark: {
1049
+ background: '#0c0c1d',
1050
+ foreground: '#eceff4',
1051
+ card: '#1e1e3f',
1052
+ primary: '#ff00c8',
1053
+ 'primary-foreground': '#ffffff',
1054
+ secondary: '#1e1e3f',
1055
+ muted: '#151530',
1056
+ 'muted-foreground': '#8085a6',
1057
+ accent: '#00ffcc',
1058
+ 'accent-foreground': '#0c0c1d',
1059
+ destructive: '#ff3d00',
1060
+ 'destructive-foreground': '#ffffff',
1061
+ border: '#2e2e5e',
1062
+ sidebar: '#0c0c1d',
1063
+ extras: {
1064
+ radius: '0.5rem',
1065
+ 'font-sans': 'Inter, sans-serif',
1066
+ 'font-serif': 'Merriweather, serif',
1067
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1068
+ 'shadow-color': 'hsl(0 0% 0%)',
1069
+ 'shadow-opacity': '0.1',
1070
+ 'shadow-blur': '8px',
1071
+ 'shadow-spread': '-1px',
1072
+ 'shadow-offset-x': '0px',
1073
+ 'shadow-offset-y': '4px',
1074
+ 'letter-spacing': '0em',
1075
+ spacing: '0.25rem',
1076
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1077
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1078
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1079
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1080
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1081
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1082
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1083
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1084
+ 'tracking-normal': '0em',
1085
+ },
1086
+ },
1087
+ },
1088
+ {
1089
+ id: 'darkmatter',
1090
+ label: 'Darkmatter',
1091
+ light: {
1092
+ background: '#ffffff',
1093
+ foreground: '#111827',
1094
+ card: '#ffffff',
1095
+ primary: '#d87943',
1096
+ 'primary-foreground': '#ffffff',
1097
+ secondary: '#527575',
1098
+ 'secondary-foreground': '#ffffff',
1099
+ muted: '#f3f4f6',
1100
+ 'muted-foreground': '#6b7280',
1101
+ accent: '#eeeeee',
1102
+ destructive: '#ef4444',
1103
+ 'destructive-foreground': '#fafafa',
1104
+ border: '#e5e7eb',
1105
+ 'sidebar-accent': '#ffffff',
1106
+ extras: {
1107
+ radius: '0.75rem',
1108
+ 'font-sans': 'Inter, sans-serif',
1109
+ 'font-serif': 'Merriweather, serif',
1110
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1111
+ 'shadow-color': 'hsl(0 0% 0%)',
1112
+ 'shadow-opacity': '0.1',
1113
+ 'shadow-blur': '8px',
1114
+ 'shadow-spread': '-1px',
1115
+ 'shadow-offset-x': '0px',
1116
+ 'shadow-offset-y': '4px',
1117
+ 'letter-spacing': '0em',
1118
+ spacing: '0.25rem',
1119
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1120
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1121
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1122
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1123
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1124
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1125
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1126
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1127
+ 'tracking-normal': '0em',
1128
+ },
1129
+ },
1130
+ dark: {
1131
+ background: '#121113',
1132
+ foreground: '#c1c1c1',
1133
+ card: '#121212',
1134
+ popover: '#121113',
1135
+ primary: '#e78a53',
1136
+ 'primary-foreground': '#121113',
1137
+ secondary: '#5f8787',
1138
+ 'secondary-foreground': '#121113',
1139
+ muted: '#222222',
1140
+ 'muted-foreground': '#888888',
1141
+ accent: '#333333',
1142
+ destructive: '#5f8787',
1143
+ 'destructive-foreground': '#121113',
1144
+ border: '#222222',
1145
+ sidebar: '#121212',
1146
+ extras: {
1147
+ radius: '0.5rem',
1148
+ 'font-sans': 'Inter, sans-serif',
1149
+ 'font-serif': 'Merriweather, serif',
1150
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1151
+ 'shadow-color': 'hsl(0 0% 0%)',
1152
+ 'shadow-opacity': '0.1',
1153
+ 'shadow-blur': '8px',
1154
+ 'shadow-spread': '-1px',
1155
+ 'shadow-offset-x': '0px',
1156
+ 'shadow-offset-y': '4px',
1157
+ 'letter-spacing': '0em',
1158
+ spacing: '0.25rem',
1159
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1160
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1161
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1162
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1163
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1164
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1165
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1166
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1167
+ 'tracking-normal': '0em',
1168
+ },
1169
+ },
1170
+ },
1171
+ {
1172
+ id: 'doom-64',
1173
+ label: 'Doom 64',
1174
+ light: {
1175
+ background: '#cccccc',
1176
+ foreground: '#1f1f1f',
1177
+ card: '#b0b0b0',
1178
+ primary: '#b71c1c',
1179
+ 'primary-foreground': '#ffffff',
1180
+ secondary: '#556b2f',
1181
+ 'secondary-foreground': '#ffffff',
1182
+ muted: '#b8b8b8',
1183
+ 'muted-foreground': '#4a4a4a',
1184
+ accent: '#3f7bad',
1185
+ 'accent-foreground': '#ffffff',
1186
+ destructive: '#ff6f00',
1187
+ 'destructive-foreground': '#000000',
1188
+ border: '#505050',
1189
+ sidebar: '#b0b0b0',
1190
+ 'sidebar-accent': '#4682b4',
1191
+ extras: {
1192
+ radius: '0px',
1193
+ 'font-sans': 'Inter, sans-serif',
1194
+ 'font-serif': 'Merriweather, serif',
1195
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1196
+ 'shadow-color': 'hsl(0 0% 0%)',
1197
+ 'shadow-opacity': '0.1',
1198
+ 'shadow-blur': '8px',
1199
+ 'shadow-spread': '-1px',
1200
+ 'shadow-offset-x': '0px',
1201
+ 'shadow-offset-y': '4px',
1202
+ 'letter-spacing': '0em',
1203
+ spacing: '0.25rem',
1204
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1205
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1206
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1207
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1208
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1209
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1210
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1211
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1212
+ 'tracking-normal': '0em',
1213
+ },
1214
+ },
1215
+ dark: {
1216
+ background: '#1a1a1a',
1217
+ foreground: '#e0e0e0',
1218
+ card: '#2a2a2a',
1219
+ primary: '#e53935',
1220
+ 'primary-foreground': '#ffffff',
1221
+ secondary: '#689f38',
1222
+ 'secondary-foreground': '#000000',
1223
+ muted: '#252525',
1224
+ 'muted-foreground': '#a0a0a0',
1225
+ accent: '#64b5f6',
1226
+ 'accent-foreground': '#000000',
1227
+ destructive: '#ffa000',
1228
+ 'destructive-foreground': '#000000',
1229
+ border: '#4a4a4a',
1230
+ sidebar: '#141414',
1231
+ extras: {
1232
+ radius: '0px',
1233
+ 'font-sans': 'Inter, sans-serif',
1234
+ 'font-serif': 'Merriweather, serif',
1235
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1236
+ 'shadow-color': 'hsl(0 0% 0%)',
1237
+ 'shadow-opacity': '0.1',
1238
+ 'shadow-blur': '8px',
1239
+ 'shadow-spread': '-1px',
1240
+ 'shadow-offset-x': '0px',
1241
+ 'shadow-offset-y': '4px',
1242
+ 'letter-spacing': '0em',
1243
+ spacing: '0.25rem',
1244
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1245
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1246
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1247
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1248
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1249
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1250
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1251
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1252
+ 'tracking-normal': '0em',
1253
+ },
1254
+ },
1255
+ },
1256
+ {
1257
+ id: 'elegant-luxury',
1258
+ label: 'Elegant Luxury',
1259
+ light: {
1260
+ background: '#faf7f5',
1261
+ foreground: '#1a1a1a',
1262
+ card: '#faf7f5',
1263
+ primary: '#9b2c2c',
1264
+ 'primary-foreground': '#ffffff',
1265
+ secondary: '#fdf2d6',
1266
+ 'secondary-foreground': '#805500',
1267
+ muted: '#f0ebe8',
1268
+ 'muted-foreground': '#57534e',
1269
+ accent: '#fef3c7',
1270
+ 'accent-foreground': '#7f1d1d',
1271
+ destructive: '#991b1b',
1272
+ 'destructive-foreground': '#ffffff',
1273
+ border: '#f5e8d2',
1274
+ extras: {
1275
+ radius: '0.375rem',
1276
+ 'font-sans': 'Inter, sans-serif',
1277
+ 'font-serif': 'Merriweather, serif',
1278
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1279
+ 'shadow-color': 'hsl(0 0% 0%)',
1280
+ 'shadow-opacity': '0.1',
1281
+ 'shadow-blur': '8px',
1282
+ 'shadow-spread': '-1px',
1283
+ 'shadow-offset-x': '0px',
1284
+ 'shadow-offset-y': '4px',
1285
+ 'letter-spacing': '0em',
1286
+ spacing: '0.25rem',
1287
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1288
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1289
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1290
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1291
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1292
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1293
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1294
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1295
+ 'tracking-normal': '0em',
1296
+ },
1297
+ },
1298
+ dark: {
1299
+ background: '#1c1917',
1300
+ foreground: '#f5f5f4',
1301
+ card: '#292524',
1302
+ primary: '#b91c1c',
1303
+ 'primary-foreground': '#faf7f5',
1304
+ secondary: '#92400e',
1305
+ 'secondary-foreground': '#fef3c7',
1306
+ muted: '#1f1c1a',
1307
+ 'muted-foreground': '#d6d3d1',
1308
+ accent: '#b45309',
1309
+ 'accent-foreground': '#fef3c7',
1310
+ destructive: '#ef4444',
1311
+ 'destructive-foreground': '#ffffff',
1312
+ border: '#44403c',
1313
+ sidebar: '#1c1917',
1314
+ extras: {
1315
+ radius: '0.375rem',
1316
+ 'font-sans': 'Inter, sans-serif',
1317
+ 'font-serif': 'Merriweather, serif',
1318
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1319
+ 'shadow-color': 'hsl(0 0% 0%)',
1320
+ 'shadow-opacity': '0.1',
1321
+ 'shadow-blur': '8px',
1322
+ 'shadow-spread': '-1px',
1323
+ 'shadow-offset-x': '0px',
1324
+ 'shadow-offset-y': '4px',
1325
+ 'letter-spacing': '0em',
1326
+ spacing: '0.25rem',
1327
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1328
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1329
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1330
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1331
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1332
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1333
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1334
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1335
+ 'tracking-normal': '0em',
1336
+ },
1337
+ },
1338
+ },
1339
+ {
1340
+ id: 'graphite',
1341
+ label: 'Graphite',
1342
+ light: {
1343
+ background: '#f0f0f0',
1344
+ foreground: '#333333',
1345
+ card: '#f5f5f5',
1346
+ primary: '#606060',
1347
+ 'primary-foreground': '#ffffff',
1348
+ secondary: '#e0e0e0',
1349
+ muted: '#d9d9d9',
1350
+ 'muted-foreground': '#666666',
1351
+ accent: '#c0c0c0',
1352
+ destructive: '#cc3333',
1353
+ 'destructive-foreground': '#ffffff',
1354
+ border: '#d0d0d0',
1355
+ input: '#e0e0e0',
1356
+ sidebar: '#eaeaea',
1357
+ extras: {
1358
+ radius: '0.35rem',
1359
+ 'font-sans': 'Inter, sans-serif',
1360
+ 'font-serif': 'Merriweather, serif',
1361
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1362
+ 'shadow-color': 'hsl(0 0% 0%)',
1363
+ 'shadow-opacity': '0.1',
1364
+ 'shadow-blur': '8px',
1365
+ 'shadow-spread': '-1px',
1366
+ 'shadow-offset-x': '0px',
1367
+ 'shadow-offset-y': '4px',
1368
+ 'letter-spacing': '0em',
1369
+ spacing: '0.25rem',
1370
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1371
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1372
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1373
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1374
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1375
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1376
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1377
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1378
+ 'tracking-normal': '0em',
1379
+ },
1380
+ },
1381
+ dark: {
1382
+ background: '#1a1a1a',
1383
+ foreground: '#d9d9d9',
1384
+ card: '#202020',
1385
+ primary: '#a0a0a0',
1386
+ 'primary-foreground': '#1a1a1a',
1387
+ secondary: '#303030',
1388
+ muted: '#2a2a2a',
1389
+ 'muted-foreground': '#808080',
1390
+ accent: '#404040',
1391
+ destructive: '#e06666',
1392
+ 'destructive-foreground': '#ffffff',
1393
+ border: '#353535',
1394
+ input: '#303030',
1395
+ sidebar: '#1f1f1f',
1396
+ extras: {
1397
+ radius: '0.5rem',
1398
+ 'font-sans': 'Inter, sans-serif',
1399
+ 'font-serif': 'Merriweather, serif',
1400
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1401
+ 'shadow-color': 'hsl(0 0% 0%)',
1402
+ 'shadow-opacity': '0.1',
1403
+ 'shadow-blur': '8px',
1404
+ 'shadow-spread': '-1px',
1405
+ 'shadow-offset-x': '0px',
1406
+ 'shadow-offset-y': '4px',
1407
+ 'letter-spacing': '0em',
1408
+ spacing: '0.25rem',
1409
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1410
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1411
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1412
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1413
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1414
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1415
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1416
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1417
+ 'tracking-normal': '0em',
1418
+ },
1419
+ },
1420
+ },
1421
+ {
1422
+ id: 'kodama-grove',
1423
+ label: 'Kodama Grove',
1424
+ light: {
1425
+ background: '#e4d7b0',
1426
+ foreground: '#5c4b3e',
1427
+ card: '#e7dbbf',
1428
+ popover: '#f3ead2',
1429
+ primary: '#8d9d4f',
1430
+ 'primary-foreground': '#fdfbf6',
1431
+ secondary: '#decea0',
1432
+ muted: '#decea0',
1433
+ 'muted-foreground': '#85766a',
1434
+ accent: '#dbc894',
1435
+ destructive: '#d98b7e',
1436
+ 'destructive-foreground': '#faf8f2',
1437
+ border: '#b19681',
1438
+ input: '#dbc894',
1439
+ ring: '#9db18c',
1440
+ sidebar: '#e2d1a2',
1441
+ 'sidebar-primary': '#9db18c',
1442
+ 'sidebar-accent': '#eae5d9',
1443
+ 'sidebar-border': '#e5e0d4',
1444
+ extras: {
1445
+ radius: '0.425rem',
1446
+ 'font-sans': 'Inter, sans-serif',
1447
+ 'font-serif': 'Merriweather, serif',
1448
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1449
+ 'shadow-color': 'hsl(0 0% 0%)',
1450
+ 'shadow-opacity': '0.1',
1451
+ 'shadow-blur': '8px',
1452
+ 'shadow-spread': '-1px',
1453
+ 'shadow-offset-x': '0px',
1454
+ 'shadow-offset-y': '4px',
1455
+ 'letter-spacing': '0em',
1456
+ spacing: '0.25rem',
1457
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1458
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1459
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1460
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1461
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1462
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1463
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1464
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1465
+ 'tracking-normal': '0em',
1466
+ },
1467
+ },
1468
+ dark: {
1469
+ background: '#3a3529',
1470
+ foreground: '#ede4d4',
1471
+ card: '#413c33',
1472
+ primary: '#8a9f7b',
1473
+ 'primary-foreground': '#2a2521',
1474
+ secondary: '#5a5345',
1475
+ muted: '#4a4439',
1476
+ 'muted-foreground': '#a8a096',
1477
+ accent: '#a18f5c',
1478
+ 'accent-foreground': '#2a2521',
1479
+ destructive: '#b5766a',
1480
+ 'destructive-foreground': '#f0e9db',
1481
+ border: '#5a5345',
1482
+ sidebar: '#3a3529',
1483
+ extras: {
1484
+ radius: '0.5rem',
1485
+ 'font-sans': 'Inter, sans-serif',
1486
+ 'font-serif': 'Merriweather, serif',
1487
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1488
+ 'shadow-color': 'hsl(0 0% 0%)',
1489
+ 'shadow-opacity': '0.1',
1490
+ 'shadow-blur': '8px',
1491
+ 'shadow-spread': '-1px',
1492
+ 'shadow-offset-x': '0px',
1493
+ 'shadow-offset-y': '4px',
1494
+ 'letter-spacing': '0em',
1495
+ spacing: '0.25rem',
1496
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1497
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1498
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1499
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1500
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1501
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1502
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1503
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1504
+ 'tracking-normal': '0em',
1505
+ },
1506
+ },
1507
+ },
1508
+ {
1509
+ id: 'midnight-bloom',
1510
+ label: 'Midnight Bloom',
1511
+ light: {
1512
+ background: '#f9f9f9',
1513
+ foreground: '#333333',
1514
+ card: '#ffffff',
1515
+ primary: '#6c5ce7',
1516
+ 'primary-foreground': '#ffffff',
1517
+ secondary: '#a1c9f2',
1518
+ muted: '#c9c4b5',
1519
+ 'muted-foreground': '#6e6e6e',
1520
+ accent: '#727a4f',
1521
+ 'accent-foreground': '#ffffff',
1522
+ destructive: '#ef4444',
1523
+ 'destructive-foreground': '#ffffff',
1524
+ border: '#d4d4d4',
1525
+ sidebar: '#f9f9f9',
1526
+ 'sidebar-accent': '#8b9467',
1527
+ extras: {
1528
+ radius: '0.5rem',
1529
+ 'font-sans': 'Inter, sans-serif',
1530
+ 'font-serif': 'Merriweather, serif',
1531
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1532
+ 'shadow-color': 'hsl(0 0% 0%)',
1533
+ 'shadow-opacity': '0.1',
1534
+ 'shadow-blur': '8px',
1535
+ 'shadow-spread': '-1px',
1536
+ 'shadow-offset-x': '0px',
1537
+ 'shadow-offset-y': '4px',
1538
+ 'letter-spacing': '0em',
1539
+ spacing: '0.25rem',
1540
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1541
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1542
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1543
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1544
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1545
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1546
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1547
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1548
+ 'tracking-normal': '0em',
1549
+ },
1550
+ },
1551
+ dark: {
1552
+ background: '#1a1d23',
1553
+ foreground: '#e5e5e5',
1554
+ card: '#2f3436',
1555
+ primary: '#6c5ce7',
1556
+ 'primary-foreground': '#ffffff',
1557
+ secondary: '#4b0082',
1558
+ muted: '#444444',
1559
+ 'muted-foreground': '#a3a3a3',
1560
+ accent: '#3664b7',
1561
+ destructive: '#ef4444',
1562
+ 'destructive-foreground': '#ffffff',
1563
+ border: '#444444',
1564
+ sidebar: '#1a1d23',
1565
+ 'sidebar-accent': '#6495ed',
1566
+ extras: {
1567
+ radius: '0.5rem',
1568
+ 'font-sans': 'Inter, sans-serif',
1569
+ 'font-serif': 'Merriweather, serif',
1570
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1571
+ 'shadow-color': 'hsl(0 0% 0%)',
1572
+ 'shadow-opacity': '0.1',
1573
+ 'shadow-blur': '8px',
1574
+ 'shadow-spread': '-1px',
1575
+ 'shadow-offset-x': '0px',
1576
+ 'shadow-offset-y': '4px',
1577
+ 'letter-spacing': '0em',
1578
+ spacing: '0.25rem',
1579
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1580
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1581
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1582
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1583
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1584
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1585
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1586
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1587
+ 'tracking-normal': '0em',
1588
+ },
1589
+ },
1590
+ },
1591
+ {
1592
+ id: 'mocha-mousse',
1593
+ label: 'Mocha Mousse',
1594
+ light: {
1595
+ background: '#f1f0e5',
1596
+ foreground: '#56453f',
1597
+ card: '#f1f0e5',
1598
+ popover: '#ffffff',
1599
+ primary: '#a37764',
1600
+ 'primary-foreground': '#ffffff',
1601
+ secondary: '#baab92',
1602
+ 'secondary-foreground': '#ffffff',
1603
+ muted: '#e4c7b8',
1604
+ 'muted-foreground': '#8a655a',
1605
+ accent: '#e4c7b8',
1606
+ destructive: '#1f1a17',
1607
+ 'destructive-foreground': '#ffffff',
1608
+ border: '#baab92',
1609
+ sidebar: '#ebd6cb',
1610
+ 'sidebar-accent': '#c39e88',
1611
+ 'sidebar-accent-foreground': '#ffffff',
1612
+ 'sidebar-border': '#a28777',
1613
+ extras: {
1614
+ radius: '0.5rem',
1615
+ 'font-sans': 'Inter, sans-serif',
1616
+ 'font-serif': 'Merriweather, serif',
1617
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1618
+ 'shadow-color': 'hsl(0 0% 0%)',
1619
+ 'shadow-opacity': '0.1',
1620
+ 'shadow-blur': '8px',
1621
+ 'shadow-spread': '-1px',
1622
+ 'shadow-offset-x': '0px',
1623
+ 'shadow-offset-y': '4px',
1624
+ 'letter-spacing': '0em',
1625
+ spacing: '0.25rem',
1626
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1627
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1628
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1629
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1630
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1631
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1632
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1633
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1634
+ 'tracking-normal': '0em',
1635
+ },
1636
+ },
1637
+ dark: {
1638
+ background: '#2d2521',
1639
+ foreground: '#f1f0e5',
1640
+ card: '#3c332e',
1641
+ primary: '#c39e88',
1642
+ 'primary-foreground': '#2d2521',
1643
+ secondary: '#8a655a',
1644
+ muted: '#56453f',
1645
+ 'muted-foreground': '#c5aa9b',
1646
+ accent: '#baab92',
1647
+ 'accent-foreground': '#2d2521',
1648
+ destructive: '#e57373',
1649
+ 'destructive-foreground': '#2d2521',
1650
+ border: '#56453f',
1651
+ sidebar: '#1f1a17',
1652
+ 'sidebar-primary-foreground': '#1f1a17',
1653
+ 'sidebar-accent-foreground': '#1f1a17',
1654
+ extras: {
1655
+ radius: '0.5rem',
1656
+ 'font-sans': 'Inter, sans-serif',
1657
+ 'font-serif': 'Merriweather, serif',
1658
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1659
+ 'shadow-color': 'hsl(0 0% 0%)',
1660
+ 'shadow-opacity': '0.1',
1661
+ 'shadow-blur': '8px',
1662
+ 'shadow-spread': '-1px',
1663
+ 'shadow-offset-x': '0px',
1664
+ 'shadow-offset-y': '4px',
1665
+ 'letter-spacing': '0em',
1666
+ spacing: '0.25rem',
1667
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1668
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1669
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1670
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1671
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1672
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1673
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1674
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1675
+ 'tracking-normal': '0em',
1676
+ },
1677
+ },
1678
+ },
1679
+ {
1680
+ id: 'modern-minimal',
1681
+ label: 'Modern Minimal',
1682
+ light: {
1683
+ background: '#ffffff',
1684
+ foreground: '#333333',
1685
+ card: '#ffffff',
1686
+ primary: '#3b82f6',
1687
+ 'primary-foreground': '#ffffff',
1688
+ secondary: '#f3f4f6',
1689
+ 'secondary-foreground': '#4b5563',
1690
+ muted: '#f9fafb',
1691
+ 'muted-foreground': '#6b7280',
1692
+ accent: '#e0f2fe',
1693
+ 'accent-foreground': '#1e3a8a',
1694
+ destructive: '#ef4444',
1695
+ 'destructive-foreground': '#ffffff',
1696
+ border: '#e5e7eb',
1697
+ extras: {
1698
+ radius: '0.375rem',
1699
+ 'font-sans': 'Inter, sans-serif',
1700
+ 'font-serif': 'Merriweather, serif',
1701
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1702
+ 'shadow-color': 'hsl(0 0% 0%)',
1703
+ 'shadow-opacity': '0.1',
1704
+ 'shadow-blur': '8px',
1705
+ 'shadow-spread': '-1px',
1706
+ 'shadow-offset-x': '0px',
1707
+ 'shadow-offset-y': '4px',
1708
+ 'letter-spacing': '0em',
1709
+ spacing: '0.25rem',
1710
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1711
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1712
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1713
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1714
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1715
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1716
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1717
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1718
+ 'tracking-normal': '0em',
1719
+ },
1720
+ },
1721
+ dark: {
1722
+ background: '#171717',
1723
+ foreground: '#e5e5e5',
1724
+ card: '#262626',
1725
+ primary: '#3b82f6',
1726
+ 'primary-foreground': '#ffffff',
1727
+ secondary: '#262626',
1728
+ muted: '#1f1f1f',
1729
+ 'muted-foreground': '#a3a3a3',
1730
+ accent: '#1e3a8a',
1731
+ 'accent-foreground': '#bfdbfe',
1732
+ destructive: '#ef4444',
1733
+ 'destructive-foreground': '#ffffff',
1734
+ border: '#404040',
1735
+ sidebar: '#171717',
1736
+ extras: {
1737
+ radius: '0.375rem',
1738
+ 'font-sans': 'Inter, sans-serif',
1739
+ 'font-serif': 'Merriweather, serif',
1740
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1741
+ 'shadow-color': 'hsl(0 0% 0%)',
1742
+ 'shadow-opacity': '0.1',
1743
+ 'shadow-blur': '8px',
1744
+ 'shadow-spread': '-1px',
1745
+ 'shadow-offset-x': '0px',
1746
+ 'shadow-offset-y': '4px',
1747
+ 'letter-spacing': '0em',
1748
+ spacing: '0.25rem',
1749
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1750
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1751
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1752
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1753
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1754
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1755
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1756
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1757
+ 'tracking-normal': '0em',
1758
+ },
1759
+ },
1760
+ },
1761
+ {
1762
+ id: 'mono',
1763
+ label: 'Mono',
1764
+ light: {
1765
+ background: '#ffffff',
1766
+ foreground: '#0a0a0a',
1767
+ card: '#ffffff',
1768
+ primary: '#737373',
1769
+ 'primary-foreground': '#fafafa',
1770
+ secondary: '#f5f5f5',
1771
+ 'secondary-foreground': '#171717',
1772
+ muted: '#f5f5f5',
1773
+ 'muted-foreground': '#717171',
1774
+ accent: '#f5f5f5',
1775
+ 'accent-foreground': '#171717',
1776
+ destructive: '#e7000b',
1777
+ 'destructive-foreground': '#f5f5f5',
1778
+ border: '#e5e5e5',
1779
+ ring: '#a1a1a1',
1780
+ sidebar: '#fafafa',
1781
+ 'sidebar-primary': '#171717',
1782
+ extras: {
1783
+ radius: '0rem',
1784
+ 'font-sans': 'Inter, sans-serif',
1785
+ 'font-serif': 'Merriweather, serif',
1786
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1787
+ 'shadow-color': 'hsl(0 0% 0%)',
1788
+ 'shadow-opacity': '0.1',
1789
+ 'shadow-blur': '8px',
1790
+ 'shadow-spread': '-1px',
1791
+ 'shadow-offset-x': '0px',
1792
+ 'shadow-offset-y': '4px',
1793
+ 'letter-spacing': '0em',
1794
+ spacing: '0.25rem',
1795
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1796
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1797
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1798
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1799
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1800
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1801
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1802
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1803
+ 'tracking-normal': '0em',
1804
+ },
1805
+ },
1806
+ dark: {
1807
+ background: '#0a0a0a',
1808
+ foreground: '#fafafa',
1809
+ card: '#191919',
1810
+ popover: '#262626',
1811
+ primary: '#737373',
1812
+ 'primary-foreground': '#fafafa',
1813
+ secondary: '#262626',
1814
+ muted: '#262626',
1815
+ 'muted-foreground': '#a1a1a1',
1816
+ accent: '#404040',
1817
+ destructive: '#ff6467',
1818
+ 'destructive-foreground': '#262626',
1819
+ border: '#383838',
1820
+ input: '#525252',
1821
+ sidebar: '#171717',
1822
+ 'sidebar-primary': '#fafafa',
1823
+ 'sidebar-primary-foreground': '#171717',
1824
+ 'sidebar-accent': '#262626',
1825
+ 'sidebar-border': '#ffffff',
1826
+ 'sidebar-ring': '#525252',
1827
+ extras: {
1828
+ radius: '0.5rem',
1829
+ 'font-sans': 'Inter, sans-serif',
1830
+ 'font-serif': 'Merriweather, serif',
1831
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1832
+ 'shadow-color': 'hsl(0 0% 0%)',
1833
+ 'shadow-opacity': '0.1',
1834
+ 'shadow-blur': '8px',
1835
+ 'shadow-spread': '-1px',
1836
+ 'shadow-offset-x': '0px',
1837
+ 'shadow-offset-y': '4px',
1838
+ 'letter-spacing': '0em',
1839
+ spacing: '0.25rem',
1840
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1841
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1842
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1843
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1844
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1845
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1846
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1847
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1848
+ 'tracking-normal': '0em',
1849
+ },
1850
+ },
1851
+ },
1852
+ {
1853
+ id: 'nature',
1854
+ label: 'Nature',
1855
+ light: {
1856
+ background: '#f8f5f0',
1857
+ foreground: '#3e2723',
1858
+ card: '#f8f5f0',
1859
+ primary: '#2e7d32',
1860
+ 'primary-foreground': '#ffffff',
1861
+ secondary: '#e8f5e9',
1862
+ 'secondary-foreground': '#1b5e20',
1863
+ muted: '#f0e9e0',
1864
+ 'muted-foreground': '#6d4c41',
1865
+ accent: '#c8e6c9',
1866
+ 'accent-foreground': '#1b5e20',
1867
+ destructive: '#c62828',
1868
+ 'destructive-foreground': '#ffffff',
1869
+ border: '#e0d6c9',
1870
+ extras: {
1871
+ radius: '0.5rem',
1872
+ 'font-sans': 'Inter, sans-serif',
1873
+ 'font-serif': 'Merriweather, serif',
1874
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1875
+ 'shadow-color': 'hsl(0 0% 0%)',
1876
+ 'shadow-opacity': '0.1',
1877
+ 'shadow-blur': '8px',
1878
+ 'shadow-spread': '-1px',
1879
+ 'shadow-offset-x': '0px',
1880
+ 'shadow-offset-y': '4px',
1881
+ 'letter-spacing': '0em',
1882
+ spacing: '0.25rem',
1883
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1884
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1885
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1886
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1887
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1888
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1889
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1890
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1891
+ 'tracking-normal': '0em',
1892
+ },
1893
+ },
1894
+ dark: {
1895
+ background: '#1c2a1f',
1896
+ foreground: '#f0ebe5',
1897
+ card: '#2d3a2e',
1898
+ primary: '#4caf50',
1899
+ 'primary-foreground': '#0a1f0c',
1900
+ secondary: '#3e4a3d',
1901
+ 'secondary-foreground': '#d7e0d6',
1902
+ muted: '#252f26',
1903
+ 'muted-foreground': '#d7cfc4',
1904
+ accent: '#227b29',
1905
+ destructive: '#c62828',
1906
+ 'destructive-foreground': '#f0ebe5',
1907
+ border: '#3e4a3d',
1908
+ sidebar: '#1c2a1f',
1909
+ 'sidebar-accent': '#388e3c',
1910
+ extras: {
1911
+ radius: '0.5rem',
1912
+ 'font-sans': 'Inter, sans-serif',
1913
+ 'font-serif': 'Merriweather, serif',
1914
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1915
+ 'shadow-color': 'hsl(0 0% 0%)',
1916
+ 'shadow-opacity': '0.1',
1917
+ 'shadow-blur': '8px',
1918
+ 'shadow-spread': '-1px',
1919
+ 'shadow-offset-x': '0px',
1920
+ 'shadow-offset-y': '4px',
1921
+ 'letter-spacing': '0em',
1922
+ spacing: '0.25rem',
1923
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1924
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1925
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1926
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1927
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1928
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1929
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1930
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1931
+ 'tracking-normal': '0em',
1932
+ },
1933
+ },
1934
+ },
1935
+ {
1936
+ id: 'neo-brutalism',
1937
+ label: 'Neo Brutalism',
1938
+ light: {
1939
+ background: '#ffffff',
1940
+ foreground: '#000000',
1941
+ card: '#ffffff',
1942
+ primary: '#ff3333',
1943
+ 'primary-foreground': '#ffffff',
1944
+ secondary: '#ffff00',
1945
+ muted: '#f0f0f0',
1946
+ 'muted-foreground': '#333333',
1947
+ accent: '#0066ff',
1948
+ 'accent-foreground': '#ffffff',
1949
+ destructive: '#000000',
1950
+ 'destructive-foreground': '#ffffff',
1951
+ border: '#000000',
1952
+ extras: {
1953
+ radius: '0px',
1954
+ 'font-sans': 'Inter, sans-serif',
1955
+ 'font-serif': 'Merriweather, serif',
1956
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1957
+ 'shadow-color': 'hsl(0 0% 0%)',
1958
+ 'shadow-opacity': '0.1',
1959
+ 'shadow-blur': '8px',
1960
+ 'shadow-spread': '-1px',
1961
+ 'shadow-offset-x': '0px',
1962
+ 'shadow-offset-y': '4px',
1963
+ 'letter-spacing': '0em',
1964
+ spacing: '0.25rem',
1965
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1966
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
1967
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1968
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
1969
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
1970
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
1971
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
1972
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
1973
+ 'tracking-normal': '0em',
1974
+ },
1975
+ },
1976
+ dark: {
1977
+ background: '#000000',
1978
+ foreground: '#ffffff',
1979
+ card: '#333333',
1980
+ primary: '#ff6666',
1981
+ 'primary-foreground': '#000000',
1982
+ secondary: '#ffff33',
1983
+ 'secondary-foreground': '#000000',
1984
+ muted: '#1a1a1a',
1985
+ 'muted-foreground': '#cccccc',
1986
+ accent: '#3399ff',
1987
+ 'accent-foreground': '#000000',
1988
+ destructive: '#ffffff',
1989
+ 'destructive-foreground': '#000000',
1990
+ border: '#ffffff',
1991
+ sidebar: '#000000',
1992
+ extras: {
1993
+ radius: '0px',
1994
+ 'font-sans': 'Inter, sans-serif',
1995
+ 'font-serif': 'Merriweather, serif',
1996
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
1997
+ 'shadow-color': 'hsl(0 0% 0%)',
1998
+ 'shadow-opacity': '0.1',
1999
+ 'shadow-blur': '8px',
2000
+ 'shadow-spread': '-1px',
2001
+ 'shadow-offset-x': '0px',
2002
+ 'shadow-offset-y': '4px',
2003
+ 'letter-spacing': '0em',
2004
+ spacing: '0.25rem',
2005
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2006
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2007
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2008
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2009
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2010
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2011
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2012
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2013
+ 'tracking-normal': '0em',
2014
+ },
2015
+ },
2016
+ },
2017
+ {
2018
+ id: 'notebook',
2019
+ label: 'Notebook',
2020
+ light: {
2021
+ background: '#f9f9f9',
2022
+ foreground: '#3a3a3a',
2023
+ card: '#ffffff',
2024
+ primary: '#606060',
2025
+ 'primary-foreground': '#f0f0f0',
2026
+ secondary: '#dedede',
2027
+ muted: '#e3e3e3',
2028
+ 'muted-foreground': '#505050',
2029
+ accent: '#f3eac8',
2030
+ 'accent-foreground': '#5d4037',
2031
+ destructive: '#c87a7a',
2032
+ 'destructive-foreground': '#ffffff',
2033
+ border: '#747272',
2034
+ input: '#ffffff',
2035
+ ring: '#a0a0a0',
2036
+ sidebar: '#f0f0f0',
2037
+ 'sidebar-border': '#c0c0c0',
2038
+ extras: {
2039
+ radius: '0.625rem',
2040
+ 'font-sans': 'Inter, sans-serif',
2041
+ 'font-serif': 'Merriweather, serif',
2042
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2043
+ 'shadow-color': 'hsl(0 0% 0%)',
2044
+ 'shadow-opacity': '0.1',
2045
+ 'shadow-blur': '8px',
2046
+ 'shadow-spread': '-1px',
2047
+ 'shadow-offset-x': '0px',
2048
+ 'shadow-offset-y': '4px',
2049
+ 'letter-spacing': '0em',
2050
+ spacing: '0.25rem',
2051
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2052
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2053
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2054
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2055
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2056
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2057
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2058
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2059
+ 'tracking-normal': '0em',
2060
+ },
2061
+ },
2062
+ dark: {
2063
+ background: '#2b2b2b',
2064
+ foreground: '#dcdcdc',
2065
+ card: '#333333',
2066
+ primary: '#b0b0b0',
2067
+ 'primary-foreground': '#2b2b2b',
2068
+ secondary: '#5a5a5a',
2069
+ 'secondary-foreground': '#c0c0c0',
2070
+ muted: '#454545',
2071
+ 'muted-foreground': '#a0a0a0',
2072
+ accent: '#e0e0e0',
2073
+ 'accent-foreground': '#333333',
2074
+ destructive: '#d9afaf',
2075
+ 'destructive-foreground': '#2b2b2b',
2076
+ border: '#4f4f4f',
2077
+ input: '#333333',
2078
+ ring: '#c0c0c0',
2079
+ sidebar: '#212121',
2080
+ 'sidebar-primary-foreground': '#212121',
2081
+ extras: {
2082
+ radius: '0.625rem',
2083
+ 'font-sans': 'Inter, sans-serif',
2084
+ 'font-serif': 'Merriweather, serif',
2085
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2086
+ 'shadow-color': 'hsl(0 0% 0%)',
2087
+ 'shadow-opacity': '0.1',
2088
+ 'shadow-blur': '8px',
2089
+ 'shadow-spread': '-1px',
2090
+ 'shadow-offset-x': '0px',
2091
+ 'shadow-offset-y': '4px',
2092
+ 'letter-spacing': '0em',
2093
+ spacing: '0.25rem',
2094
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2095
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2096
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2097
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2098
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2099
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2100
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2101
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2102
+ 'tracking-normal': '0em',
2103
+ },
2104
+ },
2105
+ },
2106
+ {
2107
+ id: 'ocean-breeze',
2108
+ label: 'Ocean Breeze',
2109
+ light: {
2110
+ background: '#f0f8ff',
2111
+ foreground: '#374151',
2112
+ card: '#ffffff',
2113
+ primary: '#22c55e',
2114
+ 'primary-foreground': '#ffffff',
2115
+ secondary: '#e0f2fe',
2116
+ 'secondary-foreground': '#4b5563',
2117
+ muted: '#f3f4f6',
2118
+ 'muted-foreground': '#6b7280',
2119
+ accent: '#d1fae5',
2120
+ destructive: '#ef4444',
2121
+ 'destructive-foreground': '#ffffff',
2122
+ border: '#e5e7eb',
2123
+ sidebar: '#e0f2fe',
2124
+ extras: {
2125
+ radius: '0.5rem',
2126
+ 'font-sans': 'Inter, sans-serif',
2127
+ 'font-serif': 'Merriweather, serif',
2128
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2129
+ 'shadow-color': 'hsl(0 0% 0%)',
2130
+ 'shadow-opacity': '0.1',
2131
+ 'shadow-blur': '8px',
2132
+ 'shadow-spread': '-1px',
2133
+ 'shadow-offset-x': '0px',
2134
+ 'shadow-offset-y': '4px',
2135
+ 'letter-spacing': '0em',
2136
+ spacing: '0.25rem',
2137
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2138
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2139
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2140
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2141
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2142
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2143
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2144
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2145
+ 'tracking-normal': '0em',
2146
+ },
2147
+ },
2148
+ dark: {
2149
+ background: '#0f172a',
2150
+ foreground: '#d1d5db',
2151
+ card: '#1e293b',
2152
+ primary: '#34d399',
2153
+ 'primary-foreground': '#0f172a',
2154
+ secondary: '#2d3748',
2155
+ 'secondary-foreground': '#a1a1aa',
2156
+ muted: '#19212e',
2157
+ 'muted-foreground': '#6b7280',
2158
+ accent: '#2f3949',
2159
+ 'accent-foreground': '#a1a1aa',
2160
+ destructive: '#ef4444',
2161
+ 'destructive-foreground': '#0f172a',
2162
+ border: '#4b5563',
2163
+ sidebar: '#1e293b',
2164
+ 'sidebar-accent': '#374151',
2165
+ extras: {
2166
+ radius: '0.5rem',
2167
+ 'font-sans': 'Inter, sans-serif',
2168
+ 'font-serif': 'Merriweather, serif',
2169
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2170
+ 'shadow-color': 'hsl(0 0% 0%)',
2171
+ 'shadow-opacity': '0.1',
2172
+ 'shadow-blur': '8px',
2173
+ 'shadow-spread': '-1px',
2174
+ 'shadow-offset-x': '0px',
2175
+ 'shadow-offset-y': '4px',
2176
+ 'letter-spacing': '0em',
2177
+ spacing: '0.25rem',
2178
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2179
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2180
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2181
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2182
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2183
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2184
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2185
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2186
+ 'tracking-normal': '0em',
2187
+ },
2188
+ },
2189
+ },
2190
+ {
2191
+ id: 'pastel-dreams',
2192
+ label: 'Pastel Dreams',
2193
+ light: {
2194
+ background: '#f7f3f9',
2195
+ foreground: '#374151',
2196
+ card: '#ffffff',
2197
+ primary: '#a78bfa',
2198
+ 'primary-foreground': '#ffffff',
2199
+ secondary: '#e9d8fd',
2200
+ 'secondary-foreground': '#4b5563',
2201
+ muted: '#f3e8ff',
2202
+ 'muted-foreground': '#6b7280',
2203
+ accent: '#f3e5f5',
2204
+ destructive: '#fca5a5',
2205
+ 'destructive-foreground': '#ffffff',
2206
+ border: '#e9d8fd',
2207
+ sidebar: '#e9d8fd',
2208
+ extras: {
2209
+ radius: '1.5rem',
2210
+ 'font-sans': 'Inter, sans-serif',
2211
+ 'font-serif': 'Merriweather, serif',
2212
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2213
+ 'shadow-color': 'hsl(0 0% 0%)',
2214
+ 'shadow-opacity': '0.1',
2215
+ 'shadow-blur': '8px',
2216
+ 'shadow-spread': '-1px',
2217
+ 'shadow-offset-x': '0px',
2218
+ 'shadow-offset-y': '4px',
2219
+ 'letter-spacing': '0em',
2220
+ spacing: '0.25rem',
2221
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2222
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2223
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2224
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2225
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2226
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2227
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2228
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2229
+ 'tracking-normal': '0em',
2230
+ },
2231
+ },
2232
+ dark: {
2233
+ background: '#1c1917',
2234
+ foreground: '#e0e7ff',
2235
+ card: '#2d2535',
2236
+ primary: '#c0aafd',
2237
+ 'primary-foreground': '#1c1917',
2238
+ secondary: '#3f324a',
2239
+ 'secondary-foreground': '#d1d5db',
2240
+ muted: '#20182b',
2241
+ 'muted-foreground': '#9ca3af',
2242
+ accent: '#4a3d5a',
2243
+ 'accent-foreground': '#d1d5db',
2244
+ destructive: '#fca5a5',
2245
+ 'destructive-foreground': '#1c1917',
2246
+ border: '#3f324a',
2247
+ sidebar: '#3f324a',
2248
+ extras: {
2249
+ radius: '1.5rem',
2250
+ 'font-sans': 'Inter, sans-serif',
2251
+ 'font-serif': 'Merriweather, serif',
2252
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2253
+ 'shadow-color': 'hsl(0 0% 0%)',
2254
+ 'shadow-opacity': '0.1',
2255
+ 'shadow-blur': '8px',
2256
+ 'shadow-spread': '-1px',
2257
+ 'shadow-offset-x': '0px',
2258
+ 'shadow-offset-y': '4px',
2259
+ 'letter-spacing': '0em',
2260
+ spacing: '0.25rem',
2261
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2262
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2263
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2264
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2265
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2266
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2267
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2268
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2269
+ 'tracking-normal': '0em',
2270
+ },
2271
+ },
2272
+ },
2273
+ {
2274
+ id: 'perpetuity',
2275
+ label: 'Perpetuity',
2276
+ light: {
2277
+ background: '#e8f0f0',
2278
+ foreground: '#0a4a55',
2279
+ card: '#f2f7f7',
2280
+ primary: '#06858e',
2281
+ 'primary-foreground': '#ffffff',
2282
+ secondary: '#d9eaea',
2283
+ muted: '#e0eaea',
2284
+ 'muted-foreground': '#427a7e',
2285
+ accent: '#c9e5e7',
2286
+ destructive: '#d13838',
2287
+ 'destructive-foreground': '#ffffff',
2288
+ border: '#cde0e2',
2289
+ input: '#d9eaea',
2290
+ sidebar: '#daebed',
2291
+ extras: {
2292
+ radius: '0.125rem',
2293
+ 'font-sans': 'Inter, sans-serif',
2294
+ 'font-serif': 'Merriweather, serif',
2295
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2296
+ 'shadow-color': 'hsl(0 0% 0%)',
2297
+ 'shadow-opacity': '0.1',
2298
+ 'shadow-blur': '8px',
2299
+ 'shadow-spread': '-1px',
2300
+ 'shadow-offset-x': '0px',
2301
+ 'shadow-offset-y': '4px',
2302
+ 'letter-spacing': '0em',
2303
+ spacing: '0.25rem',
2304
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2305
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2306
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2307
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2308
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2309
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2310
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2311
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2312
+ 'tracking-normal': '0em',
2313
+ },
2314
+ },
2315
+ dark: {
2316
+ background: '#0a1a20',
2317
+ foreground: '#4de8e8',
2318
+ card: '#0c2025',
2319
+ primary: '#4de8e8',
2320
+ 'primary-foreground': '#0a1a20',
2321
+ secondary: '#164955',
2322
+ muted: '#0f3039',
2323
+ 'muted-foreground': '#36a5a5',
2324
+ accent: '#164955',
2325
+ destructive: '#e83c3c',
2326
+ 'destructive-foreground': '#f2f2f2',
2327
+ border: '#164955',
2328
+ sidebar: '#0a1a20',
2329
+ extras: {
2330
+ radius: '0.125rem',
2331
+ 'font-sans': 'Inter, sans-serif',
2332
+ 'font-serif': 'Merriweather, serif',
2333
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2334
+ 'shadow-color': 'hsl(0 0% 0%)',
2335
+ 'shadow-opacity': '0.1',
2336
+ 'shadow-blur': '8px',
2337
+ 'shadow-spread': '-1px',
2338
+ 'shadow-offset-x': '0px',
2339
+ 'shadow-offset-y': '4px',
2340
+ 'letter-spacing': '0em',
2341
+ spacing: '0.25rem',
2342
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2343
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2344
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2345
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2346
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2347
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2348
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2349
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2350
+ 'tracking-normal': '0em',
2351
+ },
2352
+ },
2353
+ },
2354
+ {
2355
+ id: 'pinnacle',
2356
+ label: 'Pinnacle',
2357
+ light: {
2358
+ background: '#f7faf7',
2359
+ foreground: '#17241d',
2360
+ card: '#ffffff',
2361
+ primary: '#457928',
2362
+ 'primary-foreground': '#ffffff',
2363
+ secondary: '#e1f1ed',
2364
+ 'secondary-foreground': '#22453f',
2365
+ muted: '#eef4ef',
2366
+ 'muted-foreground': '#4f6357',
2367
+ accent: '#e9f1d6',
2368
+ 'accent-foreground': '#38440a',
2369
+ destructive: '#d5182f',
2370
+ 'destructive-foreground': '#ffffff',
2371
+ border: '#d7e4d9',
2372
+ sidebar: '#edf4ee',
2373
+ 'sidebar-accent': '#e1f1ed',
2374
+ 'sidebar-accent-foreground': '#22453f',
2375
+ charts: ['#ea3635', '#d48b38', '#b2d234', '#6fbe44', '#6ec8b7'],
2376
+ extras: {
2377
+ radius: '0.5rem',
2378
+ 'font-sans': 'Inter, sans-serif',
2379
+ 'font-serif': 'Merriweather, serif',
2380
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2381
+ 'shadow-color': 'hsl(0 0% 0%)',
2382
+ 'shadow-opacity': '0.1',
2383
+ 'shadow-blur': '8px',
2384
+ 'shadow-spread': '-1px',
2385
+ 'shadow-offset-x': '0px',
2386
+ 'shadow-offset-y': '4px',
2387
+ 'letter-spacing': '0em',
2388
+ spacing: '0.25rem',
2389
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2390
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2391
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2392
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2393
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2394
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2395
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2396
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2397
+ 'tracking-normal': '0em',
2398
+ },
2399
+ },
2400
+ dark: {
2401
+ background: '#0e1613',
2402
+ foreground: '#e4ede6',
2403
+ card: '#16211c',
2404
+ primary: '#6fbe44',
2405
+ 'primary-foreground': '#0b1a0b',
2406
+ secondary: '#1e2b25',
2407
+ muted: '#1a2620',
2408
+ 'muted-foreground': '#9db3a5',
2409
+ accent: '#1f3a33',
2410
+ 'accent-foreground': '#8fdcc4',
2411
+ destructive: '#ee5d66',
2412
+ 'destructive-foreground': '#1a0508',
2413
+ border: '#2c3b33',
2414
+ sidebar: '#111b16',
2415
+ charts: ['#ec1c35', '#d48b38', '#b2d234', '#6fc173', '#6ec7aa'],
2416
+ extras: {
2417
+ radius: '0.5rem',
2418
+ 'font-sans': 'Inter, sans-serif',
2419
+ 'font-serif': 'Merriweather, serif',
2420
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2421
+ 'shadow-color': 'hsl(0 0% 0%)',
2422
+ 'shadow-opacity': '0.1',
2423
+ 'shadow-blur': '8px',
2424
+ 'shadow-spread': '-1px',
2425
+ 'shadow-offset-x': '0px',
2426
+ 'shadow-offset-y': '4px',
2427
+ 'letter-spacing': '0em',
2428
+ spacing: '0.25rem',
2429
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2430
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2431
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2432
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2433
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2434
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2435
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2436
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2437
+ 'tracking-normal': '0em',
2438
+ },
2439
+ },
2440
+ },
2441
+ {
2442
+ id: 'quantum-rose',
2443
+ label: 'Quantum Rose',
2444
+ light: {
2445
+ background: '#fff0f8',
2446
+ foreground: '#91185c',
2447
+ card: '#fff7fc',
2448
+ primary: '#e6067a',
2449
+ 'primary-foreground': '#ffffff',
2450
+ secondary: '#ffd6ff',
2451
+ muted: '#ffe3f2',
2452
+ 'muted-foreground': '#c04283',
2453
+ accent: '#ffc1e3',
2454
+ destructive: '#d13869',
2455
+ 'destructive-foreground': '#ffffff',
2456
+ border: '#ffc7e6',
2457
+ input: '#ffd6ff',
2458
+ sidebar: '#ffedf6',
2459
+ 'sidebar-border': '#ffddf0',
2460
+ extras: {
2461
+ radius: '0.5rem',
2462
+ 'font-sans': 'Inter, sans-serif',
2463
+ 'font-serif': 'Merriweather, serif',
2464
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2465
+ 'shadow-color': 'hsl(0 0% 0%)',
2466
+ 'shadow-opacity': '0.1',
2467
+ 'shadow-blur': '8px',
2468
+ 'shadow-spread': '-1px',
2469
+ 'shadow-offset-x': '0px',
2470
+ 'shadow-offset-y': '4px',
2471
+ 'letter-spacing': '0em',
2472
+ spacing: '0.25rem',
2473
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2474
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2475
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2476
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2477
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2478
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2479
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2480
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2481
+ 'tracking-normal': '0em',
2482
+ },
2483
+ },
2484
+ dark: {
2485
+ background: '#1a0922',
2486
+ foreground: '#ffb3ff',
2487
+ card: '#2a1435',
2488
+ primary: '#ff6bef',
2489
+ 'primary-foreground': '#180518',
2490
+ secondary: '#46204f',
2491
+ muted: '#331941',
2492
+ 'muted-foreground': '#d67ad6',
2493
+ accent: '#5a1f5d',
2494
+ destructive: '#ff2876',
2495
+ 'destructive-foreground': '#f9f9f9',
2496
+ border: '#4a1b5f',
2497
+ input: '#46204f',
2498
+ sidebar: '#1c0d25',
2499
+ extras: {
2500
+ radius: '0.5rem',
2501
+ 'font-sans': 'Inter, sans-serif',
2502
+ 'font-serif': 'Merriweather, serif',
2503
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2504
+ 'shadow-color': 'hsl(0 0% 0%)',
2505
+ 'shadow-opacity': '0.1',
2506
+ 'shadow-blur': '8px',
2507
+ 'shadow-spread': '-1px',
2508
+ 'shadow-offset-x': '0px',
2509
+ 'shadow-offset-y': '4px',
2510
+ 'letter-spacing': '0em',
2511
+ spacing: '0.25rem',
2512
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2513
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2514
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2515
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2516
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2517
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2518
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2519
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2520
+ 'tracking-normal': '0em',
2521
+ },
2522
+ },
2523
+ },
2524
+ {
2525
+ id: 'sage-garden',
2526
+ label: 'Sage Garden',
2527
+ light: {
2528
+ background: '#f8f7f4',
2529
+ foreground: '#1a1f2e',
2530
+ card: '#ffffff',
2531
+ primary: '#7c9082',
2532
+ 'primary-foreground': '#ffffff',
2533
+ secondary: '#ced4bf',
2534
+ muted: '#e8e6e1',
2535
+ 'muted-foreground': '#6b7280',
2536
+ accent: '#bfc9bb',
2537
+ destructive: '#c73e3a',
2538
+ 'destructive-foreground': '#ffffff',
2539
+ border: '#e8e6e1',
2540
+ input: '#ffffff',
2541
+ sidebar: '#fafaf8',
2542
+ 'sidebar-accent': '#e8e6e1',
2543
+ extras: {
2544
+ radius: '0.35rem',
2545
+ 'font-sans': 'Inter, sans-serif',
2546
+ 'font-serif': 'Merriweather, serif',
2547
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2548
+ 'shadow-color': 'hsl(0 0% 0%)',
2549
+ 'shadow-opacity': '0.1',
2550
+ 'shadow-blur': '8px',
2551
+ 'shadow-spread': '-1px',
2552
+ 'shadow-offset-x': '0px',
2553
+ 'shadow-offset-y': '4px',
2554
+ 'letter-spacing': '0em',
2555
+ spacing: '0.25rem',
2556
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2557
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2558
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2559
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2560
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2561
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2562
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2563
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2564
+ 'tracking-normal': '0em',
2565
+ },
2566
+ },
2567
+ dark: {
2568
+ background: '#0a0a0a',
2569
+ foreground: '#f5f5f5',
2570
+ card: '#121212',
2571
+ primary: '#7c9082',
2572
+ 'primary-foreground': '#000000',
2573
+ secondary: '#1a1a1a',
2574
+ muted: '#1a1a1a',
2575
+ 'muted-foreground': '#a0a0a0',
2576
+ accent: '#36443a',
2577
+ destructive: '#ef4444',
2578
+ 'destructive-foreground': '#ffffff',
2579
+ border: '#2a2a2a',
2580
+ input: '#121212',
2581
+ sidebar: '#0f0f0f',
2582
+ 'sidebar-primary-foreground': '#ffffff',
2583
+ 'sidebar-accent': '#1a1a1a',
2584
+ extras: {
2585
+ radius: '0.5rem',
2586
+ 'font-sans': 'Inter, sans-serif',
2587
+ 'font-serif': 'Merriweather, serif',
2588
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2589
+ 'shadow-color': 'hsl(0 0% 0%)',
2590
+ 'shadow-opacity': '0.1',
2591
+ 'shadow-blur': '8px',
2592
+ 'shadow-spread': '-1px',
2593
+ 'shadow-offset-x': '0px',
2594
+ 'shadow-offset-y': '4px',
2595
+ 'letter-spacing': '0em',
2596
+ spacing: '0.25rem',
2597
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2598
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2599
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2600
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2601
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2602
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2603
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2604
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2605
+ 'tracking-normal': '0em',
2606
+ },
2607
+ },
2608
+ },
2609
+ {
2610
+ id: 'soft-pop',
2611
+ label: 'Soft Pop',
2612
+ light: {
2613
+ background: '#f7f9f3',
2614
+ foreground: '#000000',
2615
+ card: '#ffffff',
2616
+ primary: '#4f46e5',
2617
+ 'primary-foreground': '#ffffff',
2618
+ secondary: '#14b8a6',
2619
+ 'secondary-foreground': '#ffffff',
2620
+ muted: '#f0f0f0',
2621
+ 'muted-foreground': '#333333',
2622
+ accent: '#f59e0b',
2623
+ destructive: '#ef4444',
2624
+ 'destructive-foreground': '#ffffff',
2625
+ border: '#000000',
2626
+ input: '#737373',
2627
+ ring: '#a5b4fc',
2628
+ sidebar: '#f7f9f3',
2629
+ extras: {
2630
+ radius: '1rem',
2631
+ 'font-sans': 'Inter, sans-serif',
2632
+ 'font-serif': 'Merriweather, serif',
2633
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2634
+ 'shadow-color': 'hsl(0 0% 0%)',
2635
+ 'shadow-opacity': '0.1',
2636
+ 'shadow-blur': '8px',
2637
+ 'shadow-spread': '-1px',
2638
+ 'shadow-offset-x': '0px',
2639
+ 'shadow-offset-y': '4px',
2640
+ 'letter-spacing': '0em',
2641
+ spacing: '0.25rem',
2642
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2643
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2644
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2645
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2646
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2647
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2648
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2649
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2650
+ 'tracking-normal': '0em',
2651
+ },
2652
+ },
2653
+ dark: {
2654
+ background: '#000000',
2655
+ foreground: '#ffffff',
2656
+ card: '#1a212b',
2657
+ primary: '#818cf8',
2658
+ 'primary-foreground': '#000000',
2659
+ secondary: '#2dd4bf',
2660
+ 'secondary-foreground': '#000000',
2661
+ muted: '#333333',
2662
+ 'muted-foreground': '#cccccc',
2663
+ accent: '#fcd34d',
2664
+ 'accent-foreground': '#000000',
2665
+ destructive: '#f87171',
2666
+ 'destructive-foreground': '#000000',
2667
+ border: '#545454',
2668
+ input: '#ffffff',
2669
+ sidebar: '#000000',
2670
+ 'sidebar-border': '#ffffff',
2671
+ extras: {
2672
+ radius: '1rem',
2673
+ 'font-sans': 'Inter, sans-serif',
2674
+ 'font-serif': 'Merriweather, serif',
2675
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2676
+ 'shadow-color': 'hsl(0 0% 0%)',
2677
+ 'shadow-opacity': '0.1',
2678
+ 'shadow-blur': '8px',
2679
+ 'shadow-spread': '-1px',
2680
+ 'shadow-offset-x': '0px',
2681
+ 'shadow-offset-y': '4px',
2682
+ 'letter-spacing': '0em',
2683
+ spacing: '0.25rem',
2684
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2685
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2686
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2687
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2688
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2689
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2690
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2691
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2692
+ 'tracking-normal': '0em',
2693
+ },
2694
+ },
2695
+ },
2696
+ {
2697
+ id: 'solar-dusk',
2698
+ label: 'Solar Dusk',
2699
+ light: {
2700
+ background: '#fdfbf7',
2701
+ foreground: '#4a3b33',
2702
+ card: '#f8f4ee',
2703
+ primary: '#b45309',
2704
+ 'primary-foreground': '#ffffff',
2705
+ secondary: '#e4c090',
2706
+ 'secondary-foreground': '#57534e',
2707
+ muted: '#f1e9da',
2708
+ 'muted-foreground': '#78716c',
2709
+ accent: '#f2daba',
2710
+ 'accent-foreground': '#57534e',
2711
+ destructive: '#991b1b',
2712
+ 'destructive-foreground': '#ffffff',
2713
+ border: '#e4d9bc',
2714
+ 'sidebar-accent': '#a16207',
2715
+ 'sidebar-accent-foreground': '#ffffff',
2716
+ extras: {
2717
+ radius: '0.3rem',
2718
+ 'font-sans': 'Inter, sans-serif',
2719
+ 'font-serif': 'Merriweather, serif',
2720
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2721
+ 'shadow-color': 'hsl(0 0% 0%)',
2722
+ 'shadow-opacity': '0.1',
2723
+ 'shadow-blur': '8px',
2724
+ 'shadow-spread': '-1px',
2725
+ 'shadow-offset-x': '0px',
2726
+ 'shadow-offset-y': '4px',
2727
+ 'letter-spacing': '0em',
2728
+ spacing: '0.25rem',
2729
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2730
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2731
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2732
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2733
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2734
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2735
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2736
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2737
+ 'tracking-normal': '0em',
2738
+ },
2739
+ },
2740
+ dark: {
2741
+ background: '#1c1917',
2742
+ foreground: '#f5f5f4',
2743
+ card: '#292524',
2744
+ primary: '#f97316',
2745
+ 'primary-foreground': '#ffffff',
2746
+ secondary: '#57534e',
2747
+ 'secondary-foreground': '#e7e5e4',
2748
+ muted: '#201d1a',
2749
+ 'muted-foreground': '#a8a29e',
2750
+ accent: '#1e4252',
2751
+ 'accent-foreground': '#e7e5e4',
2752
+ destructive: '#dc2626',
2753
+ 'destructive-foreground': '#ffffff',
2754
+ border: '#44403c',
2755
+ sidebar: '#292524',
2756
+ 'sidebar-accent': '#0ea5e9',
2757
+ 'sidebar-accent-foreground': '#0c2a4d',
2758
+ extras: {
2759
+ radius: '0.3rem',
2760
+ 'font-sans': 'Inter, sans-serif',
2761
+ 'font-serif': 'Merriweather, serif',
2762
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2763
+ 'shadow-color': 'hsl(0 0% 0%)',
2764
+ 'shadow-opacity': '0.1',
2765
+ 'shadow-blur': '8px',
2766
+ 'shadow-spread': '-1px',
2767
+ 'shadow-offset-x': '0px',
2768
+ 'shadow-offset-y': '4px',
2769
+ 'letter-spacing': '0em',
2770
+ spacing: '0.25rem',
2771
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2772
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2773
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2774
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2775
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2776
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2777
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2778
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2779
+ 'tracking-normal': '0em',
2780
+ },
2781
+ },
2782
+ },
2783
+ {
2784
+ id: 'starry-night',
2785
+ label: 'Starry Night',
2786
+ light: {
2787
+ background: '#f5f7fa',
2788
+ foreground: '#1a2238',
2789
+ card: '#e3eaf2',
2790
+ popover: '#fffbe6',
2791
+ primary: '#3a5ba0',
2792
+ 'primary-foreground': '#fffbe6',
2793
+ secondary: '#f7c873',
2794
+ muted: '#e5e5df',
2795
+ 'muted-foreground': '#3a5ba0',
2796
+ accent: '#467a96',
2797
+ 'accent-foreground': '#fffbe6',
2798
+ destructive: '#2d1e2f',
2799
+ 'destructive-foreground': '#fffbe6',
2800
+ border: '#b0b8c1',
2801
+ input: '#6ea3c1',
2802
+ ring: '#f7c873',
2803
+ sidebar: '#e3eaf2',
2804
+ 'sidebar-accent': '#f7c873',
2805
+ 'sidebar-accent-foreground': '#1a2238',
2806
+ extras: {
2807
+ radius: '0.5rem',
2808
+ 'font-sans': 'Inter, sans-serif',
2809
+ 'font-serif': 'Merriweather, serif',
2810
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2811
+ 'shadow-color': 'hsl(0 0% 0%)',
2812
+ 'shadow-opacity': '0.1',
2813
+ 'shadow-blur': '8px',
2814
+ 'shadow-spread': '-1px',
2815
+ 'shadow-offset-x': '0px',
2816
+ 'shadow-offset-y': '4px',
2817
+ 'letter-spacing': '0em',
2818
+ spacing: '0.25rem',
2819
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2820
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2821
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2822
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2823
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2824
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2825
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2826
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2827
+ 'tracking-normal': '0em',
2828
+ },
2829
+ },
2830
+ dark: {
2831
+ background: '#181a24',
2832
+ foreground: '#e6eaf3',
2833
+ card: '#23243a',
2834
+ 'popover-foreground': '#ffe066',
2835
+ primary: '#3a5ba0',
2836
+ 'primary-foreground': '#ffe066',
2837
+ secondary: '#ffe066',
2838
+ 'secondary-foreground': '#23243a',
2839
+ muted: '#1d1e2f',
2840
+ 'muted-foreground': '#7a88a1',
2841
+ accent: '#bccdf0',
2842
+ 'accent-foreground': '#181a24',
2843
+ destructive: '#a04a6c',
2844
+ 'destructive-foreground': '#ffe066',
2845
+ border: '#2d2e3e',
2846
+ input: '#3a5ba0',
2847
+ ring: '#ffe066',
2848
+ sidebar: '#23243a',
2849
+ 'sidebar-accent': '#ffe066',
2850
+ 'sidebar-accent-foreground': '#23243a',
2851
+ extras: {
2852
+ radius: '0.5rem',
2853
+ 'font-sans': 'Inter, sans-serif',
2854
+ 'font-serif': 'Merriweather, serif',
2855
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2856
+ 'shadow-color': 'hsl(0 0% 0%)',
2857
+ 'shadow-opacity': '0.1',
2858
+ 'shadow-blur': '8px',
2859
+ 'shadow-spread': '-1px',
2860
+ 'shadow-offset-x': '0px',
2861
+ 'shadow-offset-y': '4px',
2862
+ 'letter-spacing': '0em',
2863
+ spacing: '0.25rem',
2864
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2865
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2866
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2867
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2868
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2869
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2870
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2871
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2872
+ 'tracking-normal': '0em',
2873
+ },
2874
+ },
2875
+ },
2876
+ {
2877
+ id: 'sunset-horizon',
2878
+ label: 'Sunset Horizon',
2879
+ light: {
2880
+ background: '#fff9f5',
2881
+ foreground: '#3d3436',
2882
+ card: '#ffffff',
2883
+ primary: '#ff7e5f',
2884
+ 'primary-foreground': '#ffffff',
2885
+ secondary: '#ffedea',
2886
+ 'secondary-foreground': '#b35340',
2887
+ muted: '#fff0eb',
2888
+ 'muted-foreground': '#78716c',
2889
+ accent: '#feb47b',
2890
+ destructive: '#e63946',
2891
+ 'destructive-foreground': '#ffffff',
2892
+ border: '#ffe0d6',
2893
+ extras: {
2894
+ radius: '0.625rem',
2895
+ 'font-sans': 'Inter, sans-serif',
2896
+ 'font-serif': 'Merriweather, serif',
2897
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2898
+ 'shadow-color': 'hsl(0 0% 0%)',
2899
+ 'shadow-opacity': '0.1',
2900
+ 'shadow-blur': '8px',
2901
+ 'shadow-spread': '-1px',
2902
+ 'shadow-offset-x': '0px',
2903
+ 'shadow-offset-y': '4px',
2904
+ 'letter-spacing': '0em',
2905
+ spacing: '0.25rem',
2906
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2907
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2908
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2909
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2910
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2911
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2912
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2913
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2914
+ 'tracking-normal': '0em',
2915
+ },
2916
+ },
2917
+ dark: {
2918
+ background: '#2a2024',
2919
+ foreground: '#f2e9e4',
2920
+ card: '#392f35',
2921
+ primary: '#ff7e5f',
2922
+ 'primary-foreground': '#ffffff',
2923
+ secondary: '#463a41',
2924
+ muted: '#30272c',
2925
+ 'muted-foreground': '#d7c6bc',
2926
+ accent: '#feb47b',
2927
+ 'accent-foreground': '#2a2024',
2928
+ destructive: '#e63946',
2929
+ 'destructive-foreground': '#ffffff',
2930
+ border: '#463a41',
2931
+ sidebar: '#2a2024',
2932
+ extras: {
2933
+ radius: '0.625rem',
2934
+ 'font-sans': 'Inter, sans-serif',
2935
+ 'font-serif': 'Merriweather, serif',
2936
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2937
+ 'shadow-color': 'hsl(0 0% 0%)',
2938
+ 'shadow-opacity': '0.1',
2939
+ 'shadow-blur': '8px',
2940
+ 'shadow-spread': '-1px',
2941
+ 'shadow-offset-x': '0px',
2942
+ 'shadow-offset-y': '4px',
2943
+ 'letter-spacing': '0em',
2944
+ spacing: '0.25rem',
2945
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2946
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2947
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2948
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2949
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2950
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2951
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2952
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2953
+ 'tracking-normal': '0em',
2954
+ },
2955
+ },
2956
+ },
2957
+ {
2958
+ id: 'supabase',
2959
+ label: 'Supabase',
2960
+ light: {
2961
+ background: '#fcfcfc',
2962
+ foreground: '#171717',
2963
+ card: '#fcfcfc',
2964
+ 'popover-foreground': '#525252',
2965
+ primary: '#72e3ad',
2966
+ 'primary-foreground': '#1e2723',
2967
+ secondary: '#fdfdfd',
2968
+ muted: '#ededed',
2969
+ 'muted-foreground': '#202020',
2970
+ accent: '#ededed',
2971
+ 'accent-foreground': '#202020',
2972
+ destructive: '#ca3214',
2973
+ 'destructive-foreground': '#fffcfc',
2974
+ border: '#dfdfdf',
2975
+ input: '#f6f6f6',
2976
+ sidebar: '#fcfcfc',
2977
+ 'sidebar-foreground': '#707070',
2978
+ extras: {
2979
+ radius: '0.5rem',
2980
+ 'font-sans': 'Inter, sans-serif',
2981
+ 'font-serif': 'Merriweather, serif',
2982
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
2983
+ 'shadow-color': 'hsl(0 0% 0%)',
2984
+ 'shadow-opacity': '0.1',
2985
+ 'shadow-blur': '8px',
2986
+ 'shadow-spread': '-1px',
2987
+ 'shadow-offset-x': '0px',
2988
+ 'shadow-offset-y': '4px',
2989
+ 'letter-spacing': '0em',
2990
+ spacing: '0.25rem',
2991
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2992
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
2993
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2994
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
2995
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
2996
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
2997
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
2998
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
2999
+ 'tracking-normal': '0em',
3000
+ },
3001
+ },
3002
+ dark: {
3003
+ background: '#121212',
3004
+ foreground: '#e2e8f0',
3005
+ card: '#171717',
3006
+ popover: '#242424',
3007
+ 'popover-foreground': '#a9a9a9',
3008
+ primary: '#006239',
3009
+ 'primary-foreground': '#dde8e3',
3010
+ secondary: '#242424',
3011
+ 'secondary-foreground': '#fafafa',
3012
+ muted: '#1f1f1f',
3013
+ 'muted-foreground': '#a2a2a2',
3014
+ accent: '#313131',
3015
+ 'accent-foreground': '#fafafa',
3016
+ destructive: '#541c15',
3017
+ 'destructive-foreground': '#ede9e8',
3018
+ border: '#292929',
3019
+ input: '#242424',
3020
+ ring: '#4ade80',
3021
+ sidebar: '#121212',
3022
+ 'sidebar-foreground': '#898989',
3023
+ extras: {
3024
+ radius: '0.5rem',
3025
+ 'font-sans': 'Inter, sans-serif',
3026
+ 'font-serif': 'Merriweather, serif',
3027
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3028
+ 'shadow-color': 'hsl(0 0% 0%)',
3029
+ 'shadow-opacity': '0.1',
3030
+ 'shadow-blur': '8px',
3031
+ 'shadow-spread': '-1px',
3032
+ 'shadow-offset-x': '0px',
3033
+ 'shadow-offset-y': '4px',
3034
+ 'letter-spacing': '0em',
3035
+ spacing: '0.25rem',
3036
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3037
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3038
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3039
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3040
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3041
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3042
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3043
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3044
+ 'tracking-normal': '0em',
3045
+ },
3046
+ },
3047
+ },
3048
+ {
3049
+ id: 't3-chat',
3050
+ label: 'T3 Chat',
3051
+ light: {
3052
+ background: '#faf5fa',
3053
+ foreground: '#501854',
3054
+ card: '#faf5fa',
3055
+ popover: '#ffffff',
3056
+ primary: '#a84370',
3057
+ 'primary-foreground': '#ffffff',
3058
+ secondary: '#f1c4e6',
3059
+ 'secondary-foreground': '#77347c',
3060
+ muted: '#f6e5f3',
3061
+ 'muted-foreground': '#834588',
3062
+ accent: '#f1c4e6',
3063
+ 'accent-foreground': '#77347c',
3064
+ destructive: '#ab4347',
3065
+ 'destructive-foreground': '#ffffff',
3066
+ border: '#efbdeb',
3067
+ input: '#e7c1dc',
3068
+ ring: '#db2777',
3069
+ sidebar: '#f3e4f6',
3070
+ 'sidebar-foreground': '#ac1668',
3071
+ 'sidebar-primary': '#454554',
3072
+ 'sidebar-primary-foreground': '#faf1f7',
3073
+ 'sidebar-accent': '#f8f8f7',
3074
+ 'sidebar-accent-foreground': '#454554',
3075
+ 'sidebar-border': '#eceae9',
3076
+ extras: {
3077
+ radius: '0.5rem',
3078
+ 'font-sans': 'Inter, sans-serif',
3079
+ 'font-serif': 'Merriweather, serif',
3080
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3081
+ 'shadow-color': 'hsl(0 0% 0%)',
3082
+ 'shadow-opacity': '0.1',
3083
+ 'shadow-blur': '8px',
3084
+ 'shadow-spread': '-1px',
3085
+ 'shadow-offset-x': '0px',
3086
+ 'shadow-offset-y': '4px',
3087
+ 'letter-spacing': '0em',
3088
+ spacing: '0.25rem',
3089
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3090
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3091
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3092
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3093
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3094
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3095
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3096
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3097
+ 'tracking-normal': '0em',
3098
+ },
3099
+ },
3100
+ dark: {
3101
+ background: '#221d27',
3102
+ foreground: '#d2c4de',
3103
+ card: '#2c2632',
3104
+ 'card-foreground': '#dbc5d2',
3105
+ popover: '#100a0e',
3106
+ 'popover-foreground': '#f8f1f5',
3107
+ primary: '#a3004c',
3108
+ 'primary-foreground': '#efc0d8',
3109
+ secondary: '#362d3d',
3110
+ 'secondary-foreground': '#d4c7e1',
3111
+ muted: '#28222d',
3112
+ 'muted-foreground': '#c2b6cf',
3113
+ accent: '#463753',
3114
+ 'accent-foreground': '#f8f1f5',
3115
+ destructive: '#301015',
3116
+ 'destructive-foreground': '#ffffff',
3117
+ border: '#3b3237',
3118
+ input: '#3e343c',
3119
+ ring: '#db2777',
3120
+ sidebar: '#181117',
3121
+ 'sidebar-foreground': '#e0cad6',
3122
+ 'sidebar-primary': '#1d4ed8',
3123
+ 'sidebar-primary-foreground': '#ffffff',
3124
+ 'sidebar-accent': '#261922',
3125
+ 'sidebar-accent-foreground': '#f4f4f5',
3126
+ 'sidebar-border': '#000000',
3127
+ extras: {
3128
+ radius: '0.5rem',
3129
+ 'font-sans': 'Inter, sans-serif',
3130
+ 'font-serif': 'Merriweather, serif',
3131
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3132
+ 'shadow-color': 'hsl(0 0% 0%)',
3133
+ 'shadow-opacity': '0.1',
3134
+ 'shadow-blur': '8px',
3135
+ 'shadow-spread': '-1px',
3136
+ 'shadow-offset-x': '0px',
3137
+ 'shadow-offset-y': '4px',
3138
+ 'letter-spacing': '0em',
3139
+ spacing: '0.25rem',
3140
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3141
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3142
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3143
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3144
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3145
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3146
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3147
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3148
+ 'tracking-normal': '0em',
3149
+ },
3150
+ },
3151
+ },
3152
+ {
3153
+ id: 'tangerine',
3154
+ label: 'Tangerine',
3155
+ light: {
3156
+ background: '#e8ebed',
3157
+ foreground: '#333333',
3158
+ card: '#ffffff',
3159
+ primary: '#e05d38',
3160
+ 'primary-foreground': '#ffffff',
3161
+ secondary: '#f3f4f6',
3162
+ 'secondary-foreground': '#4b5563',
3163
+ muted: '#f9fafb',
3164
+ 'muted-foreground': '#6b7280',
3165
+ accent: '#d6e4f0',
3166
+ 'accent-foreground': '#1e3a8a',
3167
+ destructive: '#ef4444',
3168
+ 'destructive-foreground': '#ffffff',
3169
+ border: '#dcdfe2',
3170
+ input: '#f4f5f7',
3171
+ sidebar: '#dddfe2',
3172
+ 'sidebar-border': '#e5e7eb',
3173
+ extras: {
3174
+ radius: '0.75rem',
3175
+ 'font-sans': 'Inter, sans-serif',
3176
+ 'font-serif': 'Merriweather, serif',
3177
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3178
+ 'shadow-color': 'hsl(0 0% 0%)',
3179
+ 'shadow-opacity': '0.1',
3180
+ 'shadow-blur': '8px',
3181
+ 'shadow-spread': '-1px',
3182
+ 'shadow-offset-x': '0px',
3183
+ 'shadow-offset-y': '4px',
3184
+ 'letter-spacing': '0em',
3185
+ spacing: '0.25rem',
3186
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3187
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3188
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3189
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3190
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3191
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3192
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3193
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3194
+ 'tracking-normal': '0em',
3195
+ },
3196
+ },
3197
+ dark: {
3198
+ background: '#1c2433',
3199
+ foreground: '#e5e5e5',
3200
+ card: '#2a3040',
3201
+ popover: '#262b38',
3202
+ primary: '#e05d38',
3203
+ 'primary-foreground': '#ffffff',
3204
+ secondary: '#2a303e',
3205
+ muted: '#2a303e',
3206
+ 'muted-foreground': '#a3a3a3',
3207
+ accent: '#2a3656',
3208
+ 'accent-foreground': '#bfdbfe',
3209
+ destructive: '#ef4444',
3210
+ 'destructive-foreground': '#ffffff',
3211
+ border: '#3d4354',
3212
+ sidebar: '#2a303f',
3213
+ extras: {
3214
+ radius: '0.5rem',
3215
+ 'font-sans': 'Inter, sans-serif',
3216
+ 'font-serif': 'Merriweather, serif',
3217
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3218
+ 'shadow-color': 'hsl(0 0% 0%)',
3219
+ 'shadow-opacity': '0.1',
3220
+ 'shadow-blur': '8px',
3221
+ 'shadow-spread': '-1px',
3222
+ 'shadow-offset-x': '0px',
3223
+ 'shadow-offset-y': '4px',
3224
+ 'letter-spacing': '0em',
3225
+ spacing: '0.25rem',
3226
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3227
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3228
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3229
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3230
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3231
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3232
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3233
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3234
+ 'tracking-normal': '0em',
3235
+ },
3236
+ },
3237
+ },
3238
+ {
3239
+ id: 'twitter',
3240
+ label: 'Twitter',
3241
+ light: {
3242
+ background: '#ffffff',
3243
+ foreground: '#0f1419',
3244
+ card: '#f7f8f8',
3245
+ popover: '#ffffff',
3246
+ primary: '#1e9df1',
3247
+ 'primary-foreground': '#ffffff',
3248
+ secondary: '#0f1419',
3249
+ 'secondary-foreground': '#ffffff',
3250
+ muted: '#e5e5e6',
3251
+ 'muted-foreground': '#0f1419',
3252
+ accent: '#e3ecf6',
3253
+ 'accent-foreground': '#006cbd',
3254
+ destructive: '#f4212e',
3255
+ 'destructive-foreground': '#ffffff',
3256
+ border: '#e1eaef',
3257
+ input: '#f7f9fa',
3258
+ ring: '#1da1f2',
3259
+ sidebar: '#f7f8f8',
3260
+ 'sidebar-accent-foreground': '#1e9df1',
3261
+ 'sidebar-border': '#e1e8ed',
3262
+ extras: {
3263
+ radius: '1.3rem',
3264
+ 'font-sans': 'Inter, sans-serif',
3265
+ 'font-serif': 'Merriweather, serif',
3266
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3267
+ 'shadow-color': 'hsl(0 0% 0%)',
3268
+ 'shadow-opacity': '0.1',
3269
+ 'shadow-blur': '8px',
3270
+ 'shadow-spread': '-1px',
3271
+ 'shadow-offset-x': '0px',
3272
+ 'shadow-offset-y': '4px',
3273
+ 'letter-spacing': '0em',
3274
+ spacing: '0.25rem',
3275
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3276
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3277
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3278
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3279
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3280
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3281
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3282
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3283
+ 'tracking-normal': '0em',
3284
+ },
3285
+ },
3286
+ dark: {
3287
+ background: '#000000',
3288
+ foreground: '#e7e9ea',
3289
+ card: '#17181c',
3290
+ 'card-foreground': '#d9d9d9',
3291
+ popover: '#000000',
3292
+ 'popover-foreground': '#e7e9ea',
3293
+ primary: '#1c9cf0',
3294
+ 'primary-foreground': '#ffffff',
3295
+ secondary: '#f0f3f4',
3296
+ 'secondary-foreground': '#0f1419',
3297
+ muted: '#181818',
3298
+ 'muted-foreground': '#72767a',
3299
+ accent: '#061622',
3300
+ 'accent-foreground': '#1c9cf0',
3301
+ destructive: '#f4212e',
3302
+ 'destructive-foreground': '#ffffff',
3303
+ border: '#242628',
3304
+ input: '#22303c',
3305
+ ring: '#1da1f2',
3306
+ sidebar: '#17181c',
3307
+ 'sidebar-foreground': '#d9d9d9',
3308
+ 'sidebar-primary': '#1da1f2',
3309
+ 'sidebar-border': '#38444d',
3310
+ extras: {
3311
+ radius: '0.5rem',
3312
+ 'font-sans': 'Inter, sans-serif',
3313
+ 'font-serif': 'Merriweather, serif',
3314
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3315
+ 'shadow-color': 'hsl(0 0% 0%)',
3316
+ 'shadow-opacity': '0.1',
3317
+ 'shadow-blur': '8px',
3318
+ 'shadow-spread': '-1px',
3319
+ 'shadow-offset-x': '0px',
3320
+ 'shadow-offset-y': '4px',
3321
+ 'letter-spacing': '0em',
3322
+ spacing: '0.25rem',
3323
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3324
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3325
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3326
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3327
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3328
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3329
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3330
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3331
+ 'tracking-normal': '0em',
3332
+ },
3333
+ },
3334
+ },
3335
+ {
3336
+ id: 'vercel',
3337
+ label: 'Vercel',
3338
+ light: {
3339
+ background: '#fcfcfc',
3340
+ foreground: '#000000',
3341
+ card: '#ffffff',
3342
+ popover: '#fcfcfc',
3343
+ primary: '#000000',
3344
+ 'primary-foreground': '#ffffff',
3345
+ secondary: '#ebebeb',
3346
+ muted: '#f5f5f5',
3347
+ 'muted-foreground': '#525252',
3348
+ accent: '#ebebeb',
3349
+ destructive: '#e54b4f',
3350
+ 'destructive-foreground': '#ffffff',
3351
+ border: '#e4e4e4',
3352
+ input: '#ebebeb',
3353
+ sidebar: '#fcfcfc',
3354
+ 'sidebar-border': '#ebebeb',
3355
+ extras: {
3356
+ radius: '0.5rem',
3357
+ 'font-sans': 'Inter, sans-serif',
3358
+ 'font-serif': 'Merriweather, serif',
3359
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3360
+ 'shadow-color': 'hsl(0 0% 0%)',
3361
+ 'shadow-opacity': '0.1',
3362
+ 'shadow-blur': '8px',
3363
+ 'shadow-spread': '-1px',
3364
+ 'shadow-offset-x': '0px',
3365
+ 'shadow-offset-y': '4px',
3366
+ 'letter-spacing': '0em',
3367
+ spacing: '0.25rem',
3368
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3369
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3370
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3371
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3372
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3373
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3374
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3375
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3376
+ 'tracking-normal': '0em',
3377
+ },
3378
+ },
3379
+ dark: {
3380
+ background: '#000000',
3381
+ foreground: '#ffffff',
3382
+ card: '#090909',
3383
+ popover: '#121212',
3384
+ primary: '#ffffff',
3385
+ 'primary-foreground': '#000000',
3386
+ secondary: '#222222',
3387
+ muted: '#1d1d1d',
3388
+ 'muted-foreground': '#a4a4a4',
3389
+ accent: '#333333',
3390
+ destructive: '#ff5b5b',
3391
+ 'destructive-foreground': '#000000',
3392
+ border: '#242424',
3393
+ input: '#333333',
3394
+ ring: '#a4a4a4',
3395
+ sidebar: '#121212',
3396
+ 'sidebar-border': '#333333',
3397
+ extras: {
3398
+ radius: '0.5rem',
3399
+ 'font-sans': 'Inter, sans-serif',
3400
+ 'font-serif': 'Merriweather, serif',
3401
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3402
+ 'shadow-color': 'hsl(0 0% 0%)',
3403
+ 'shadow-opacity': '0.1',
3404
+ 'shadow-blur': '8px',
3405
+ 'shadow-spread': '-1px',
3406
+ 'shadow-offset-x': '0px',
3407
+ 'shadow-offset-y': '4px',
3408
+ 'letter-spacing': '0em',
3409
+ spacing: '0.25rem',
3410
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3411
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3412
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3413
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3414
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3415
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3416
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3417
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3418
+ 'tracking-normal': '0em',
3419
+ },
3420
+ },
3421
+ },
3422
+ {
3423
+ id: 'vintage-paper',
3424
+ label: 'Vintage Paper',
3425
+ light: {
3426
+ background: '#f5f1e6',
3427
+ foreground: '#4a3f35',
3428
+ card: '#fffcf5',
3429
+ primary: '#a67c52',
3430
+ 'primary-foreground': '#ffffff',
3431
+ secondary: '#e2d8c3',
3432
+ 'secondary-foreground': '#5c4d3f',
3433
+ muted: '#ece5d8',
3434
+ 'muted-foreground': '#7d6b56',
3435
+ accent: '#d4c8aa',
3436
+ destructive: '#b54a35',
3437
+ 'destructive-foreground': '#ffffff',
3438
+ border: '#dbd0ba',
3439
+ extras: {
3440
+ radius: '0.25rem',
3441
+ 'font-sans': 'Inter, sans-serif',
3442
+ 'font-serif': 'Merriweather, serif',
3443
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3444
+ 'shadow-color': 'hsl(0 0% 0%)',
3445
+ 'shadow-opacity': '0.1',
3446
+ 'shadow-blur': '8px',
3447
+ 'shadow-spread': '-1px',
3448
+ 'shadow-offset-x': '0px',
3449
+ 'shadow-offset-y': '4px',
3450
+ 'letter-spacing': '0em',
3451
+ spacing: '0.25rem',
3452
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3453
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3454
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3455
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3456
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3457
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3458
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3459
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3460
+ 'tracking-normal': '0em',
3461
+ },
3462
+ },
3463
+ dark: {
3464
+ background: '#2d2621',
3465
+ foreground: '#ece5d8',
3466
+ card: '#3a322c',
3467
+ primary: '#c0a080',
3468
+ 'primary-foreground': '#2d2621',
3469
+ secondary: '#4a4039',
3470
+ muted: '#312b26',
3471
+ 'muted-foreground': '#c5bcac',
3472
+ accent: '#59493e',
3473
+ destructive: '#b54a35',
3474
+ 'destructive-foreground': '#ffffff',
3475
+ border: '#4a4039',
3476
+ sidebar: '#2d2621',
3477
+ extras: {
3478
+ radius: '0.25rem',
3479
+ 'font-sans': 'Inter, sans-serif',
3480
+ 'font-serif': 'Merriweather, serif',
3481
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3482
+ 'shadow-color': 'hsl(0 0% 0%)',
3483
+ 'shadow-opacity': '0.1',
3484
+ 'shadow-blur': '8px',
3485
+ 'shadow-spread': '-1px',
3486
+ 'shadow-offset-x': '0px',
3487
+ 'shadow-offset-y': '4px',
3488
+ 'letter-spacing': '0em',
3489
+ spacing: '0.25rem',
3490
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3491
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3492
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3493
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3494
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3495
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3496
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3497
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3498
+ 'tracking-normal': '0em',
3499
+ },
3500
+ },
3501
+ },
3502
+ {
3503
+ id: 'violet-bloom',
3504
+ label: 'Violet Bloom',
3505
+ light: {
3506
+ background: '#fdfdfd',
3507
+ foreground: '#000000',
3508
+ card: '#fdfdfd',
3509
+ popover: '#fcfcfc',
3510
+ primary: '#7033ff',
3511
+ 'primary-foreground': '#ffffff',
3512
+ secondary: '#edf0f4',
3513
+ 'secondary-foreground': '#080808',
3514
+ muted: '#f5f5f5',
3515
+ 'muted-foreground': '#525252',
3516
+ accent: '#e2ebff',
3517
+ 'accent-foreground': '#1965d8',
3518
+ destructive: '#e54b4f',
3519
+ 'destructive-foreground': '#ffffff',
3520
+ border: '#e7e7ee',
3521
+ input: '#ebebeb',
3522
+ ring: '#000000',
3523
+ sidebar: '#f5f8fb',
3524
+ 'sidebar-primary': '#000000',
3525
+ 'sidebar-accent': '#ebebeb',
3526
+ 'sidebar-accent-foreground': '#000000',
3527
+ 'sidebar-border': '#ebebeb',
3528
+ extras: {
3529
+ radius: '1.4rem',
3530
+ 'font-sans': 'Inter, sans-serif',
3531
+ 'font-serif': 'Merriweather, serif',
3532
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3533
+ 'shadow-color': 'hsl(0 0% 0%)',
3534
+ 'shadow-opacity': '0.1',
3535
+ 'shadow-blur': '8px',
3536
+ 'shadow-spread': '-1px',
3537
+ 'shadow-offset-x': '0px',
3538
+ 'shadow-offset-y': '4px',
3539
+ 'letter-spacing': '0em',
3540
+ spacing: '0.25rem',
3541
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3542
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3543
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3544
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3545
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3546
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3547
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3548
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3549
+ 'tracking-normal': '0em',
3550
+ },
3551
+ },
3552
+ dark: {
3553
+ background: '#1a1b1e',
3554
+ foreground: '#f0f0f0',
3555
+ card: '#222327',
3556
+ primary: '#8c5cff',
3557
+ 'primary-foreground': '#ffffff',
3558
+ secondary: '#2a2c33',
3559
+ muted: '#2a2c33',
3560
+ 'muted-foreground': '#a0a0a0',
3561
+ accent: '#1e293b',
3562
+ 'accent-foreground': '#79c0ff',
3563
+ destructive: '#f87171',
3564
+ 'destructive-foreground': '#ffffff',
3565
+ border: '#33353a',
3566
+ sidebar: '#161618',
3567
+ 'sidebar-accent': '#2a2c33',
3568
+ 'sidebar-accent-foreground': '#8c5cff',
3569
+ extras: {
3570
+ radius: '1.4rem',
3571
+ 'font-sans': 'Inter, sans-serif',
3572
+ 'font-serif': 'Merriweather, serif',
3573
+ 'font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
3574
+ 'shadow-color': 'hsl(0 0% 0%)',
3575
+ 'shadow-opacity': '0.1',
3576
+ 'shadow-blur': '8px',
3577
+ 'shadow-spread': '-1px',
3578
+ 'shadow-offset-x': '0px',
3579
+ 'shadow-offset-y': '4px',
3580
+ 'letter-spacing': '0em',
3581
+ spacing: '0.25rem',
3582
+ 'shadow-2xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3583
+ 'shadow-xs': '0px 4px 8px -1px hsl(0 0% 0% / 0.05)',
3584
+ 'shadow-sm': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3585
+ shadow: '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 1px 2px -2px hsl(0 0% 0% / 0.1)',
3586
+ 'shadow-md': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 2px 4px -2px hsl(0 0% 0% / 0.1)',
3587
+ 'shadow-lg': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 4px 6px -2px hsl(0 0% 0% / 0.1)',
3588
+ 'shadow-xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.1), 0px 8px 10px -2px hsl(0 0% 0% / 0.1)',
3589
+ 'shadow-2xl': '0px 4px 8px -1px hsl(0 0% 0% / 0.25)',
3590
+ 'tracking-normal': '0em',
3591
+ },
3592
+ },
3593
+ },
3594
+ {
3595
+ id: 'jackdaw',
3596
+ label: 'Jackdaw',
3597
+ // The Jackdaw brand palette — the retro badge colours.
3598
+ //
3599
+ // TEMPERATURE. Ten of the eleven brand colours sit in a warm band (oklch
3600
+ // hue 37–86°). The supplied neutrals #3C3C3F (hue 286°, blue-violet) and
3601
+ // #52524C (107°, green) fall outside it, and a cool border line against
3602
+ // warm cream reads as dirty rather than neutral. Both are re-cut here at
3603
+ // their ORIGINAL lightness on the family hue (62°): #423b35 and #57504a.
3604
+ //
3605
+ // LADDER. Surfaces ship verbatim (only text tokens get contrast-solved),
3606
+ // so each mode is an authored L* ladder with ~4–6 per step. Six warm tones
3607
+ // this close in hue need that spacing or cards stop reading as elevated
3608
+ // and secondary/accent collapse into the same button.
3609
+ //
3610
+ // ORANGE WEARS DARK TEXT. White on #E46E08 is 3.2:1 and fails AA; the
3611
+ // brand brown on it is 5.0:1 — and matches how the badge itself is drawn.
3612
+ light: {
3613
+ background: '#fde7bc',
3614
+ foreground: '#341a00',
3615
+ card: '#fff9ec',
3616
+ primary: '#e46e08',
3617
+ 'primary-foreground': '#341a00',
3618
+ secondary: '#e3b575',
3619
+ 'secondary-foreground': '#341a00',
3620
+ muted: '#f5d9a4',
3621
+ 'muted-foreground': '#57504a',
3622
+ accent: '#f0c88c',
3623
+ 'accent-foreground': '#5c1e02',
3624
+ destructive: '#c83c04',
3625
+ 'destructive-foreground': '#ffffff',
3626
+ border: '#baae94',
3627
+ },
3628
+ dark: {
3629
+ background: '#120f0e',
3630
+ foreground: '#fde7bc',
3631
+ card: '#1e1814',
3632
+ primary: '#eb9f13',
3633
+ 'primary-foreground': '#120f0e',
3634
+ secondary: '#2f2923',
3635
+ 'secondary-foreground': '#f0c88c',
3636
+ muted: '#251f1b',
3637
+ 'muted-foreground': '#baae94',
3638
+ accent: '#452a18',
3639
+ 'accent-foreground': '#f0c88c',
3640
+ destructive: '#c83c04',
3641
+ 'destructive-foreground': '#ffffff',
3642
+ border: '#423b35',
3643
+ },
3644
+ },
3645
+ {
3646
+ id: 'jackdaw-harvest',
3647
+ label: 'Jackdaw Harvest',
3648
+ // Variant B — the badge's FULL stripe range, teal and green included,
3649
+ // against Variant A ('jackdaw') which is the warm half only.
3650
+ //
3651
+ // The cool half earns its keep twice. Deep teal #14565D is the one brand
3652
+ // colour dark enough to carry white (8.3:1), so it is the primary; and
3653
+ // because teal/green are present, the supplied cool greys #3F4245 and
3654
+ // #8F9092 (hue 248/264) sit ~45 deg from family instead of stranded, so
3655
+ // they ship as-is here — unlike in Variant A, where the same kind of grey
3656
+ // had to be re-cut warm.
3657
+ //
3658
+ // #DB5113 is NOT the destructive fill: at L* 53 it is in the dead zone
3659
+ // where neither white (4.04) nor near-black (4.08) reaches AA. Darkened
3660
+ // to L* 47 as #c94000, white clears at 4.98.
3661
+ light: {
3662
+ background: '#f8deb9',
3663
+ foreground: '#1f1f1f',
3664
+ card: '#fff0dd',
3665
+ primary: '#14565d',
3666
+ 'primary-foreground': '#ffffff',
3667
+ secondary: '#fdd09b',
3668
+ 'secondary-foreground': '#1f1f1f',
3669
+ muted: '#e5caa8',
3670
+ 'muted-foreground': '#784a3a',
3671
+ accent: '#c4e5e8',
3672
+ 'accent-foreground': '#14565d',
3673
+ destructive: '#c94000',
3674
+ 'destructive-foreground': '#ffffff',
3675
+ border: '#c8b297',
3676
+ },
3677
+ dark: {
3678
+ background: '#1f1f1f',
3679
+ foreground: '#f8deb9',
3680
+ card: '#2e2a24',
3681
+ primary: '#49a8b3',
3682
+ 'primary-foreground': '#1f1f1f',
3683
+ secondary: '#3f4245',
3684
+ 'secondary-foreground': '#f8deb9',
3685
+ muted: '#36322c',
3686
+ 'muted-foreground': '#8f9092',
3687
+ accent: '#14565d',
3688
+ 'accent-foreground': '#fdd09b',
3689
+ destructive: '#c94000',
3690
+ 'destructive-foreground': '#ffffff',
3691
+ border: '#3e484a',
3692
+ },
3693
+ },
3694
+ ];