shadcn-theme-menu 1.1.2

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.
@@ -0,0 +1,3057 @@
1
+ .theme-modern-minimal.light {
2
+ --background: #ffffff;
3
+ --foreground: #333333;
4
+ --card: #ffffff;
5
+ --card-foreground: #333333;
6
+ --popover: #ffffff;
7
+ --popover-foreground: #333333;
8
+ --primary: #3b82f6;
9
+ --primary-foreground: #ffffff;
10
+ --secondary: #f3f4f6;
11
+ --secondary-foreground: #4b5563;
12
+ --muted: #f9fafb;
13
+ --muted-foreground: #6b7280;
14
+ --accent: #e0f2fe;
15
+ --accent-foreground: #1e3a8a;
16
+ --destructive: #ef4444;
17
+ --destructive-foreground: #ffffff;
18
+ --border: #e5e7eb;
19
+ --input: #e5e7eb;
20
+ --ring: #3b82f6;
21
+ --chart-1: #3b82f6;
22
+ --chart-2: #2563eb;
23
+ --chart-3: #1d4ed8;
24
+ --chart-4: #1e40af;
25
+ --chart-5: #1e3a8a;
26
+ --radius: 0.375rem;
27
+ --sidebar: #f9fafb;
28
+ --sidebar-foreground: #333333;
29
+ --sidebar-primary: #3b82f6;
30
+ --sidebar-primary-foreground: #ffffff;
31
+ --sidebar-accent: #e0f2fe;
32
+ --sidebar-accent-foreground: #1e3a8a;
33
+ --sidebar-border: #e5e7eb;
34
+ --sidebar-ring: #3b82f6;
35
+ --font-sans: Inter, sans-serif;
36
+ --font-serif: Source Serif 4, serif;
37
+ --font-mono: JetBrains Mono, monospace;
38
+ }
39
+
40
+ .theme-modern-minimal.dark {
41
+ --background: #171717;
42
+ --foreground: #e5e5e5;
43
+ --card: #262626;
44
+ --card-foreground: #e5e5e5;
45
+ --popover: #262626;
46
+ --popover-foreground: #e5e5e5;
47
+ --primary: #3b82f6;
48
+ --primary-foreground: #ffffff;
49
+ --secondary: #262626;
50
+ --secondary-foreground: #e5e5e5;
51
+ --muted: #262626;
52
+ --muted-foreground: #a3a3a3;
53
+ --accent: #1e3a8a;
54
+ --accent-foreground: #bfdbfe;
55
+ --destructive: #ef4444;
56
+ --destructive-foreground: #ffffff;
57
+ --border: #404040;
58
+ --input: #404040;
59
+ --ring: #3b82f6;
60
+ --chart-1: #60a5fa;
61
+ --chart-2: #3b82f6;
62
+ --chart-3: #2563eb;
63
+ --chart-4: #1d4ed8;
64
+ --chart-5: #1e40af;
65
+ --radius: 0.375rem;
66
+ --sidebar: #171717;
67
+ --sidebar-foreground: #e5e5e5;
68
+ --sidebar-primary: #3b82f6;
69
+ --sidebar-primary-foreground: #ffffff;
70
+ --sidebar-accent: #1e3a8a;
71
+ --sidebar-accent-foreground: #bfdbfe;
72
+ --sidebar-border: #404040;
73
+ --sidebar-ring: #3b82f6;
74
+ }
75
+
76
+ .theme-pink-lemonade.light {
77
+ --background: #faf5fa;
78
+ --foreground: #501854;
79
+ --card: #faf5fa;
80
+ --card-foreground: #501854;
81
+ --popover: #ffffff;
82
+ --popover-foreground: #501854;
83
+ --primary: #a84370;
84
+ --primary-foreground: #ffffff;
85
+ --secondary: #f1c4e6;
86
+ --secondary-foreground: #77347c;
87
+ --muted: #f6e5f3;
88
+ --muted-foreground: #834588;
89
+ --accent: #f1c4e6;
90
+ --accent-foreground: #77347c;
91
+ --destructive: #ab4347;
92
+ --destructive-foreground: #ffffff;
93
+ --border: #efbdeb;
94
+ --input: #e7c1dc;
95
+ --ring: #db2777;
96
+ --chart-1: #d926a2;
97
+ --chart-2: #6c12b9;
98
+ --chart-3: #274754;
99
+ --chart-4: #e8c468;
100
+ --chart-5: #f4a462;
101
+ --sidebar: #f3e4f6;
102
+ --sidebar-foreground: #ac1668;
103
+ --sidebar-primary: #454554;
104
+ --sidebar-primary-foreground: #faf1f7;
105
+ --sidebar-accent: #f8f8f7;
106
+ --sidebar-accent-foreground: #454554;
107
+ --sidebar-border: #eceae9;
108
+ --sidebar-ring: #db2777;
109
+ --radius: 0.5rem;
110
+ }
111
+
112
+ .theme-pink-lemonade.dark {
113
+ --background: #221d27;
114
+ --foreground: #d2c4de;
115
+ --card: #2c2632;
116
+ --card-foreground: #dbc5d2;
117
+ --popover: #100a0e;
118
+ --popover-foreground: #f8f1f5;
119
+ --primary: #a3004c;
120
+ --primary-foreground: #efc0d8;
121
+ --secondary: #362d3d;
122
+ --secondary-foreground: #d4c7e1;
123
+ --muted: #28222d;
124
+ --muted-foreground: #c2b6cf;
125
+ --accent: #463753;
126
+ --accent-foreground: #f8f1f5;
127
+ --destructive: #301015;
128
+ --destructive-foreground: #ffffff;
129
+ --border: #3b3237;
130
+ --input: #3e343c;
131
+ --ring: #db2777;
132
+ --chart-1: #a84370;
133
+ --chart-2: #934dcb;
134
+ --chart-3: #e88c30;
135
+ --chart-4: #af57db;
136
+ --chart-5: #e23670;
137
+ --sidebar: #181117;
138
+ --sidebar-foreground: #e0cad6;
139
+ --sidebar-primary: #1d4ed8;
140
+ --sidebar-primary-foreground: #ffffff;
141
+ --sidebar-accent: #261922;
142
+ --sidebar-accent-foreground: #f4f4f5;
143
+ --sidebar-border: #000000;
144
+ --sidebar-ring: #db2777;
145
+ }
146
+
147
+ .theme-twitter.light {
148
+ --background: #ffffff;
149
+ --foreground: #0f1419;
150
+ --card: #f7f8f8;
151
+ --card-foreground: #0f1419;
152
+ --popover: #ffffff;
153
+ --popover-foreground: #0f1419;
154
+ --primary: #1e9df1;
155
+ --primary-foreground: #ffffff;
156
+ --secondary: #0f1419;
157
+ --secondary-foreground: #ffffff;
158
+ --muted: #E5E5E6;
159
+ --muted-foreground: #0f1419;
160
+ --accent: #E3ECF6;
161
+ --accent-foreground: #1e9df1;
162
+ --destructive: #f4212e;
163
+ --destructive-foreground: #ffffff;
164
+ --border: #e1eaef;
165
+ --input: #f7f9fa;
166
+ --ring: #1da1f2;
167
+ --chart-1: #1e9df1;
168
+ --chart-2: #00b87a;
169
+ --chart-3: #f7b928;
170
+ --chart-4: #17bf63;
171
+ --chart-5: #e0245e;
172
+ --sidebar: #f7f8f8;
173
+ --sidebar-foreground: #0f1419;
174
+ --sidebar-primary: #1e9df1;
175
+ --sidebar-primary-foreground: #ffffff;
176
+ --sidebar-accent: #E3ECF6;
177
+ --sidebar-accent-foreground: #1e9df1;
178
+ --sidebar-border: #e1e8ed;
179
+ --sidebar-ring: #1da1f2;
180
+ --font-sans: Open Sans, sans-serif;
181
+ --font-serif: Georgia, serif;
182
+ --font-mono: Menlo, monospace;
183
+ --radius: 1.3rem;
184
+ --shadow-color: rgba(29, 161, 242, 0.15);
185
+ --shadow-opacity: 0;
186
+ --shadow-blur: 0px;
187
+ --shadow-spread: 0px;
188
+ --shadow-offset-x: 0px;
189
+ --shadow-offset-y: 2px;
190
+ }
191
+
192
+ .theme-twitter.dark {
193
+ --background: #000000;
194
+ --foreground: #e7e9ea;
195
+ --card: #17181c;
196
+ --card-foreground: #d9d9d9;
197
+ --popover: #000000;
198
+ --popover-foreground: #e7e9ea;
199
+ --primary: #1c9cf0;
200
+ --primary-foreground: #ffffff;
201
+ --secondary: #f0f3f4;
202
+ --secondary-foreground: #0f1419;
203
+ --muted: #181818;
204
+ --muted-foreground: #72767a;
205
+ --accent: #061622;
206
+ --accent-foreground: #1c9cf0;
207
+ --destructive: #f4212e;
208
+ --destructive-foreground: #ffffff;
209
+ --border: #242628;
210
+ --input: #22303c;
211
+ --ring: #1da1f2;
212
+ --chart-1: #1e9df1;
213
+ --chart-2: #00b87a;
214
+ --chart-3: #f7b928;
215
+ --chart-4: #17bf63;
216
+ --chart-5: #e0245e;
217
+ --sidebar: #17181c;
218
+ --sidebar-foreground: #d9d9d9;
219
+ --sidebar-primary: #1da1f2;
220
+ --sidebar-primary-foreground: #ffffff;
221
+ --sidebar-accent: #061622;
222
+ --sidebar-accent-foreground: #1c9cf0;
223
+ --sidebar-border: #38444d;
224
+ --sidebar-ring: #1da1f2;
225
+ --shadow-color: rgba(29, 161, 242, 0.25);
226
+ }
227
+
228
+ .theme-mocha-mousse.light {
229
+ --background: #F1F0E5;
230
+ --foreground: #56453F;
231
+ --card: #F1F0E5;
232
+ --card-foreground: #56453F;
233
+ --popover: #FFFFFF;
234
+ --popover-foreground: #56453F;
235
+ --primary: #A37764;
236
+ --primary-foreground: #FFFFFF;
237
+ --secondary: #BAAB92;
238
+ --secondary-foreground: #ffffff;
239
+ --muted: #E4C7B8;
240
+ --muted-foreground: #8A655A;
241
+ --accent: #E4C7B8;
242
+ --accent-foreground: #56453F;
243
+ --destructive: #1f1a17;
244
+ --destructive-foreground: #FFFFFF;
245
+ --border: #BAAB92;
246
+ --input: #BAAB92;
247
+ --ring: #A37764;
248
+ --chart-1: #A37764;
249
+ --chart-2: #8A655A;
250
+ --chart-3: #C39E88;
251
+ --chart-4: #BAAB92;
252
+ --chart-5: #A28777;
253
+ --sidebar: #ebd6cb;
254
+ --sidebar-foreground: #56453F;
255
+ --sidebar-primary: #A37764;
256
+ --sidebar-primary-foreground: #FFFFFF;
257
+ --sidebar-accent: #C39E88;
258
+ --sidebar-accent-foreground: #ffffff;
259
+ --sidebar-border: #A28777;
260
+ --sidebar-ring: #A37764;
261
+ --font-sans: DM Sans, sans-serif;
262
+ --font-serif: Georgia, serif;
263
+ --font-mono: Menlo, monospace;
264
+ --radius: 0.5rem;
265
+ --shadow-color: hsl(20 18% 51% / 0.4);
266
+ --shadow-opacity: 0.11;
267
+ --shadow-blur: 0px;
268
+ --shadow-spread: 0px;
269
+ --shadow-offset-x: 2px;
270
+ --shadow-offset-y: 2px;
271
+ }
272
+
273
+ .theme-mocha-mousse.dark {
274
+ --background: #2d2521;
275
+ --foreground: #F1F0E5;
276
+ --card: #3c332e;
277
+ --card-foreground: #F1F0E5;
278
+ --popover: #3c332e;
279
+ --popover-foreground: #F1F0E5;
280
+ --primary: #C39E88;
281
+ --primary-foreground: #2d2521;
282
+ --secondary: #8A655A;
283
+ --secondary-foreground: #F1F0E5;
284
+ --muted: #56453F;
285
+ --muted-foreground: #c5aa9b;
286
+ --accent: #BAAB92;
287
+ --accent-foreground: #2d2521;
288
+ --destructive: #E57373;
289
+ --destructive-foreground: #2d2521;
290
+ --border: #56453F;
291
+ --input: #56453F;
292
+ --ring: #C39E88;
293
+ --chart-1: #C39E88;
294
+ --chart-2: #BAAB92;
295
+ --chart-3: #A37764;
296
+ --chart-4: #8A655A;
297
+ --chart-5: #A28777;
298
+ --sidebar: #1f1a17;
299
+ --sidebar-foreground: #F1F0E5;
300
+ --sidebar-primary: #C39E88;
301
+ --sidebar-primary-foreground: #1f1a17;
302
+ --sidebar-accent: #BAAB92;
303
+ --sidebar-accent-foreground: #1f1a17;
304
+ --sidebar-border: #56453F;
305
+ --sidebar-ring: #C39E88;
306
+ --shadow-color: hsl(20 18% 30% / 0.5);
307
+ }
308
+
309
+ .theme-bubblegum.light {
310
+ --background: #f6e6ee;
311
+ --foreground: #5b5b5b;
312
+ --card: #fdedc9;
313
+ --card-foreground: #5b5b5b;
314
+ --popover: #ffffff;
315
+ --popover-foreground: #5b5b5b;
316
+ --primary: #d04f99;
317
+ --primary-foreground: #ffffff;
318
+ --secondary: #8acfd1;
319
+ --secondary-foreground: #333333;
320
+ --muted: #b2e1eb;
321
+ --muted-foreground: #7a7a7a;
322
+ --accent: #fbe2a7;
323
+ --accent-foreground: #333333;
324
+ --destructive: #f96f70;
325
+ --destructive-foreground: #ffffff;
326
+ --border: #d04f99;
327
+ --input: #e4e4e4;
328
+ --ring: #e670ab;
329
+ --chart-1: #e670ab;
330
+ --chart-2: #84d2e2;
331
+ --chart-3: #fbe2a7;
332
+ --chart-4: #f3a0ca;
333
+ --chart-5: #d7488e;
334
+ --sidebar: #f8d8ea;
335
+ --sidebar-foreground: #333333;
336
+ --sidebar-primary: #ec4899;
337
+ --sidebar-primary-foreground: #ffffff;
338
+ --sidebar-accent: #f9a8d4;
339
+ --sidebar-accent-foreground: #333333;
340
+ --sidebar-border: #f3e8ff;
341
+ --sidebar-ring: #ec4899;
342
+ --font-sans: Poppins, sans-serif;
343
+ --font-serif: Lora, serif;
344
+ --font-mono: Fira Code, monospace;
345
+ --radius: 0.4rem;
346
+ --shadow-color: hsl(325.78 58.18% 56.86% / 0.5);
347
+ --shadow-opacity: 1.0;
348
+ --shadow-blur: 0px;
349
+ --shadow-spread: 0px;
350
+ --shadow-offset-x: 3px;
351
+ --shadow-offset-y: 3px;
352
+ }
353
+
354
+ .theme-bubblegum.dark {
355
+ --background: #12242e;
356
+ --foreground: #f3e3ea;
357
+ --card: #1c2e38;
358
+ --card-foreground: #f3e3ea;
359
+ --popover: #1c2e38;
360
+ --popover-foreground: #f3e3ea;
361
+ --primary: #fbe2a7;
362
+ --primary-foreground: #12242e;
363
+ --secondary: #e4a2b1;
364
+ --secondary-foreground: #12242e;
365
+ --muted: #24272b;
366
+ --muted-foreground: #e4a2b1;
367
+ --accent: #c67b96;
368
+ --accent-foreground: #f3e3ea;
369
+ --destructive: #e35ea4;
370
+ --destructive-foreground: #12242e;
371
+ --border: #324859;
372
+ --input: #20333d;
373
+ --ring: #50afb6;
374
+ --chart-1: #50afb6;
375
+ --chart-2: #e4a2b1;
376
+ --chart-3: #c67b96;
377
+ --chart-4: #175c6c;
378
+ --chart-5: #24272b;
379
+ --sidebar: #101f28;
380
+ --sidebar-foreground: #f3f4f6;
381
+ --sidebar-primary: #ec4899;
382
+ --sidebar-primary-foreground: #ffffff;
383
+ --sidebar-accent: #f9a8d4;
384
+ --sidebar-accent-foreground: #1f2937;
385
+ --sidebar-border: #374151;
386
+ --sidebar-ring: #ec4899;
387
+ --font-sans: Poppins, sans-serif;
388
+ --font-serif: Lora, serif;
389
+ --font-mono: Fira Code, monospace;
390
+ --shadow-color: #324859;
391
+ }
392
+
393
+ .theme-amethyst-haze.light {
394
+ --background: #f8f7fa;
395
+ --foreground: #3d3c4f;
396
+ --card: #ffffff;
397
+ --card-foreground: #3d3c4f;
398
+ --popover: #ffffff;
399
+ --popover-foreground: #3d3c4f;
400
+ --primary: #8a79ab;
401
+ --primary-foreground: #f8f7fa;
402
+ --secondary: #dfd9ec;
403
+ --secondary-foreground: #3d3c4f;
404
+ --muted: #dcd9e3;
405
+ --muted-foreground: #6b6880;
406
+ --accent: #e6a5b8;
407
+ --accent-foreground: #4b2e36;
408
+ --destructive: #d95c5c;
409
+ --destructive-foreground: #f8f7fa;
410
+ --border: #cec9d9;
411
+ --input: #eae7f0;
412
+ --ring: #8a79ab;
413
+ --chart-1: #8a79ab;
414
+ --chart-2: #e6a5b8;
415
+ --chart-3: #77b8a1;
416
+ --chart-4: #f0c88d;
417
+ --chart-5: #a0bbe3;
418
+ --sidebar: #f1eff5;
419
+ --sidebar-foreground: #3d3c4f;
420
+ --sidebar-primary: #8a79ab;
421
+ --sidebar-primary-foreground: #f8f7fa;
422
+ --sidebar-accent: #e6a5b8;
423
+ --sidebar-accent-foreground: #4b2e36;
424
+ --sidebar-border: #d7d2e0;
425
+ --sidebar-ring: #8a79ab;
426
+ --font-sans: Geist, sans-serif;
427
+ --font-serif: "Lora", Georgia, serif;
428
+ --font-mono: "Fira Code", "Courier New", monospace;
429
+ --radius: 0.5rem;
430
+ --shadow-color: hsl(0 0% 0%);
431
+ --shadow-opacity: 0.06;
432
+ --shadow-blur: 5px;
433
+ --shadow-spread: 1px;
434
+ --shadow-offset-x: 1px;
435
+ --shadow-offset-y: 2px;
436
+ --letter-spacing: 0em;
437
+ --spacing: 0.25rem;
438
+ }
439
+
440
+ .theme-amethyst-haze.dark {
441
+ --background: #1a1823;
442
+ --foreground: #e0ddef;
443
+ --card: #232030;
444
+ --card-foreground: #e0ddef;
445
+ --popover: #232030;
446
+ --popover-foreground: #e0ddef;
447
+ --primary: #a995c9;
448
+ --primary-foreground: #1a1823;
449
+ --secondary: #5a5370;
450
+ --secondary-foreground: #e0ddef;
451
+ --muted: #242031;
452
+ --muted-foreground: #a09aad;
453
+ --accent: #372e3f;
454
+ --accent-foreground: #f2b8c6;
455
+ --destructive: #e57373;
456
+ --destructive-foreground: #1a1823;
457
+ --border: #302c40;
458
+ --input: #2a273a;
459
+ --ring: #a995c9;
460
+ --chart-1: #a995c9;
461
+ --chart-2: #f2b8c6;
462
+ --chart-3: #77b8a1;
463
+ --chart-4: #f0c88d;
464
+ --chart-5: #a0bbe3;
465
+ --sidebar: #16141e;
466
+ --sidebar-foreground: #e0ddef;
467
+ --sidebar-primary: #a995c9;
468
+ --sidebar-primary-foreground: #1a1823;
469
+ --sidebar-accent: #372e3f;
470
+ --sidebar-accent-foreground: #f2b8c6;
471
+ --sidebar-border: #2a273a;
472
+ --sidebar-ring: #a995c9;
473
+ }
474
+
475
+ .theme-notebook.light {
476
+ --background: #f9f9f9;
477
+ --foreground: #3a3a3a;
478
+ --card: #ffffff;
479
+ --card-foreground: #3a3a3a;
480
+ --popover: #ffffff;
481
+ --popover-foreground: #3a3a3a;
482
+ --primary: #606060;
483
+ --primary-foreground: #f0f0f0;
484
+ --secondary: #dedede;
485
+ --secondary-foreground: #3a3a3a;
486
+ --muted: #e3e3e3;
487
+ --muted-foreground: #505050;
488
+ --accent: #f3eac8;
489
+ --accent-foreground: #5d4037;
490
+ --destructive: #c87a7a;
491
+ --destructive-foreground: #ffffff;
492
+ --border: #747272;
493
+ --input: #ffffff;
494
+ --ring: #a0a0a0;
495
+ --chart-1: #333333;
496
+ --chart-2: #555555;
497
+ --chart-3: #777777;
498
+ --chart-4: #999999;
499
+ --chart-5: #bbbbbb;
500
+ --sidebar: #f0f0f0;
501
+ --sidebar-foreground: #3a3a3a;
502
+ --sidebar-primary: #606060;
503
+ --sidebar-primary-foreground: #f0f0f0;
504
+ --sidebar-accent: #f3eac8;
505
+ --sidebar-accent-foreground: #5d4037;
506
+ --sidebar-border: #c0c0c0;
507
+ --sidebar-ring: #a0a0a0;
508
+ --font-sans: Architects Daughter, sans-serif;
509
+ --font-serif: "Times New Roman", Times, serif;
510
+ --font-mono: "Courier New", Courier, monospace;
511
+ --radius: 0.625rem;
512
+ --shadow-color: #000000;
513
+ --shadow-opacity: 0.03;
514
+ --shadow-blur: 5px;
515
+ --shadow-spread: 0px;
516
+ --shadow-offset-x: 1px;
517
+ --shadow-offset-y: 4px;
518
+ --letter-spacing: 0.5px;
519
+ --spacing: 0.25rem;
520
+ }
521
+
522
+ .theme-notebook.dark {
523
+ --background: #2b2b2b;
524
+ --foreground: #dcdcdc;
525
+ --card: #333333;
526
+ --card-foreground: #dcdcdc;
527
+ --popover: #333333;
528
+ --popover-foreground: #dcdcdc;
529
+ --primary: #b0b0b0;
530
+ --primary-foreground: #2b2b2b;
531
+ --secondary: #5a5a5a;
532
+ --secondary-foreground: #c0c0c0;
533
+ --muted: #454545;
534
+ --muted-foreground: #a0a0a0;
535
+ --accent: #e0e0e0;
536
+ --accent-foreground: #333333;
537
+ --destructive: #d9afaf;
538
+ --destructive-foreground: #2b2b2b;
539
+ --border: #4f4f4f;
540
+ --input: #333333;
541
+ --ring: #c0c0c0;
542
+ --chart-1: #efefef;
543
+ --chart-2: #d0d0d0;
544
+ --chart-3: #b0b0b0;
545
+ --chart-4: #909090;
546
+ --chart-5: #707070;
547
+ --sidebar: #212121;
548
+ --sidebar-foreground: #dcdcdc;
549
+ --sidebar-primary: #b0b0b0;
550
+ --sidebar-primary-foreground: #212121;
551
+ --sidebar-accent: #e0e0e0;
552
+ --sidebar-accent-foreground: #333333;
553
+ --sidebar-border: #4f4f4f;
554
+ --sidebar-ring: #c0c0c0;
555
+ --font-sans: Architects Daughter, sans-serif;
556
+ --font-serif: Georgia, serif;
557
+ --font-mono: "Fira Code", "Courier New", monospace;
558
+ --radius: 0.625rem;
559
+ --shadow-color: #000000;
560
+ --shadow-opacity: 0.03;
561
+ --shadow-blur: 5px;
562
+ --shadow-spread: 0px;
563
+ --shadow-offset-x: 1px;
564
+ --shadow-offset-y: 4px;
565
+ --letter-spacing: 0.5px;
566
+ --spacing: 0.25rem;
567
+ }
568
+
569
+ .theme-doom-64.light {
570
+ --background: #cccccc;
571
+ --foreground: #1f1f1f;
572
+ --card: #b0b0b0;
573
+ --card-foreground: #1f1f1f;
574
+ --popover: #b0b0b0;
575
+ --popover-foreground: #1f1f1f;
576
+ --primary: #b71c1c;
577
+ --primary-foreground: #ffffff;
578
+ --secondary: #556b2f;
579
+ --secondary-foreground: #ffffff;
580
+ --muted: #b8b8b8;
581
+ --muted-foreground: #4a4a4a;
582
+ --accent: #4682b4;
583
+ --accent-foreground: #ffffff;
584
+ --destructive: #ff6f00;
585
+ --destructive-foreground: #000000;
586
+ --border: #505050;
587
+ --input: #505050;
588
+ --ring: #b71c1c;
589
+ --chart-1: #b71c1c;
590
+ --chart-2: #556b2f;
591
+ --chart-3: #4682b4;
592
+ --chart-4: #ff6f00;
593
+ --chart-5: #8d6e63;
594
+ --sidebar: #b0b0b0;
595
+ --sidebar-foreground: #1f1f1f;
596
+ --sidebar-primary: #b71c1c;
597
+ --sidebar-primary-foreground: #ffffff;
598
+ --sidebar-accent: #4682b4;
599
+ --sidebar-accent-foreground: #ffffff;
600
+ --sidebar-border: #505050;
601
+ --sidebar-ring: #b71c1c;
602
+ --font-sans: "Oxanium", sans-serif;
603
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
604
+ --font-mono: "Source Code Pro", monospace;
605
+ --radius: 0px;
606
+ --shadow-color: hsl(0 0% 0%);
607
+ --shadow-opacity: 0.4;
608
+ --shadow-blur: 4px;
609
+ --shadow-spread: 0px;
610
+ --shadow-offset-x: 0px;
611
+ --shadow-offset-y: 2px;
612
+ --letter-spacing: 0em;
613
+ --spacing: 0.25rem;
614
+ }
615
+
616
+ .theme-doom-64.dark {
617
+ --background: #1a1a1a;
618
+ --foreground: #e0e0e0;
619
+ --card: #2a2a2a;
620
+ --card-foreground: #e0e0e0;
621
+ --popover: #2a2a2a;
622
+ --popover-foreground: #e0e0e0;
623
+ --primary: #e53935;
624
+ --primary-foreground: #ffffff;
625
+ --secondary: #689f38;
626
+ --secondary-foreground: #000000;
627
+ --muted: #252525;
628
+ --muted-foreground: #a0a0a0;
629
+ --accent: #64b5f6;
630
+ --accent-foreground: #000000;
631
+ --destructive: #ffa000;
632
+ --destructive-foreground: #000000;
633
+ --border: #4a4a4a;
634
+ --input: #4a4a4a;
635
+ --ring: #e53935;
636
+ --chart-1: #e53935;
637
+ --chart-2: #689f38;
638
+ --chart-3: #64b5f6;
639
+ --chart-4: #ffa000;
640
+ --chart-5: #a1887f;
641
+ --sidebar: #141414;
642
+ --sidebar-foreground: #e0e0e0;
643
+ --sidebar-primary: #e53935;
644
+ --sidebar-primary-foreground: #ffffff;
645
+ --sidebar-accent: #64b5f6;
646
+ --sidebar-accent-foreground: #000000;
647
+ --sidebar-border: #4a4a4a;
648
+ --sidebar-ring: #e53935;
649
+ --font-sans: "Oxanium", sans-serif;
650
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
651
+ --font-mono: "Source Code Pro", monospace;
652
+ --radius: 0px;
653
+ --shadow-color: hsl(0 0% 0%);
654
+ --shadow-opacity: 0.6;
655
+ --shadow-blur: 5px;
656
+ --shadow-spread: 0px;
657
+ --shadow-offset-x: 0px;
658
+ --shadow-offset-y: 2px;
659
+ --letter-spacing: 0em;
660
+ --spacing: 0.25rem;
661
+ }
662
+
663
+ .theme-catppuccin.light {
664
+ --background: #eff1f5;
665
+ --foreground: #4c4f69;
666
+ --card: #ffffff;
667
+ --card-foreground: #4c4f69;
668
+ --popover: #ccd0da;
669
+ --popover-foreground: #4c4f69;
670
+ --primary: #8839ef;
671
+ --primary-foreground: #ffffff;
672
+ --secondary: #ccd0da;
673
+ --secondary-foreground: #4c4f69;
674
+ --muted: #dce0e8;
675
+ --muted-foreground: #6c6f85;
676
+ --accent: #04a5e5;
677
+ --accent-foreground: #ffffff;
678
+ --destructive: #d20f39;
679
+ --destructive-foreground: #ffffff;
680
+ --border: #bcc0cc;
681
+ --input: #ccd0da;
682
+ --ring: #8839ef;
683
+ --chart-1: #8839ef;
684
+ --chart-2: #04a5e5;
685
+ --chart-3: #40a02b;
686
+ --chart-4: #fe640b;
687
+ --chart-5: #dc8a78;
688
+ --sidebar: #e6e9ef;
689
+ --sidebar-foreground: #4c4f69;
690
+ --sidebar-primary: #8839ef;
691
+ --sidebar-primary-foreground: #ffffff;
692
+ --sidebar-accent: #04a5e5;
693
+ --sidebar-accent-foreground: #ffffff;
694
+ --sidebar-border: #bcc0cc;
695
+ --sidebar-ring: #8839ef;
696
+ --font-sans: Montserrat, sans-serif;
697
+ --font-serif: Georgia, serif;
698
+ --font-mono: Fira Code, monospace;
699
+ --radius: 0.35rem;
700
+ --shadow-color: hsl(240 30% 25%);
701
+ --shadow-opacity: 0.12;
702
+ --shadow-blur: 6px;
703
+ --shadow-spread: 0px;
704
+ --shadow-offset-x: 0px;
705
+ --shadow-offset-y: 4px;
706
+ }
707
+
708
+ .theme-catppuccin.dark {
709
+ --background: #181825;
710
+ --foreground: #cdd6f4;
711
+ --card: #1e1e2e;
712
+ --card-foreground: #cdd6f4;
713
+ --popover: #45475a;
714
+ --popover-foreground: #cdd6f4;
715
+ --primary: #cba6f7;
716
+ --primary-foreground: #1e1e2e;
717
+ --secondary: #585b70;
718
+ --secondary-foreground: #cdd6f4;
719
+ --muted: #292c3c;
720
+ --muted-foreground: #a6adc8;
721
+ --accent: #89dceb;
722
+ --accent-foreground: #1e1e2e;
723
+ --destructive: #f38ba8;
724
+ --destructive-foreground: #1e1e2e;
725
+ --border: #313244;
726
+ --input: #313244;
727
+ --ring: #cba6f7;
728
+ --chart-1: #cba6f7;
729
+ --chart-2: #89dceb;
730
+ --chart-3: #a6e3a1;
731
+ --chart-4: #fab387;
732
+ --chart-5: #f5e0dc;
733
+ --sidebar: #11111b;
734
+ --sidebar-foreground: #cdd6f4;
735
+ --sidebar-primary: #cba6f7;
736
+ --sidebar-primary-foreground: #1e1e2e;
737
+ --sidebar-accent: #89dceb;
738
+ --sidebar-accent-foreground: #1e1e2e;
739
+ --sidebar-border: #45475a;
740
+ --sidebar-ring: #cba6f7;
741
+ }
742
+
743
+ .theme-graphite.light {
744
+ --background: #f0f0f0;
745
+ --foreground: #333333;
746
+ --card: #f5f5f5;
747
+ --card-foreground: #333333;
748
+ --popover: #f5f5f5;
749
+ --popover-foreground: #333333;
750
+ --primary: #606060;
751
+ --primary-foreground: #ffffff;
752
+ --secondary: #e0e0e0;
753
+ --secondary-foreground: #333333;
754
+ --muted: #d9d9d9;
755
+ --muted-foreground: #666666;
756
+ --accent: #c0c0c0;
757
+ --accent-foreground: #333333;
758
+ --destructive: #cc3333;
759
+ --destructive-foreground: #ffffff;
760
+ --border: #d0d0d0;
761
+ --input: #e0e0e0;
762
+ --ring: #606060;
763
+ --chart-1: #606060;
764
+ --chart-2: #476666;
765
+ --chart-3: #909090;
766
+ --chart-4: #a8a8a8;
767
+ --chart-5: #c0c0c0;
768
+ --sidebar: #eaeaea;
769
+ --sidebar-foreground: #333333;
770
+ --sidebar-primary: #606060;
771
+ --sidebar-primary-foreground: #ffffff;
772
+ --sidebar-accent: #c0c0c0;
773
+ --sidebar-accent-foreground: #333333;
774
+ --sidebar-border: #d0d0d0;
775
+ --sidebar-ring: #606060;
776
+ --font-sans: Montserrat, sans-serif;
777
+ --font-serif: Georgia, serif;
778
+ --font-mono: Fira Code, monospace;
779
+ --radius: 0.35rem;
780
+ --shadow-color: hsl(0 0% 20% / 0.1);
781
+ --shadow-opacity: 0.15;
782
+ --shadow-blur: 0px;
783
+ --shadow-spread: 0px;
784
+ --shadow-offset-x: 0px;
785
+ --shadow-offset-y: 2px;
786
+ }
787
+
788
+ .theme-graphite.dark {
789
+ --background: #1a1a1a;
790
+ --foreground: #d9d9d9;
791
+ --card: #202020;
792
+ --card-foreground: #d9d9d9;
793
+ --popover: #202020;
794
+ --popover-foreground: #d9d9d9;
795
+ --primary: #a0a0a0;
796
+ --primary-foreground: #1a1a1a;
797
+ --secondary: #303030;
798
+ --secondary-foreground: #d9d9d9;
799
+ --muted: #2a2a2a;
800
+ --muted-foreground: #808080;
801
+ --accent: #404040;
802
+ --accent-foreground: #d9d9d9;
803
+ --destructive: #e06666;
804
+ --destructive-foreground: #ffffff;
805
+ --border: #353535;
806
+ --input: #303030;
807
+ --ring: #a0a0a0;
808
+ --chart-1: #a0a0a0;
809
+ --chart-2: #7e9ca0;
810
+ --chart-3: #707070;
811
+ --chart-4: #585858;
812
+ --chart-5: #404040;
813
+ --sidebar: #1f1f1f;
814
+ --sidebar-foreground: #d9d9d9;
815
+ --sidebar-primary: #a0a0a0;
816
+ --sidebar-primary-foreground: #1a1a1a;
817
+ --sidebar-accent: #404040;
818
+ --sidebar-accent-foreground: #d9d9d9;
819
+ --sidebar-border: #353535;
820
+ --sidebar-ring: #a0a0a0;
821
+ --font-sans: Inter, sans-serif;
822
+ --font-serif: Georgia, serif;
823
+ --font-mono: Fira Code, monospace;
824
+ }
825
+
826
+ .theme-perpetuity.light {
827
+ --background: #e8f0f0;
828
+ --foreground: #0a4a55;
829
+ --card: #f2f7f7;
830
+ --card-foreground: #0a4a55;
831
+ --popover: #f2f7f7;
832
+ --popover-foreground: #0a4a55;
833
+ --primary: #06858e;
834
+ --primary-foreground: #ffffff;
835
+ --secondary: #d9eaea;
836
+ --secondary-foreground: #0a4a55;
837
+ --muted: #e0eaea;
838
+ --muted-foreground: #427a7e;
839
+ --accent: #c9e5e7;
840
+ --accent-foreground: #0a4a55;
841
+ --destructive: #d13838;
842
+ --destructive-foreground: #ffffff;
843
+ --border: #cde0e2;
844
+ --input: #d9eaea;
845
+ --ring: #06858e;
846
+ --chart-1: #06858e;
847
+ --chart-2: #1e9ea6;
848
+ --chart-3: #37b6be;
849
+ --chart-4: #5dc7ce;
850
+ --chart-5: #8ad8dd;
851
+ --sidebar: #daebed;
852
+ --sidebar-foreground: #0a4a55;
853
+ --sidebar-primary: #06858e;
854
+ --sidebar-primary-foreground: #ffffff;
855
+ --sidebar-accent: #c9e5e7;
856
+ --sidebar-accent-foreground: #0a4a55;
857
+ --sidebar-border: #cde0e2;
858
+ --sidebar-ring: #06858e;
859
+ --font-sans: Courier New, monospace;
860
+ --font-serif: Courier New, monospace;
861
+ --font-mono: Courier New, monospace;
862
+ --radius: 0.125rem;
863
+ --shadow-color: hsl(185 70% 30% / 0.15);
864
+ --shadow-opacity: 0.15;
865
+ --shadow-blur: 2px;
866
+ --shadow-spread: 0px;
867
+ --shadow-offset-x: 1px;
868
+ --shadow-offset-y: 1px;
869
+ }
870
+
871
+ .theme-perpetuity.dark {
872
+ --background: #0a1a20;
873
+ --foreground: #4de8e8;
874
+ --card: #0c2025;
875
+ --card-foreground: #4de8e8;
876
+ --popover: #0c2025;
877
+ --popover-foreground: #4de8e8;
878
+ --primary: #4de8e8;
879
+ --primary-foreground: #0a1a20;
880
+ --secondary: #164955;
881
+ --secondary-foreground: #4de8e8;
882
+ --muted: #0f3039;
883
+ --muted-foreground: #36a5a5;
884
+ --accent: #164955;
885
+ --accent-foreground: #4de8e8;
886
+ --destructive: #e83c3c;
887
+ --destructive-foreground: #f2f2f2;
888
+ --border: #164955;
889
+ --input: #164955;
890
+ --ring: #4de8e8;
891
+ --chart-1: #4de8e8;
892
+ --chart-2: #36a5a5;
893
+ --chart-3: #2d8a8a;
894
+ --chart-4: #19595e;
895
+ --chart-5: #0e383c;
896
+ --sidebar: #0a1a20;
897
+ --sidebar-foreground: #4de8e8;
898
+ --sidebar-primary: #4de8e8;
899
+ --sidebar-primary-foreground: #0a1a20;
900
+ --sidebar-accent: #164955;
901
+ --sidebar-accent-foreground: #4de8e8;
902
+ --sidebar-border: #164955;
903
+ --sidebar-ring: #4de8e8;
904
+ --font-sans: Source Code Pro, monospace;
905
+ --font-serif: Source Code Pro, monospace;
906
+ --font-mono: Source Code Pro, monospace;
907
+ --radius: 0.125rem;
908
+ --shadow-color: hsl(180 70% 60% / 0.2);
909
+ --shadow-opacity: 0.2;
910
+ --shadow-blur: 2px;
911
+ --shadow-spread: 0px;
912
+ --shadow-offset-x: 1px;
913
+ --shadow-offset-y: 1px;
914
+ }
915
+
916
+ .theme-kodama-grove.light {
917
+ --background: #e4d7b0;
918
+ --foreground: #5c4b3e;
919
+ --card: #e7dbbf;
920
+ --card-foreground: #5c4b3e;
921
+ --popover: #f3ead2;
922
+ --popover-foreground: #5c4b3e;
923
+ --primary: #8d9d4f;
924
+ --primary-foreground: #fdfbf6;
925
+ --secondary: #decea0;
926
+ --secondary-foreground: #5c4b3e;
927
+ --muted: #decea0;
928
+ --muted-foreground: #85766a;
929
+ --accent: #dbc894;
930
+ --accent-foreground: #5c4b3e;
931
+ --destructive: #d98b7e;
932
+ --destructive-foreground: #faf8f2;
933
+ --border: #b19681;
934
+ --input: #dbc894;
935
+ --ring: #9db18c;
936
+ --chart-1: #9db18c;
937
+ --chart-2: #8a9f7b;
938
+ --chart-3: #bac9b4;
939
+ --chart-4: #71856a;
940
+ --chart-5: #5e6e58;
941
+ --sidebar: #e2d1a2;
942
+ --sidebar-foreground: #5c4b3e;
943
+ --sidebar-primary: #9db18c;
944
+ --sidebar-primary-foreground: #fdfbf6;
945
+ --sidebar-accent: #eae5d9;
946
+ --sidebar-accent-foreground: #5c4b3e;
947
+ --sidebar-border: #e5e0d4;
948
+ --sidebar-ring: #9db18c;
949
+ --font-sans: Merriweather, serif;
950
+ --font-serif: Source Serif 4, serif;
951
+ --font-mono: JetBrains Mono, monospace;
952
+ --radius: 0.425rem;
953
+ --shadow-color: hsl(88 22% 35% / 0.15);
954
+ --shadow-opacity: 0.15;
955
+ --shadow-blur: 2px;
956
+ --shadow-spread: 0px;
957
+ --shadow-offset-x: 3px;
958
+ --shadow-offset-y: 3px;
959
+ }
960
+
961
+ .theme-kodama-grove.dark {
962
+ --background: #3a3529;
963
+ --foreground: #ede4d4;
964
+ --card: #413c33;
965
+ --card-foreground: #ede4d4;
966
+ --popover: #413c33;
967
+ --popover-foreground: #ede4d4;
968
+ --primary: #8a9f7b;
969
+ --primary-foreground: #2a2521;
970
+ --secondary: #5a5345;
971
+ --secondary-foreground: #ede4d4;
972
+ --muted: #4a4439;
973
+ --muted-foreground: #a8a096;
974
+ --accent: #a18f5c;
975
+ --accent-foreground: #2a2521;
976
+ --destructive: #b5766a;
977
+ --destructive-foreground: #f0e9db;
978
+ --border: #5a5345;
979
+ --input: #5a5345;
980
+ --ring: #8a9f7b;
981
+ --chart-1: #8a9f7b;
982
+ --chart-2: #9db18c;
983
+ --chart-3: #71856a;
984
+ --chart-4: #a18f5c;
985
+ --chart-5: #5e6e58;
986
+ --sidebar: #3a3529;
987
+ --sidebar-foreground: #ede4d4;
988
+ --sidebar-primary: #8a9f7b;
989
+ --sidebar-primary-foreground: #2a2521;
990
+ --sidebar-accent: #a18f5c;
991
+ --sidebar-accent-foreground: #2a2521;
992
+ --sidebar-border: #5a5345;
993
+ --sidebar-ring: #8a9f7b;
994
+ }
995
+
996
+ .theme-cosmic-night.light {
997
+ --background: #f5f5ff;
998
+ --foreground: #2a2a4a;
999
+ --card: #ffffff;
1000
+ --card-foreground: #2a2a4a;
1001
+ --popover: #ffffff;
1002
+ --popover-foreground: #2a2a4a;
1003
+ --primary: #6e56cf;
1004
+ --primary-foreground: #ffffff;
1005
+ --secondary: #e4dfff;
1006
+ --secondary-foreground: #4a4080;
1007
+ --muted: #f0f0fa;
1008
+ --muted-foreground: #6c6c8a;
1009
+ --accent: #d8e6ff;
1010
+ --accent-foreground: #2a2a4a;
1011
+ --destructive: #ff5470;
1012
+ --destructive-foreground: #ffffff;
1013
+ --border: #e0e0f0;
1014
+ --input: #e0e0f0;
1015
+ --ring: #6e56cf;
1016
+ --chart-1: #6e56cf;
1017
+ --chart-2: #9e8cfc;
1018
+ --chart-3: #5d5fef;
1019
+ --chart-4: #7c75fa;
1020
+ --chart-5: #4740b3;
1021
+ --radius: 0.5rem;
1022
+ --sidebar: #f0f0fa;
1023
+ --sidebar-foreground: #2a2a4a;
1024
+ --sidebar-primary: #6e56cf;
1025
+ --sidebar-primary-foreground: #ffffff;
1026
+ --sidebar-accent: #d8e6ff;
1027
+ --sidebar-accent-foreground: #2a2a4a;
1028
+ --sidebar-border: #e0e0f0;
1029
+ --sidebar-ring: #6e56cf;
1030
+ --font-sans: Inter, sans-serif;
1031
+ --font-serif: Georgia, serif;
1032
+ --font-mono: JetBrains Mono, monospace;
1033
+ --shadow-color: hsl(240 30% 25%);
1034
+ --shadow-opacity: 0.12;
1035
+ --shadow-blur: 10px;
1036
+ --shadow-spread: 0px;
1037
+ --shadow-offset-x: 0px;
1038
+ --shadow-offset-y: 4px;
1039
+ }
1040
+
1041
+ .theme-cosmic-night.dark {
1042
+ --background: #0f0f1a;
1043
+ --foreground: #e2e2f5;
1044
+ --card: #1a1a2e;
1045
+ --card-foreground: #e2e2f5;
1046
+ --popover: #1a1a2e;
1047
+ --popover-foreground: #e2e2f5;
1048
+ --primary: #a48fff;
1049
+ --primary-foreground: #0f0f1a;
1050
+ --secondary: #2d2b55;
1051
+ --secondary-foreground: #c4c2ff;
1052
+ --muted: #222244;
1053
+ --muted-foreground: #a0a0c0;
1054
+ --accent: #303060;
1055
+ --accent-foreground: #e2e2f5;
1056
+ --destructive: #ff5470;
1057
+ --destructive-foreground: #ffffff;
1058
+ --border: #303052;
1059
+ --input: #303052;
1060
+ --ring: #a48fff;
1061
+ --chart-1: #a48fff;
1062
+ --chart-2: #7986cb;
1063
+ --chart-3: #64b5f6;
1064
+ --chart-4: #4db6ac;
1065
+ --chart-5: #ff79c6;
1066
+ --radius: 0.5rem;
1067
+ --sidebar: #1a1a2e;
1068
+ --sidebar-foreground: #e2e2f5;
1069
+ --sidebar-primary: #a48fff;
1070
+ --sidebar-primary-foreground: #0f0f1a;
1071
+ --sidebar-accent: #303060;
1072
+ --sidebar-accent-foreground: #e2e2f5;
1073
+ --sidebar-border: #303052;
1074
+ --sidebar-ring: #a48fff;
1075
+ }
1076
+
1077
+ .theme-tangerine.light {
1078
+ --background: #e8ebed;
1079
+ --foreground: #333333;
1080
+ --card: #ffffff;
1081
+ --card-foreground: #333333;
1082
+ --popover: #ffffff;
1083
+ --popover-foreground: #333333;
1084
+ --primary: #e05d38;
1085
+ --primary-foreground: #ffffff;
1086
+ --secondary: #f3f4f6;
1087
+ --secondary-foreground: #4b5563;
1088
+ --muted: #f9fafb;
1089
+ --muted-foreground: #6b7280;
1090
+ --accent: #d6e4f0;
1091
+ --accent-foreground: #1e3a8a;
1092
+ --destructive: #ef4444;
1093
+ --destructive-foreground: #ffffff;
1094
+ --border: #dcdfe2;
1095
+ --input: #f4f5f7;
1096
+ --ring: #e05d38;
1097
+ --chart-1: #86a7c8;
1098
+ --chart-2: #eea591;
1099
+ --chart-3: #5a7ca6;
1100
+ --chart-4: #466494;
1101
+ --chart-5: #334c82;
1102
+ --sidebar: #dddfe2;
1103
+ --sidebar-foreground: #333333;
1104
+ --sidebar-primary: #e05d38;
1105
+ --sidebar-primary-foreground: #ffffff;
1106
+ --sidebar-accent: #d6e4f0;
1107
+ --sidebar-accent-foreground: #1e3a8a;
1108
+ --sidebar-border: #e5e7eb;
1109
+ --sidebar-ring: #e05d38;
1110
+ --font-sans: Inter, sans-serif;
1111
+ --font-serif: Source Serif 4, serif;
1112
+ --font-mono: JetBrains Mono, monospace;
1113
+ --radius: 0.75rem;
1114
+ --shadow-color: hsl(0 0% 0%);
1115
+ --shadow-opacity: 0.1;
1116
+ --shadow-blur: 3px;
1117
+ --shadow-spread: 0px;
1118
+ --shadow-offset-x: 0px;
1119
+ --shadow-offset-y: 1px;
1120
+ }
1121
+
1122
+ .theme-tangerine.dark {
1123
+ --background: #1c2433;
1124
+ --foreground: #e5e5e5;
1125
+ --card: #2a3040;
1126
+ --card-foreground: #e5e5e5;
1127
+ --popover: #262b38;
1128
+ --popover-foreground: #e5e5e5;
1129
+ --primary: #e05d38;
1130
+ --primary-foreground: #ffffff;
1131
+ --secondary: #2a303e;
1132
+ --secondary-foreground: #e5e5e5;
1133
+ --muted: #2a303e;
1134
+ --muted-foreground: #a3a3a3;
1135
+ --accent: #2a3656;
1136
+ --accent-foreground: #bfdbfe;
1137
+ --destructive: #ef4444;
1138
+ --destructive-foreground: #ffffff;
1139
+ --border: #3d4354;
1140
+ --input: #3d4354;
1141
+ --ring: #e05d38;
1142
+ --chart-1: #86a7c8;
1143
+ --chart-2: #e6a08f;
1144
+ --chart-3: #5a7ca6;
1145
+ --chart-4: #466494;
1146
+ --chart-5: #334c82;
1147
+ --sidebar: #2a303f;
1148
+ --sidebar-foreground: #e5e5e5;
1149
+ --sidebar-primary: #e05d38;
1150
+ --sidebar-primary-foreground: #ffffff;
1151
+ --sidebar-accent: #2a3656;
1152
+ --sidebar-accent-foreground: #bfdbfe;
1153
+ --sidebar-border: #3d4354;
1154
+ --sidebar-ring: #e05d38;
1155
+ }
1156
+
1157
+ .theme-quantum-rose.light {
1158
+ --background: #fff0f8;
1159
+ --foreground: #91185c;
1160
+ --card: #fff7fc;
1161
+ --card-foreground: #91185c;
1162
+ --popover: #fff7fc;
1163
+ --popover-foreground: #91185c;
1164
+ --primary: #e6067a;
1165
+ --primary-foreground: #ffffff;
1166
+ --secondary: #ffd6ff;
1167
+ --secondary-foreground: #91185c;
1168
+ --muted: #ffe3f2;
1169
+ --muted-foreground: #c04283;
1170
+ --accent: #ffc1e3;
1171
+ --accent-foreground: #91185c;
1172
+ --destructive: #d13869;
1173
+ --destructive-foreground: #ffffff;
1174
+ --border: #ffc7e6;
1175
+ --input: #ffd6ff;
1176
+ --ring: #e6067a;
1177
+ --chart-1: #e6067a;
1178
+ --chart-2: #c44b97;
1179
+ --chart-3: #9969b6;
1180
+ --chart-4: #7371bf;
1181
+ --chart-5: #5e84ff;
1182
+ --sidebar: #ffedf6;
1183
+ --sidebar-foreground: #91185c;
1184
+ --sidebar-primary: #e6067a;
1185
+ --sidebar-primary-foreground: #ffffff;
1186
+ --sidebar-accent: #ffc1e3;
1187
+ --sidebar-accent-foreground: #91185c;
1188
+ --sidebar-border: #ffddf0;
1189
+ --sidebar-ring: #e6067a;
1190
+ --font-sans: Poppins, sans-serif;
1191
+ --font-serif: Playfair Display, serif;
1192
+ --font-mono: Space Mono, monospace;
1193
+ --radius: 0.5rem;
1194
+ --shadow-color: hsl(330 70% 30% / 0.12);
1195
+ --shadow-opacity: 0.18;
1196
+ --shadow-blur: 0px;
1197
+ --shadow-spread: 0px;
1198
+ --shadow-offset-x: 0px;
1199
+ --shadow-offset-y: 3px;
1200
+ }
1201
+
1202
+ .theme-quantum-rose.dark {
1203
+ --background: #1a0922;
1204
+ --foreground: #ffb3ff;
1205
+ --card: #2a1435;
1206
+ --card-foreground: #ffb3ff;
1207
+ --popover: #2a1435;
1208
+ --popover-foreground: #ffb3ff;
1209
+ --primary: #ff6bef;
1210
+ --primary-foreground: #180518;
1211
+ --secondary: #46204f;
1212
+ --secondary-foreground: #ffb3ff;
1213
+ --muted: #331941;
1214
+ --muted-foreground: #d67ad6;
1215
+ --accent: #5a1f5d;
1216
+ --accent-foreground: #ffb3ff;
1217
+ --destructive: #ff2876;
1218
+ --destructive-foreground: #f9f9f9;
1219
+ --border: #4a1b5f;
1220
+ --input: #46204f;
1221
+ --ring: #ff6bef;
1222
+ --chart-1: #ff6bef;
1223
+ --chart-2: #c359e3;
1224
+ --chart-3: #9161ff;
1225
+ --chart-4: #6f73e2;
1226
+ --chart-5: #547aff;
1227
+ --sidebar: #1c0d25;
1228
+ --sidebar-foreground: #ffb3ff;
1229
+ --sidebar-primary: #ff6bef;
1230
+ --sidebar-primary-foreground: #180518;
1231
+ --sidebar-accent: #5a1f5d;
1232
+ --sidebar-accent-foreground: #ffb3ff;
1233
+ --sidebar-border: #4a1b5f;
1234
+ --sidebar-ring: #ff6bef;
1235
+ --font-sans: Quicksand, sans-serif;
1236
+ --font-serif: Playfair Display, serif;
1237
+ --font-mono: Space Mono, monospace;
1238
+ --shadow-color: hsl(300 80% 50% / 0.25);
1239
+ }
1240
+
1241
+ .theme-nature.light {
1242
+ --background: #f8f5f0;
1243
+ --foreground: #3e2723;
1244
+ --card: #f8f5f0;
1245
+ --card-foreground: #3e2723;
1246
+ --popover: #f8f5f0;
1247
+ --popover-foreground: #3e2723;
1248
+ --primary: #2e7d32;
1249
+ --primary-foreground: #ffffff;
1250
+ --secondary: #e8f5e9;
1251
+ --secondary-foreground: #1b5e20;
1252
+ --muted: #f0e9e0;
1253
+ --muted-foreground: #6d4c41;
1254
+ --accent: #c8e6c9;
1255
+ --accent-foreground: #1b5e20;
1256
+ --destructive: #c62828;
1257
+ --destructive-foreground: #ffffff;
1258
+ --border: #e0d6c9;
1259
+ --input: #e0d6c9;
1260
+ --ring: #2e7d32;
1261
+ --chart-1: #4caf50;
1262
+ --chart-2: #388e3c;
1263
+ --chart-3: #2e7d32;
1264
+ --chart-4: #1b5e20;
1265
+ --chart-5: #0a1f0c;
1266
+ --radius: 0.5rem;
1267
+ --sidebar: #f0e9e0;
1268
+ --sidebar-foreground: #3e2723;
1269
+ --sidebar-primary: #2e7d32;
1270
+ --sidebar-primary-foreground: #ffffff;
1271
+ --sidebar-accent: #c8e6c9;
1272
+ --sidebar-accent-foreground: #1b5e20;
1273
+ --sidebar-border: #e0d6c9;
1274
+ --sidebar-ring: #2e7d32;
1275
+ --font-sans: Montserrat, sans-serif;
1276
+ --font-serif: Merriweather, serif;
1277
+ --font-mono: Source Code Pro, monospace;
1278
+ }
1279
+
1280
+ .theme-nature.dark {
1281
+ --background: #1c2a1f;
1282
+ --foreground: #f0ebe5;
1283
+ --card: #2d3a2e;
1284
+ --card-foreground: #f0ebe5;
1285
+ --popover: #2d3a2e;
1286
+ --popover-foreground: #f0ebe5;
1287
+ --primary: #4caf50;
1288
+ --primary-foreground: #0a1f0c;
1289
+ --secondary: #3e4a3d;
1290
+ --secondary-foreground: #d7e0d6;
1291
+ --muted: #2d3a2e;
1292
+ --muted-foreground: #d7cfc4;
1293
+ --accent: #388e3c;
1294
+ --accent-foreground: #f0ebe5;
1295
+ --destructive: #c62828;
1296
+ --destructive-foreground: #f0ebe5;
1297
+ --border: #3e4a3d;
1298
+ --input: #3e4a3d;
1299
+ --ring: #4caf50;
1300
+ --chart-1: #81c784;
1301
+ --chart-2: #66bb6a;
1302
+ --chart-3: #4caf50;
1303
+ --chart-4: #43a047;
1304
+ --chart-5: #388e3c;
1305
+ --radius: 0.5rem;
1306
+ --sidebar: #1c2a1f;
1307
+ --sidebar-foreground: #f0ebe5;
1308
+ --sidebar-primary: #4caf50;
1309
+ --sidebar-primary-foreground: #0a1f0c;
1310
+ --sidebar-accent: #388e3c;
1311
+ --sidebar-accent-foreground: #f0ebe5;
1312
+ --sidebar-border: #3e4a3d;
1313
+ --sidebar-ring: #4caf50;
1314
+ }
1315
+
1316
+ .theme-bold-tech.light {
1317
+ --background: #ffffff;
1318
+ --foreground: #312e81;
1319
+ --card: #ffffff;
1320
+ --card-foreground: #312e81;
1321
+ --popover: #ffffff;
1322
+ --popover-foreground: #312e81;
1323
+ --primary: #8b5cf6;
1324
+ --primary-foreground: #ffffff;
1325
+ --secondary: #f3f0ff;
1326
+ --secondary-foreground: #4338ca;
1327
+ --muted: #f5f3ff;
1328
+ --muted-foreground: #7c3aed;
1329
+ --accent: #dbeafe;
1330
+ --accent-foreground: #1e40af;
1331
+ --destructive: #ef4444;
1332
+ --destructive-foreground: #ffffff;
1333
+ --border: #e0e7ff;
1334
+ --input: #e0e7ff;
1335
+ --ring: #8b5cf6;
1336
+ --chart-1: #8b5cf6;
1337
+ --chart-2: #7c3aed;
1338
+ --chart-3: #6d28d9;
1339
+ --chart-4: #5b21b6;
1340
+ --chart-5: #4c1d95;
1341
+ --radius: 0.625rem;
1342
+ --sidebar: #f5f3ff;
1343
+ --sidebar-foreground: #312e81;
1344
+ --sidebar-primary: #8b5cf6;
1345
+ --sidebar-primary-foreground: #ffffff;
1346
+ --sidebar-accent: #dbeafe;
1347
+ --sidebar-accent-foreground: #1e40af;
1348
+ --sidebar-border: #e0e7ff;
1349
+ --sidebar-ring: #8b5cf6;
1350
+ --font-sans: Roboto, sans-serif;
1351
+ --font-serif: Playfair Display, serif;
1352
+ --font-mono: Fira Code, monospace;
1353
+ --shadow-color: hsl(255 86% 66%);
1354
+ --shadow-opacity: 0.2;
1355
+ --shadow-blur: 4px;
1356
+ --shadow-spread: 0px;
1357
+ --shadow-offset-x: 2px;
1358
+ --shadow-offset-y: 2px;
1359
+ }
1360
+
1361
+ .theme-bold-tech.dark {
1362
+ --background: #0f172a;
1363
+ --foreground: #e0e7ff;
1364
+ --card: #1e1b4b;
1365
+ --card-foreground: #e0e7ff;
1366
+ --popover: #1e1b4b;
1367
+ --popover-foreground: #e0e7ff;
1368
+ --primary: #8b5cf6;
1369
+ --primary-foreground: #ffffff;
1370
+ --secondary: #1e1b4b;
1371
+ --secondary-foreground: #e0e7ff;
1372
+ --muted: #1e1b4b;
1373
+ --muted-foreground: #c4b5fd;
1374
+ --accent: #4338ca;
1375
+ --accent-foreground: #e0e7ff;
1376
+ --destructive: #ef4444;
1377
+ --destructive-foreground: #ffffff;
1378
+ --border: #2e1065;
1379
+ --input: #2e1065;
1380
+ --ring: #8b5cf6;
1381
+ --chart-1: #a78bfa;
1382
+ --chart-2: #8b5cf6;
1383
+ --chart-3: #7c3aed;
1384
+ --chart-4: #6d28d9;
1385
+ --chart-5: #5b21b6;
1386
+ --radius: 0.625rem;
1387
+ --sidebar: #0f172a;
1388
+ --sidebar-foreground: #e0e7ff;
1389
+ --sidebar-primary: #8b5cf6;
1390
+ --sidebar-primary-foreground: #ffffff;
1391
+ --sidebar-accent: #4338ca;
1392
+ --sidebar-accent-foreground: #e0e7ff;
1393
+ --sidebar-border: #2e1065;
1394
+ --sidebar-ring: #8b5cf6;
1395
+ }
1396
+
1397
+ .theme-elegant-luxury.light {
1398
+ --background: #faf7f5;
1399
+ --foreground: #1a1a1a;
1400
+ --card: #faf7f5;
1401
+ --card-foreground: #1a1a1a;
1402
+ --popover: #faf7f5;
1403
+ --popover-foreground: #1a1a1a;
1404
+ --primary: #9b2c2c;
1405
+ --primary-foreground: #ffffff;
1406
+ --secondary: #fdf2d6;
1407
+ --secondary-foreground: #805500;
1408
+ --muted: #f0ebe8;
1409
+ --muted-foreground: #57534e;
1410
+ --accent: #fef3c7;
1411
+ --accent-foreground: #7f1d1d;
1412
+ --destructive: #991b1b;
1413
+ --destructive-foreground: #ffffff;
1414
+ --border: #f5e8d2;
1415
+ --input: #f5e8d2;
1416
+ --ring: #9b2c2c;
1417
+ --chart-1: #b91c1c;
1418
+ --chart-2: #9b2c2c;
1419
+ --chart-3: #7f1d1d;
1420
+ --chart-4: #b45309;
1421
+ --chart-5: #92400e;
1422
+ --radius: 0.375rem;
1423
+ --sidebar: #f0ebe8;
1424
+ --sidebar-foreground: #1a1a1a;
1425
+ --sidebar-primary: #9b2c2c;
1426
+ --sidebar-primary-foreground: #ffffff;
1427
+ --sidebar-accent: #fef3c7;
1428
+ --sidebar-accent-foreground: #7f1d1d;
1429
+ --sidebar-border: #f5e8d2;
1430
+ --sidebar-ring: #9b2c2c;
1431
+ --font-sans: Poppins, sans-serif;
1432
+ --font-serif: Libre Baskerville, serif;
1433
+ --font-mono: IBM Plex Mono, monospace;
1434
+ --shadow-color: hsl(0 63% 18%);
1435
+ --shadow-opacity: 0.12;
1436
+ --shadow-blur: 16px;
1437
+ --shadow-spread: -2px;
1438
+ --shadow-offset-x: 1px;
1439
+ --shadow-offset-y: 1px;
1440
+ }
1441
+
1442
+ .theme-elegant-luxury.dark {
1443
+ --background: #1c1917;
1444
+ --foreground: #f5f5f4;
1445
+ --card: #292524;
1446
+ --card-foreground: #f5f5f4;
1447
+ --popover: #292524;
1448
+ --popover-foreground: #f5f5f4;
1449
+ --primary: #b91c1c;
1450
+ --primary-foreground: #faf7f5;
1451
+ --secondary: #92400e;
1452
+ --secondary-foreground: #fef3c7;
1453
+ --muted: #292524;
1454
+ --muted-foreground: #d6d3d1;
1455
+ --accent: #b45309;
1456
+ --accent-foreground: #fef3c7;
1457
+ --destructive: #ef4444;
1458
+ --destructive-foreground: #ffffff;
1459
+ --border: #44403c;
1460
+ --input: #44403c;
1461
+ --ring: #b91c1c;
1462
+ --chart-1: #f87171;
1463
+ --chart-2: #ef4444;
1464
+ --chart-3: #dc2626;
1465
+ --chart-4: #fbbf24;
1466
+ --chart-5: #f59e0b;
1467
+ --radius: 0.375rem;
1468
+ --sidebar: #1c1917;
1469
+ --sidebar-foreground: #f5f5f4;
1470
+ --sidebar-primary: #b91c1c;
1471
+ --sidebar-primary-foreground: #faf7f5;
1472
+ --sidebar-accent: #b45309;
1473
+ --sidebar-accent-foreground: #fef3c7;
1474
+ --sidebar-border: #44403c;
1475
+ --sidebar-ring: #b91c1c;
1476
+ }
1477
+
1478
+ .theme-amber-minimal.light {
1479
+ --background: #ffffff;
1480
+ --foreground: #262626;
1481
+ --card: #ffffff;
1482
+ --card-foreground: #262626;
1483
+ --popover: #ffffff;
1484
+ --popover-foreground: #262626;
1485
+ --primary: #f59e0b;
1486
+ --primary-foreground: #000000;
1487
+ --secondary: #f3f4f6;
1488
+ --secondary-foreground: #4b5563;
1489
+ --muted: #f9fafb;
1490
+ --muted-foreground: #6b7280;
1491
+ --accent: #fffbeb;
1492
+ --accent-foreground: #92400e;
1493
+ --destructive: #ef4444;
1494
+ --destructive-foreground: #ffffff;
1495
+ --border: #e5e7eb;
1496
+ --input: #e5e7eb;
1497
+ --ring: #f59e0b;
1498
+ --chart-1: #f59e0b;
1499
+ --chart-2: #d97706;
1500
+ --chart-3: #b45309;
1501
+ --chart-4: #92400e;
1502
+ --chart-5: #78350f;
1503
+ --sidebar: #f9fafb;
1504
+ --sidebar-foreground: #262626;
1505
+ --sidebar-primary: #f59e0b;
1506
+ --sidebar-primary-foreground: #ffffff;
1507
+ --sidebar-accent: #fffbeb;
1508
+ --sidebar-accent-foreground: #92400e;
1509
+ --sidebar-border: #e5e7eb;
1510
+ --sidebar-ring: #f59e0b;
1511
+ --font-sans: Inter, sans-serif;
1512
+ --font-serif: Source Serif 4, serif;
1513
+ --font-mono: JetBrains Mono, monospace;
1514
+ --radius: 0.375rem;
1515
+ --shadow-color: hsl(0 0% 0%);
1516
+ --shadow-opacity: 0.1;
1517
+ --shadow-blur: 8px;
1518
+ --shadow-spread: -1px;
1519
+ --shadow-offset-x: 0px;
1520
+ --shadow-offset-y: 4px;
1521
+ --letter-spacing: 0em;
1522
+ --spacing: 0.25rem;
1523
+ }
1524
+
1525
+ .theme-amber-minimal.dark {
1526
+ --background: #171717;
1527
+ --foreground: #e5e5e5;
1528
+ --card: #262626;
1529
+ --card-foreground: #e5e5e5;
1530
+ --popover: #262626;
1531
+ --popover-foreground: #e5e5e5;
1532
+ --primary: #f59e0b;
1533
+ --primary-foreground: #000000;
1534
+ --secondary: #262626;
1535
+ --secondary-foreground: #e5e5e5;
1536
+ --muted: #262626;
1537
+ --muted-foreground: #a3a3a3;
1538
+ --accent: #92400e;
1539
+ --accent-foreground: #fde68a;
1540
+ --destructive: #ef4444;
1541
+ --destructive-foreground: #ffffff;
1542
+ --border: #404040;
1543
+ --input: #404040;
1544
+ --ring: #f59e0b;
1545
+ --chart-1: #fbbf24;
1546
+ --chart-2: #d97706;
1547
+ --chart-3: #92400e;
1548
+ --chart-4: #b45309;
1549
+ --chart-5: #92400e;
1550
+ --sidebar: #0f0f0f;
1551
+ --sidebar-foreground: #e5e5e5;
1552
+ --sidebar-primary: #f59e0b;
1553
+ --sidebar-primary-foreground: #ffffff;
1554
+ --sidebar-accent: #92400e;
1555
+ --sidebar-accent-foreground: #fde68a;
1556
+ --sidebar-border: #404040;
1557
+ --sidebar-ring: #f59e0b;
1558
+ }
1559
+
1560
+ .theme-supabase.light {
1561
+ --background: #fcfcfc;
1562
+ --foreground: #171717;
1563
+ --card: #fcfcfc;
1564
+ --card-foreground: #171717;
1565
+ --popover: #fcfcfc;
1566
+ --popover-foreground: #525252;
1567
+ --primary: #72e3ad;
1568
+ --primary-foreground: #1e2723;
1569
+ --secondary: #fdfdfd;
1570
+ --secondary-foreground: #171717;
1571
+ --muted: #ededed;
1572
+ --muted-foreground: #202020;
1573
+ --accent: #ededed;
1574
+ --accent-foreground: #202020;
1575
+ --destructive: #ca3214;
1576
+ --destructive-foreground: #fffcfc;
1577
+ --border: #dfdfdf;
1578
+ --input: #f6f6f6;
1579
+ --ring: #72e3ad;
1580
+ --chart-1: #72e3ad;
1581
+ --chart-2: #3b82f6;
1582
+ --chart-3: #8b5cf6;
1583
+ --chart-4: #f59e0b;
1584
+ --chart-5: #10b981;
1585
+ --sidebar: #fcfcfc;
1586
+ --sidebar-foreground: #707070;
1587
+ --sidebar-primary: #72e3ad;
1588
+ --sidebar-primary-foreground: #1e2723;
1589
+ --sidebar-accent: #ededed;
1590
+ --sidebar-accent-foreground: #202020;
1591
+ --sidebar-border: #dfdfdf;
1592
+ --sidebar-ring: #72e3ad;
1593
+ --font-sans: Outfit, sans-serif;
1594
+ --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
1595
+ --font-mono: monospace;
1596
+ --radius: 0.5rem;
1597
+ --shadow-color: #000000;
1598
+ --shadow-opacity: 0.17;
1599
+ --shadow-blur: 3px;
1600
+ --shadow-spread: 0px;
1601
+ --shadow-offset-x: 0px;
1602
+ --shadow-offset-y: 1px;
1603
+ --letter-spacing: 0.025em;
1604
+ }
1605
+
1606
+ .theme-supabase.dark {
1607
+ --background: #121212;
1608
+ --foreground: #e2e8f0;
1609
+ --card: #171717;
1610
+ --card-foreground: #e2e8f0;
1611
+ --popover: #242424;
1612
+ --popover-foreground: #a9a9a9;
1613
+ --primary: #006239;
1614
+ --primary-foreground: #dde8e3;
1615
+ --secondary: #242424;
1616
+ --secondary-foreground: #fafafa;
1617
+ --muted: #1f1f1f;
1618
+ --muted-foreground: #a2a2a2;
1619
+ --accent: #313131;
1620
+ --accent-foreground: #fafafa;
1621
+ --destructive: #541c15;
1622
+ --destructive-foreground: #ede9e8;
1623
+ --border: #292929;
1624
+ --input: #242424;
1625
+ --ring: #4ade80;
1626
+ --chart-1: #4ade80;
1627
+ --chart-2: #60a5fa;
1628
+ --chart-3: #a78bfa;
1629
+ --chart-4: #fbbf24;
1630
+ --chart-5: #2dd4bf;
1631
+ --sidebar: #121212;
1632
+ --sidebar-foreground: #898989;
1633
+ --sidebar-primary: #006239;
1634
+ --sidebar-primary-foreground: #dde8e3;
1635
+ --sidebar-accent: #313131;
1636
+ --sidebar-accent-foreground: #fafafa;
1637
+ --sidebar-border: #292929;
1638
+ --sidebar-ring: #4ade80;
1639
+ }
1640
+
1641
+ .theme-neo-brutalism.light {
1642
+ --background: #ffffff;
1643
+ --foreground: #000000;
1644
+ --card: #ffffff;
1645
+ --card-foreground: #000000;
1646
+ --popover: #ffffff;
1647
+ --popover-foreground: #000000;
1648
+ --primary: #ff3333;
1649
+ --primary-foreground: #ffffff;
1650
+ --secondary: #ffff00;
1651
+ --secondary-foreground: #000000;
1652
+ --muted: #f0f0f0;
1653
+ --muted-foreground: #333333;
1654
+ --accent: #0066ff;
1655
+ --accent-foreground: #ffffff;
1656
+ --destructive: #000000;
1657
+ --destructive-foreground: #ffffff;
1658
+ --border: #000000;
1659
+ --input: #000000;
1660
+ --ring: #ff3333;
1661
+ --chart-1: #ff3333;
1662
+ --chart-2: #ffff00;
1663
+ --chart-3: #0066ff;
1664
+ --chart-4: #00cc00;
1665
+ --chart-5: #cc00cc;
1666
+ --radius: 0px;
1667
+ --sidebar: #f0f0f0;
1668
+ --sidebar-foreground: #000000;
1669
+ --sidebar-primary: #ff3333;
1670
+ --sidebar-primary-foreground: #ffffff;
1671
+ --sidebar-accent: #0066ff;
1672
+ --sidebar-accent-foreground: #ffffff;
1673
+ --sidebar-border: #000000;
1674
+ --sidebar-ring: #ff3333;
1675
+ --font-sans: DM Sans, sans-serif;
1676
+ --font-mono: Space Mono, monospace;
1677
+ --shadow-color: hsl(0 0% 0%);
1678
+ --shadow-opacity: 1;
1679
+ --shadow-blur: 0px;
1680
+ --shadow-spread: 0px;
1681
+ --shadow-offset-x: 4px;
1682
+ --shadow-offset-y: 4px;
1683
+ }
1684
+
1685
+ .theme-neo-brutalism.dark {
1686
+ --background: #000000;
1687
+ --foreground: #ffffff;
1688
+ --card: #333333;
1689
+ --card-foreground: #ffffff;
1690
+ --popover: #333333;
1691
+ --popover-foreground: #ffffff;
1692
+ --primary: #ff6666;
1693
+ --primary-foreground: #000000;
1694
+ --secondary: #ffff33;
1695
+ --secondary-foreground: #000000;
1696
+ --muted: #333333;
1697
+ --muted-foreground: #cccccc;
1698
+ --accent: #3399ff;
1699
+ --accent-foreground: #000000;
1700
+ --destructive: #ffffff;
1701
+ --destructive-foreground: #000000;
1702
+ --border: #ffffff;
1703
+ --input: #ffffff;
1704
+ --ring: #ff6666;
1705
+ --chart-1: #ff6666;
1706
+ --chart-2: #ffff33;
1707
+ --chart-3: #3399ff;
1708
+ --chart-4: #33cc33;
1709
+ --chart-5: #cc33cc;
1710
+ --radius: 0px;
1711
+ --sidebar: #000000;
1712
+ --sidebar-foreground: #ffffff;
1713
+ --sidebar-primary: #ff6666;
1714
+ --sidebar-primary-foreground: #000000;
1715
+ --sidebar-accent: #3399ff;
1716
+ --sidebar-accent-foreground: #000000;
1717
+ --sidebar-border: #ffffff;
1718
+ --sidebar-ring: #ff6666;
1719
+ }
1720
+
1721
+ .theme-solar-dusk.light {
1722
+ --background: #FDFBF7;
1723
+ --foreground: #4A3B33;
1724
+ --card: #F8F4EE;
1725
+ --card-foreground: #4A3B33;
1726
+ --popover: #F8F4EE;
1727
+ --popover-foreground: #4A3B33;
1728
+ --primary: #B45309;
1729
+ --primary-foreground: #FFFFFF;
1730
+ --secondary: #E4C090;
1731
+ --secondary-foreground: #57534E;
1732
+ --muted: #F1E9DA;
1733
+ --muted-foreground: #78716C;
1734
+ --accent: #f2daba;
1735
+ --accent-foreground: #57534E;
1736
+ --destructive: #991B1B;
1737
+ --destructive-foreground: #FFFFFF;
1738
+ --border: #E4D9BC;
1739
+ --input: #E4D9BC;
1740
+ --ring: #B45309;
1741
+ --chart-1: #B45309;
1742
+ --chart-2: #78716C;
1743
+ --chart-3: #A16207;
1744
+ --chart-4: #78716C;
1745
+ --chart-5: #CA8A04;
1746
+ --radius: 0.3rem;
1747
+ --sidebar: #F1E9DA;
1748
+ --sidebar-foreground: #4A3B33;
1749
+ --sidebar-primary: #B45309;
1750
+ --sidebar-primary-foreground: #FFFFFF;
1751
+ --sidebar-accent: #A16207;
1752
+ --sidebar-accent-foreground: #FFFFFF;
1753
+ --sidebar-border: #E4D9BC;
1754
+ --sidebar-ring: #B45309;
1755
+ --font-sans: Oxanium, sans-serif;
1756
+ --font-serif: Merriweather, serif;
1757
+ --font-mono: Fira Code, monospace;
1758
+ --shadow-color: hsl(28 18% 25%);
1759
+ --shadow-opacity: 0.18;
1760
+ --shadow-blur: 3px;
1761
+ --shadow-spread: 0px;
1762
+ --shadow-offset-x: 0px;
1763
+ --shadow-offset-y: 2px;
1764
+ }
1765
+
1766
+ .theme-solar-dusk.dark {
1767
+ --background: #1C1917;
1768
+ --foreground: #F5F5F4;
1769
+ --card: #292524;
1770
+ --card-foreground: #F5F5F4;
1771
+ --popover: #292524;
1772
+ --popover-foreground: #F5F5F4;
1773
+ --primary: #F97316;
1774
+ --primary-foreground: #FFFFFF;
1775
+ --secondary: #57534E;
1776
+ --secondary-foreground: #E7E5E4;
1777
+ --muted: #292524;
1778
+ --muted-foreground: #A8A29E;
1779
+ --accent: #1e4252;
1780
+ --accent-foreground: #E7E5E4;
1781
+ --destructive: #DC2626;
1782
+ --destructive-foreground: #FFFFFF;
1783
+ --border: #44403C;
1784
+ --input: #44403C;
1785
+ --ring: #F97316;
1786
+ --chart-1: #F97316;
1787
+ --chart-2: #0EA5E9;
1788
+ --chart-3: #EAB308;
1789
+ --chart-4: #A8A29E;
1790
+ --chart-5: #78716C;
1791
+ --radius: 0.3rem;
1792
+ --sidebar: #292524;
1793
+ --sidebar-foreground: #F5F5F4;
1794
+ --sidebar-primary: #F97316;
1795
+ --sidebar-primary-foreground: #FFFFFF;
1796
+ --sidebar-accent: #0EA5E9;
1797
+ --sidebar-accent-foreground: #0C2A4D;
1798
+ --sidebar-border: #44403C;
1799
+ --sidebar-ring: #F97316;
1800
+ --shadow-color: hsl(0 0% 5%);
1801
+ }
1802
+
1803
+ .theme-claymorphism.light {
1804
+ --background: #e7e5e4;
1805
+ --foreground: #1e293b;
1806
+ --card: #f5f5f4;
1807
+ --card-foreground: #1e293b;
1808
+ --popover: #f5f5f4;
1809
+ --popover-foreground: #1e293b;
1810
+ --primary: #6366f1;
1811
+ --primary-foreground: #ffffff;
1812
+ --secondary: #d6d3d1;
1813
+ --secondary-foreground: #4b5563;
1814
+ --muted: #e7e5e4;
1815
+ --muted-foreground: #6b7280;
1816
+ --accent: #f3e5f5;
1817
+ --accent-foreground: #374151;
1818
+ --destructive: #ef4444;
1819
+ --destructive-foreground: #ffffff;
1820
+ --border: #d6d3d1;
1821
+ --input: #d6d3d1;
1822
+ --ring: #6366f1;
1823
+ --chart-1: #6366f1;
1824
+ --chart-2: #4f46e5;
1825
+ --chart-3: #4338ca;
1826
+ --chart-4: #3730a3;
1827
+ --chart-5: #312e81;
1828
+ --radius: 1.25rem;
1829
+ --sidebar: #d6d3d1;
1830
+ --sidebar-foreground: #1e293b;
1831
+ --sidebar-primary: #6366f1;
1832
+ --sidebar-primary-foreground: #ffffff;
1833
+ --sidebar-accent: #f3e5f5;
1834
+ --sidebar-accent-foreground: #374151;
1835
+ --sidebar-border: #d6d3d1;
1836
+ --sidebar-ring: #6366f1;
1837
+ --font-sans: Plus Jakarta Sans, sans-serif;
1838
+ --font-serif: Lora, serif;
1839
+ --font-mono: Roboto Mono, monospace;
1840
+ --shadow-color: hsl(240 4% 60%);
1841
+ --shadow-opacity: 0.18;
1842
+ --shadow-blur: 10px;
1843
+ --shadow-spread: 4px;
1844
+ --shadow-offset-x: 2px;
1845
+ --shadow-offset-y: 2px;
1846
+ }
1847
+
1848
+ .theme-claymorphism.dark {
1849
+ --background: #1e1b18;
1850
+ --foreground: #e2e8f0;
1851
+ --card: #2c2825;
1852
+ --card-foreground: #e2e8f0;
1853
+ --popover: #2c2825;
1854
+ --popover-foreground: #e2e8f0;
1855
+ --primary: #818cf8;
1856
+ --primary-foreground: #1e1b18;
1857
+ --secondary: #3a3633;
1858
+ --secondary-foreground: #d1d5db;
1859
+ --muted: #2c2825;
1860
+ --muted-foreground: #9ca3af;
1861
+ --accent: #484441;
1862
+ --accent-foreground: #d1d5db;
1863
+ --destructive: #ef4444;
1864
+ --destructive-foreground: #1e1b18;
1865
+ --border: #3a3633;
1866
+ --input: #3a3633;
1867
+ --ring: #818cf8;
1868
+ --chart-1: #818cf8;
1869
+ --chart-2: #6366f1;
1870
+ --chart-3: #4f46e5;
1871
+ --chart-4: #4338ca;
1872
+ --chart-5: #3730a3;
1873
+ --radius: 1.25rem;
1874
+ --sidebar: #3a3633;
1875
+ --sidebar-foreground: #e2e8f0;
1876
+ --sidebar-primary: #818cf8;
1877
+ --sidebar-primary-foreground: #1e1b18;
1878
+ --sidebar-accent: #484441;
1879
+ --sidebar-accent-foreground: #d1d5db;
1880
+ --sidebar-border: #3a3633;
1881
+ --sidebar-ring: #818cf8;
1882
+ --shadow-color: hsl(0 0% 0%);
1883
+ }
1884
+
1885
+ .theme-cyberpunk.light {
1886
+ --background: #f8f9fa;
1887
+ --foreground: #0c0c1d;
1888
+ --card: #ffffff;
1889
+ --card-foreground: #0c0c1d;
1890
+ --popover: #ffffff;
1891
+ --popover-foreground: #0c0c1d;
1892
+ --primary: #ff00c8;
1893
+ --primary-foreground: #ffffff;
1894
+ --secondary: #f0f0ff;
1895
+ --secondary-foreground: #0c0c1d;
1896
+ --muted: #f0f0ff;
1897
+ --muted-foreground: #0c0c1d;
1898
+ --accent: #00ffcc;
1899
+ --accent-foreground: #0c0c1d;
1900
+ --destructive: #ff3d00;
1901
+ --destructive-foreground: #ffffff;
1902
+ --border: #dfe6e9;
1903
+ --input: #dfe6e9;
1904
+ --ring: #ff00c8;
1905
+ --chart-1: #ff00c8;
1906
+ --chart-2: #9000ff;
1907
+ --chart-3: #00e5ff;
1908
+ --chart-4: #00ffcc;
1909
+ --chart-5: #ffe600;
1910
+ --radius: 0.5rem;
1911
+ --sidebar: #f0f0ff;
1912
+ --sidebar-foreground: #0c0c1d;
1913
+ --sidebar-primary: #ff00c8;
1914
+ --sidebar-primary-foreground: #ffffff;
1915
+ --sidebar-accent: #00ffcc;
1916
+ --sidebar-accent-foreground: #0c0c1d;
1917
+ --sidebar-border: #dfe6e9;
1918
+ --sidebar-ring: #ff00c8;
1919
+ --font-sans: Outfit, sans-serif;
1920
+ --font-mono: Fira Code, monospace;
1921
+ --shadow-color: hsl(0 0% 0%);
1922
+ --shadow-opacity: 0.1;
1923
+ --shadow-blur: 8px;
1924
+ --shadow-spread: -2px;
1925
+ --shadow-offset-x: 0px;
1926
+ --shadow-offset-y: 4px;
1927
+ }
1928
+
1929
+ .theme-cyberpunk.dark {
1930
+ --background: #0c0c1d;
1931
+ --foreground: #eceff4;
1932
+ --card: #1e1e3f;
1933
+ --card-foreground: #eceff4;
1934
+ --popover: #1e1e3f;
1935
+ --popover-foreground: #eceff4;
1936
+ --primary: #ff00c8;
1937
+ --primary-foreground: #ffffff;
1938
+ --secondary: #1e1e3f;
1939
+ --secondary-foreground: #eceff4;
1940
+ --muted: #1e1e3f;
1941
+ --muted-foreground: #8085a6;
1942
+ --accent: #00ffcc;
1943
+ --accent-foreground: #0c0c1d;
1944
+ --destructive: #ff3d00;
1945
+ --destructive-foreground: #ffffff;
1946
+ --border: #2e2e5e;
1947
+ --input: #2e2e5e;
1948
+ --ring: #ff00c8;
1949
+ --chart-1: #ff00c8;
1950
+ --chart-2: #9000ff;
1951
+ --chart-3: #00e5ff;
1952
+ --chart-4: #00ffcc;
1953
+ --chart-5: #ffe600;
1954
+ --radius: 0.5rem;
1955
+ --sidebar: #0c0c1d;
1956
+ --sidebar-foreground: #eceff4;
1957
+ --sidebar-primary: #ff00c8;
1958
+ --sidebar-primary-foreground: #ffffff;
1959
+ --sidebar-accent: #00ffcc;
1960
+ --sidebar-accent-foreground: #0c0c1d;
1961
+ --sidebar-border: #2e2e5e;
1962
+ --sidebar-ring: #ff00c8;
1963
+ }
1964
+
1965
+ .theme-pastel-dreams.light {
1966
+ --background: #f7f3f9;
1967
+ --foreground: #374151;
1968
+ --card: #ffffff;
1969
+ --card-foreground: #374151;
1970
+ --popover: #ffffff;
1971
+ --popover-foreground: #374151;
1972
+ --primary: #a78bfa;
1973
+ --primary-foreground: #ffffff;
1974
+ --secondary: #e9d8fd;
1975
+ --secondary-foreground: #4b5563;
1976
+ --muted: #f3e8ff;
1977
+ --muted-foreground: #6b7280;
1978
+ --accent: #f3e5f5;
1979
+ --accent-foreground: #374151;
1980
+ --destructive: #fca5a5;
1981
+ --destructive-foreground: #ffffff;
1982
+ --border: #e9d8fd;
1983
+ --input: #e9d8fd;
1984
+ --ring: #a78bfa;
1985
+ --chart-1: #a78bfa;
1986
+ --chart-2: #8b5cf6;
1987
+ --chart-3: #7c3aed;
1988
+ --chart-4: #6d28d9;
1989
+ --chart-5: #5b21b6;
1990
+ --radius: 1.5rem;
1991
+ --sidebar: #e9d8fd;
1992
+ --sidebar-foreground: #374151;
1993
+ --sidebar-primary: #a78bfa;
1994
+ --sidebar-primary-foreground: #ffffff;
1995
+ --sidebar-accent: #f3e5f5;
1996
+ --sidebar-accent-foreground: #374151;
1997
+ --sidebar-border: #e9d8fd;
1998
+ --sidebar-ring: #a78bfa;
1999
+ --font-sans: Open Sans, sans-serif;
2000
+ --font-serif: Source Serif 4, serif;
2001
+ --font-mono: IBM Plex Mono, monospace;
2002
+ --shadow-color: hsl(0 0% 0%);
2003
+ --shadow-opacity: 0.08;
2004
+ --shadow-blur: 16px;
2005
+ --shadow-spread: -4px;
2006
+ --shadow-offset-x: 0px;
2007
+ --shadow-offset-y: 8px;
2008
+ }
2009
+
2010
+ .theme-pastel-dreams.dark {
2011
+ --background: #1c1917;
2012
+ --foreground: #e0e7ff;
2013
+ --card: #2d2535;
2014
+ --card-foreground: #e0e7ff;
2015
+ --popover: #2d2535;
2016
+ --popover-foreground: #e0e7ff;
2017
+ --primary: #c0aafd;
2018
+ --primary-foreground: #1c1917;
2019
+ --secondary: #3f324a;
2020
+ --secondary-foreground: #d1d5db;
2021
+ --muted: #2d2535;
2022
+ --muted-foreground: #9ca3af;
2023
+ --accent: #4a3d5a;
2024
+ --accent-foreground: #d1d5db;
2025
+ --destructive: #fca5a5;
2026
+ --destructive-foreground: #1c1917;
2027
+ --border: #3f324a;
2028
+ --input: #3f324a;
2029
+ --ring: #c0aafd;
2030
+ --chart-1: #c0aafd;
2031
+ --chart-2: #a78bfa;
2032
+ --chart-3: #8b5cf6;
2033
+ --chart-4: #7c3aed;
2034
+ --chart-5: #6d28d9;
2035
+ --radius: 1.5rem;
2036
+ --sidebar: #3f324a;
2037
+ --sidebar-foreground: #e0e7ff;
2038
+ --sidebar-primary: #c0aafd;
2039
+ --sidebar-primary-foreground: #1c1917;
2040
+ --sidebar-accent: #4a3d5a;
2041
+ --sidebar-accent-foreground: #d1d5db;
2042
+ --sidebar-border: #3f324a;
2043
+ --sidebar-ring: #c0aafd;
2044
+ }
2045
+
2046
+ .theme-clean-slate.light {
2047
+ --background: #f8fafc;
2048
+ --foreground: #1e293b;
2049
+ --card: #ffffff;
2050
+ --card-foreground: #1e293b;
2051
+ --popover: #ffffff;
2052
+ --popover-foreground: #1e293b;
2053
+ --primary: #6366f1;
2054
+ --primary-foreground: #ffffff;
2055
+ --secondary: #e5e7eb;
2056
+ --secondary-foreground: #374151;
2057
+ --muted: #f3f4f6;
2058
+ --muted-foreground: #6b7280;
2059
+ --accent: #e0e7ff;
2060
+ --accent-foreground: #374151;
2061
+ --destructive: #ef4444;
2062
+ --destructive-foreground: #ffffff;
2063
+ --border: #d1d5db;
2064
+ --input: #d1d5db;
2065
+ --ring: #6366f1;
2066
+ --chart-1: #6366f1;
2067
+ --chart-2: #4f46e5;
2068
+ --chart-3: #4338ca;
2069
+ --chart-4: #3730a3;
2070
+ --chart-5: #312e81;
2071
+ --radius: 0.5rem;
2072
+ --sidebar: #f3f4f6;
2073
+ --sidebar-foreground: #1e293b;
2074
+ --sidebar-primary: #6366f1;
2075
+ --sidebar-primary-foreground: #ffffff;
2076
+ --sidebar-accent: #e0e7ff;
2077
+ --sidebar-accent-foreground: #374151;
2078
+ --sidebar-border: #d1d5db;
2079
+ --sidebar-ring: #6366f1;
2080
+ --font-sans: Inter, sans-serif;
2081
+ --font-serif: Merriweather, serif;
2082
+ --font-mono: JetBrains Mono, monospace;
2083
+ --shadow-color: hsl(0 0% 0%);
2084
+ --shadow-opacity: 0.1;
2085
+ --shadow-blur: 8px;
2086
+ --shadow-spread: -1px;
2087
+ --shadow-offset-x: 0px;
2088
+ --shadow-offset-y: 4px;
2089
+ }
2090
+
2091
+ .theme-clean-slate.dark {
2092
+ --background: #0f172a;
2093
+ --foreground: #e2e8f0;
2094
+ --card: #1e293b;
2095
+ --card-foreground: #e2e8f0;
2096
+ --popover: #1e293b;
2097
+ --popover-foreground: #e2e8f0;
2098
+ --primary: #818cf8;
2099
+ --primary-foreground: #0f172a;
2100
+ --secondary: #2d3748;
2101
+ --secondary-foreground: #d1d5db;
2102
+ --muted: #1e293b;
2103
+ --muted-foreground: #9ca3af;
2104
+ --accent: #374151;
2105
+ --accent-foreground: #d1d5db;
2106
+ --destructive: #ef4444;
2107
+ --destructive-foreground: #0f172a;
2108
+ --border: #4b5563;
2109
+ --input: #4b5563;
2110
+ --ring: #818cf8;
2111
+ --chart-1: #818cf8;
2112
+ --chart-2: #6366f1;
2113
+ --chart-3: #4f46e5;
2114
+ --chart-4: #4338ca;
2115
+ --chart-5: #3730a3;
2116
+ --radius: 0.5rem;
2117
+ --sidebar: #1e293b;
2118
+ --sidebar-foreground: #e2e8f0;
2119
+ --sidebar-primary: #818cf8;
2120
+ --sidebar-primary-foreground: #0f172a;
2121
+ --sidebar-accent: #374151;
2122
+ --sidebar-accent-foreground: #d1d5db;
2123
+ --sidebar-border: #4b5563;
2124
+ --sidebar-ring: #818cf8;
2125
+ }
2126
+
2127
+ .theme-caffeine.light {
2128
+ --background: #f9f9f9;
2129
+ --foreground: #202020;
2130
+ --card: #fcfcfc;
2131
+ --card-foreground: #202020;
2132
+ --popover: #fcfcfc;
2133
+ --popover-foreground: #202020;
2134
+ --primary: #644a40;
2135
+ --primary-foreground: #ffffff;
2136
+ --secondary: #ffdfb5;
2137
+ --secondary-foreground: #582d1d;
2138
+ --muted: #efefef;
2139
+ --muted-foreground: #646464;
2140
+ --accent: #e8e8e8;
2141
+ --accent-foreground: #202020;
2142
+ --destructive: #e54d2e;
2143
+ --destructive-foreground: #ffffff;
2144
+ --border: #d8d8d8;
2145
+ --input: #d8d8d8;
2146
+ --ring: #644a40;
2147
+ --chart-1: #644a40;
2148
+ --chart-2: #ffdfb5;
2149
+ --chart-3: #e8e8e8;
2150
+ --chart-4: #ffe6c4;
2151
+ --chart-5: #66493e;
2152
+ --sidebar: #fbfbfb;
2153
+ --sidebar-foreground: #252525;
2154
+ --sidebar-primary: #343434;
2155
+ --sidebar-primary-foreground: #fbfbfb;
2156
+ --sidebar-accent: #f7f7f7;
2157
+ --sidebar-accent-foreground: #343434;
2158
+ --sidebar-border: #ebebeb;
2159
+ --sidebar-ring: #b5b5b5;
2160
+ --radius: 0.5rem;
2161
+ }
2162
+
2163
+ .theme-caffeine.dark {
2164
+ --background: #111111;
2165
+ --foreground: #eeeeee;
2166
+ --card: #191919;
2167
+ --card-foreground: #eeeeee;
2168
+ --popover: #191919;
2169
+ --popover-foreground: #eeeeee;
2170
+ --primary: #ffe0c2;
2171
+ --primary-foreground: #081a1b;
2172
+ --secondary: #393028;
2173
+ --secondary-foreground: #ffe0c2;
2174
+ --muted: #222222;
2175
+ --muted-foreground: #b4b4b4;
2176
+ --accent: #2a2a2a;
2177
+ --accent-foreground: #eeeeee;
2178
+ --destructive: #e54d2e;
2179
+ --destructive-foreground: #ffffff;
2180
+ --border: #201e18;
2181
+ --input: #484848;
2182
+ --ring: #ffe0c2;
2183
+ --chart-1: #ffe0c2;
2184
+ --chart-2: #393028;
2185
+ --chart-3: #2a2a2a;
2186
+ --chart-4: #42382e;
2187
+ --chart-5: #ffe0c1;
2188
+ --sidebar: #18181b;
2189
+ --sidebar-foreground: #f4f4f5;
2190
+ --sidebar-primary: #1d4ed8;
2191
+ --sidebar-primary-foreground: #ffffff;
2192
+ --sidebar-accent: #27272a;
2193
+ --sidebar-accent-foreground: #f4f4f5;
2194
+ --sidebar-border: #27272a;
2195
+ --sidebar-ring: #d4d4d8;
2196
+ --radius: 0.5rem;
2197
+ }
2198
+
2199
+ .theme-ocean-breeze.light {
2200
+ --background: #f0f8ff;
2201
+ --foreground: #374151;
2202
+ --card: #ffffff;
2203
+ --card-foreground: #374151;
2204
+ --popover: #ffffff;
2205
+ --popover-foreground: #374151;
2206
+ --primary: #22c55e;
2207
+ --primary-foreground: #ffffff;
2208
+ --secondary: #e0f2fe;
2209
+ --secondary-foreground: #4b5563;
2210
+ --muted: #f3f4f6;
2211
+ --muted-foreground: #6b7280;
2212
+ --accent: #d1fae5;
2213
+ --accent-foreground: #374151;
2214
+ --destructive: #ef4444;
2215
+ --destructive-foreground: #ffffff;
2216
+ --border: #e5e7eb;
2217
+ --input: #e5e7eb;
2218
+ --ring: #22c55e;
2219
+ --chart-1: #22c55e;
2220
+ --chart-2: #10b981;
2221
+ --chart-3: #059669;
2222
+ --chart-4: #047857;
2223
+ --chart-5: #065f46;
2224
+ --radius: 0.5rem;
2225
+ --sidebar: #e0f2fe;
2226
+ --sidebar-foreground: #374151;
2227
+ --sidebar-primary: #22c55e;
2228
+ --sidebar-primary-foreground: #ffffff;
2229
+ --sidebar-accent: #d1fae5;
2230
+ --sidebar-accent-foreground: #374151;
2231
+ --sidebar-border: #e5e7eb;
2232
+ --sidebar-ring: #22c55e;
2233
+ --font-sans: DM Sans, sans-serif;
2234
+ --font-serif: Lora, serif;
2235
+ --font-mono: IBM Plex Mono, monospace;
2236
+ --shadow-color: hsl(0 0% 0%);
2237
+ --shadow-opacity: 0.1;
2238
+ --shadow-blur: 8px;
2239
+ --shadow-spread: -1px;
2240
+ --shadow-offset-x: 0px;
2241
+ --shadow-offset-y: 4px;
2242
+ }
2243
+
2244
+ .theme-ocean-breeze.dark {
2245
+ --background: #0f172a;
2246
+ --foreground: #d1d5db;
2247
+ --card: #1e293b;
2248
+ --card-foreground: #d1d5db;
2249
+ --popover: #1e293b;
2250
+ --popover-foreground: #d1d5db;
2251
+ --primary: #34d399;
2252
+ --primary-foreground: #0f172a;
2253
+ --secondary: #2d3748;
2254
+ --secondary-foreground: #a1a1aa;
2255
+ --muted: #1e293b;
2256
+ --muted-foreground: #6b7280;
2257
+ --accent: #374151;
2258
+ --accent-foreground: #a1a1aa;
2259
+ --destructive: #ef4444;
2260
+ --destructive-foreground: #0f172a;
2261
+ --border: #4b5563;
2262
+ --input: #4b5563;
2263
+ --ring: #34d399;
2264
+ --chart-1: #34d399;
2265
+ --chart-2: #2dd4bf;
2266
+ --chart-3: #22c55e;
2267
+ --chart-4: #10b981;
2268
+ --chart-5: #059669;
2269
+ --radius: 0.5rem;
2270
+ --sidebar: #1e293b;
2271
+ --sidebar-foreground: #d1d5db;
2272
+ --sidebar-primary: #34d399;
2273
+ --sidebar-primary-foreground: #0f172a;
2274
+ --sidebar-accent: #374151;
2275
+ --sidebar-accent-foreground: #a1a1aa;
2276
+ --sidebar-border: #4b5563;
2277
+ --sidebar-ring: #34d399;
2278
+ }
2279
+
2280
+ .theme-retro-arcade.light {
2281
+ --background: #fdf6e3;
2282
+ --foreground: #073642;
2283
+ --card: #eee8d5;
2284
+ --card-foreground: #073642;
2285
+ --popover: #eee8d5;
2286
+ --popover-foreground: #073642;
2287
+ --primary: #d33682;
2288
+ --primary-foreground: #ffffff;
2289
+ --secondary: #2aa198;
2290
+ --secondary-foreground: #ffffff;
2291
+ --muted: #93a1a1;
2292
+ --muted-foreground: #073642;
2293
+ --accent: #cb4b16;
2294
+ --accent-foreground: #ffffff;
2295
+ --destructive: #dc322f;
2296
+ --destructive-foreground: #ffffff;
2297
+ --border: #839496;
2298
+ --input: #839496;
2299
+ --ring: #d33682;
2300
+ --chart-1: #268bd2;
2301
+ --chart-2: #2aa198;
2302
+ --chart-3: #d33682;
2303
+ --chart-4: #cb4b16;
2304
+ --chart-5: #dc322f;
2305
+ --radius: 0.25rem;
2306
+ --sidebar: #fdf6e3;
2307
+ --sidebar-foreground: #073642;
2308
+ --sidebar-primary: #d33682;
2309
+ --sidebar-primary-foreground: #ffffff;
2310
+ --sidebar-accent: #2aa198;
2311
+ --sidebar-accent-foreground: #ffffff;
2312
+ --sidebar-border: #839496;
2313
+ --sidebar-ring: #d33682;
2314
+ --font-sans: Outfit, sans-serif;
2315
+ --font-mono: Space Mono, monospace;
2316
+ --shadow-color: hsl(196 83% 10%);
2317
+ --shadow-opacity: 0.15;
2318
+ --shadow-blur: 4px;
2319
+ --shadow-spread: 0px;
2320
+ --shadow-offset-x: 2px;
2321
+ --shadow-offset-y: 2px;
2322
+ }
2323
+
2324
+ .theme-retro-arcade.dark {
2325
+ --background: #002b36;
2326
+ --foreground: #93a1a1;
2327
+ --card: #073642;
2328
+ --card-foreground: #93a1a1;
2329
+ --popover: #073642;
2330
+ --popover-foreground: #93a1a1;
2331
+ --primary: #d33682;
2332
+ --primary-foreground: #ffffff;
2333
+ --secondary: #2aa198;
2334
+ --secondary-foreground: #ffffff;
2335
+ --muted: #586e75;
2336
+ --muted-foreground: #93a1a1;
2337
+ --accent: #cb4b16;
2338
+ --accent-foreground: #ffffff;
2339
+ --destructive: #dc322f;
2340
+ --destructive-foreground: #ffffff;
2341
+ --border: #586e75;
2342
+ --input: #586e75;
2343
+ --ring: #d33682;
2344
+ --chart-1: #268bd2;
2345
+ --chart-2: #2aa198;
2346
+ --chart-3: #d33682;
2347
+ --chart-4: #cb4b16;
2348
+ --chart-5: #dc322f;
2349
+ --radius: 0.25rem;
2350
+ --sidebar: #002b36;
2351
+ --sidebar-foreground: #93a1a1;
2352
+ --sidebar-primary: #d33682;
2353
+ --sidebar-primary-foreground: #ffffff;
2354
+ --sidebar-accent: #2aa198;
2355
+ --sidebar-accent-foreground: #ffffff;
2356
+ --sidebar-border: #586e75;
2357
+ --sidebar-ring: #d33682;
2358
+ }
2359
+
2360
+ .theme-midnight-bloom.light {
2361
+ --background: #f9f9f9;
2362
+ --foreground: #333333;
2363
+ --card: #ffffff;
2364
+ --card-foreground: #333333;
2365
+ --popover: #ffffff;
2366
+ --popover-foreground: #333333;
2367
+ --primary: #6c5ce7;
2368
+ --primary-foreground: #ffffff;
2369
+ --secondary: #a1c9f2;
2370
+ --secondary-foreground: #333333;
2371
+ --muted: #c9c4b5;
2372
+ --muted-foreground: #6e6e6e;
2373
+ --accent: #8b9467;
2374
+ --accent-foreground: #ffffff;
2375
+ --destructive: #ef4444;
2376
+ --destructive-foreground: #ffffff;
2377
+ --border: #d4d4d4;
2378
+ --input: #d4d4d4;
2379
+ --ring: #6c5ce7;
2380
+ --chart-1: #6c5ce7;
2381
+ --chart-2: #8e44ad;
2382
+ --chart-3: #4b0082;
2383
+ --chart-4: #6495ed;
2384
+ --chart-5: #4682b4;
2385
+ --radius: 0.5rem;
2386
+ --sidebar: #f9f9f9;
2387
+ --sidebar-foreground: #333333;
2388
+ --sidebar-primary: #6c5ce7;
2389
+ --sidebar-primary-foreground: #ffffff;
2390
+ --sidebar-accent: #8b9467;
2391
+ --sidebar-accent-foreground: #ffffff;
2392
+ --sidebar-border: #d4d4d4;
2393
+ --sidebar-ring: #6c5ce7;
2394
+ --font-sans: Montserrat, sans-serif;
2395
+ --font-serif: Playfair Display, serif;
2396
+ --font-mono: Source Code Pro, monospace;
2397
+ --shadow-color: hsl(0 0% 0%);
2398
+ --shadow-opacity: 0.1;
2399
+ --shadow-blur: 10px;
2400
+ --shadow-spread: -2px;
2401
+ --shadow-offset-x: 0px;
2402
+ --shadow-offset-y: 5px;
2403
+ }
2404
+
2405
+ .theme-midnight-bloom.dark {
2406
+ --background: #1a1d23;
2407
+ --foreground: #e5e5e5;
2408
+ --card: #2f3436;
2409
+ --card-foreground: #e5e5e5;
2410
+ --popover: #2f3436;
2411
+ --popover-foreground: #e5e5e5;
2412
+ --primary: #6c5ce7;
2413
+ --primary-foreground: #ffffff;
2414
+ --secondary: #4b0082;
2415
+ --secondary-foreground: #e5e5e5;
2416
+ --muted: #444444;
2417
+ --muted-foreground: #a3a3a3;
2418
+ --accent: #6495ed;
2419
+ --accent-foreground: #e5e5e5;
2420
+ --destructive: #ef4444;
2421
+ --destructive-foreground: #ffffff;
2422
+ --border: #444444;
2423
+ --input: #444444;
2424
+ --ring: #6c5ce7;
2425
+ --chart-1: #6c5ce7;
2426
+ --chart-2: #8e44ad;
2427
+ --chart-3: #4b0082;
2428
+ --chart-4: #6495ed;
2429
+ --chart-5: #4682b4;
2430
+ --radius: 0.5rem;
2431
+ --sidebar: #1a1d23;
2432
+ --sidebar-foreground: #e5e5e5;
2433
+ --sidebar-primary: #6c5ce7;
2434
+ --sidebar-primary-foreground: #ffffff;
2435
+ --sidebar-accent: #6495ed;
2436
+ --sidebar-accent-foreground: #e5e5e5;
2437
+ --sidebar-border: #444444;
2438
+ --sidebar-ring: #6c5ce7;
2439
+ }
2440
+
2441
+ .theme-candyland.light {
2442
+ --background: #f7f9fa;
2443
+ --foreground: #333333;
2444
+ --card: #ffffff;
2445
+ --card-foreground: #333333;
2446
+ --popover: #ffffff;
2447
+ --popover-foreground: #333333;
2448
+ --primary: #ffc0cb;
2449
+ --primary-foreground: #000000;
2450
+ --secondary: #87ceeb;
2451
+ --secondary-foreground: #000000;
2452
+ --muted: #ddd9c4;
2453
+ --muted-foreground: #6e6e6e;
2454
+ --accent: #ffff00;
2455
+ --accent-foreground: #000000;
2456
+ --destructive: #ef4444;
2457
+ --destructive-foreground: #ffffff;
2458
+ --border: #d4d4d4;
2459
+ --input: #d4d4d4;
2460
+ --ring: #ffc0cb;
2461
+ --chart-1: #ffc0cb;
2462
+ --chart-2: #87ceeb;
2463
+ --chart-3: #ffff00;
2464
+ --chart-4: #ff99cc;
2465
+ --chart-5: #33cc33;
2466
+ --radius: 0.5rem;
2467
+ --sidebar: #f7f9fa;
2468
+ --sidebar-foreground: #333333;
2469
+ --sidebar-primary: #ffc0cb;
2470
+ --sidebar-primary-foreground: #000000;
2471
+ --sidebar-accent: #ffff00;
2472
+ --sidebar-accent-foreground: #000000;
2473
+ --sidebar-border: #d4d4d4;
2474
+ --sidebar-ring: #ffc0cb;
2475
+ --font-sans: Poppins, sans-serif;
2476
+ --font-mono: Roboto Mono, monospace;
2477
+ }
2478
+
2479
+ .theme-candyland.dark {
2480
+ --background: #1a1d23;
2481
+ --foreground: #e5e5e5;
2482
+ --card: #2f3436;
2483
+ --card-foreground: #e5e5e5;
2484
+ --popover: #2f3436;
2485
+ --popover-foreground: #e5e5e5;
2486
+ --primary: #ff99cc;
2487
+ --primary-foreground: #000000;
2488
+ --secondary: #33cc33;
2489
+ --secondary-foreground: #000000;
2490
+ --muted: #444444;
2491
+ --muted-foreground: #a3a3a3;
2492
+ --accent: #87ceeb;
2493
+ --accent-foreground: #000000;
2494
+ --destructive: #ef4444;
2495
+ --destructive-foreground: #ffffff;
2496
+ --border: #444444;
2497
+ --input: #444444;
2498
+ --ring: #ff99cc;
2499
+ --chart-1: #ff99cc;
2500
+ --chart-2: #33cc33;
2501
+ --chart-3: #87ceeb;
2502
+ --chart-4: #ffff00;
2503
+ --chart-5: #ffcc00;
2504
+ --radius: 0.5rem;
2505
+ --sidebar: #1a1d23;
2506
+ --sidebar-foreground: #e5e5e5;
2507
+ --sidebar-primary: #ff99cc;
2508
+ --sidebar-primary-foreground: #000000;
2509
+ --sidebar-accent: #87ceeb;
2510
+ --sidebar-accent-foreground: #000000;
2511
+ --sidebar-border: #444444;
2512
+ --sidebar-ring: #ff99cc;
2513
+ }
2514
+
2515
+ .theme-northern-lights.light {
2516
+ --background: #f9f9fa;
2517
+ --foreground: #333333;
2518
+ --card: #ffffff;
2519
+ --card-foreground: #333333;
2520
+ --popover: #ffffff;
2521
+ --popover-foreground: #333333;
2522
+ --primary: #34a85a;
2523
+ --primary-foreground: #ffffff;
2524
+ --secondary: #6495ed;
2525
+ --secondary-foreground: #ffffff;
2526
+ --muted: #ddd9c4;
2527
+ --muted-foreground: #6e6e6e;
2528
+ --accent: #66d9ef;
2529
+ --accent-foreground: #333333;
2530
+ --destructive: #ef4444;
2531
+ --destructive-foreground: #ffffff;
2532
+ --border: #d4d4d4;
2533
+ --input: #d4d4d4;
2534
+ --ring: #34a85a;
2535
+ --chart-1: #34a85a;
2536
+ --chart-2: #6495ed;
2537
+ --chart-3: #66d9ef;
2538
+ --chart-4: #4682b4;
2539
+ --chart-5: #1a9641;
2540
+ --radius: 0.5rem;
2541
+ --sidebar: #f9f9fa;
2542
+ --sidebar-foreground: #333333;
2543
+ --sidebar-primary: #34a85a;
2544
+ --sidebar-primary-foreground: #ffffff;
2545
+ --sidebar-accent: #66d9ef;
2546
+ --sidebar-accent-foreground: #333333;
2547
+ --sidebar-border: #d4d4d4;
2548
+ --sidebar-ring: #34a85a;
2549
+ --font-sans: Plus Jakarta Sans, sans-serif;
2550
+ --font-serif: Source Serif 4, serif;
2551
+ --font-mono: JetBrains Mono, monospace;
2552
+ }
2553
+
2554
+ .theme-northern-lights.dark {
2555
+ --background: #1a1d23;
2556
+ --foreground: #e5e5e5;
2557
+ --card: #2f3436;
2558
+ --card-foreground: #e5e5e5;
2559
+ --popover: #2f3436;
2560
+ --popover-foreground: #e5e5e5;
2561
+ --primary: #34a85a;
2562
+ --primary-foreground: #ffffff;
2563
+ --secondary: #4682b4;
2564
+ --secondary-foreground: #e5e5e5;
2565
+ --muted: #444444;
2566
+ --muted-foreground: #a3a3a3;
2567
+ --accent: #6495ed;
2568
+ --accent-foreground: #e5e5e5;
2569
+ --destructive: #ef4444;
2570
+ --destructive-foreground: #ffffff;
2571
+ --border: #444444;
2572
+ --input: #444444;
2573
+ --ring: #34a85a;
2574
+ --chart-1: #34a85a;
2575
+ --chart-2: #4682b4;
2576
+ --chart-3: #6495ed;
2577
+ --chart-4: #66d9ef;
2578
+ --chart-5: #1a9641;
2579
+ --radius: 0.5rem;
2580
+ --sidebar: #1a1d23;
2581
+ --sidebar-foreground: #e5e5e5;
2582
+ --sidebar-primary: #34a85a;
2583
+ --sidebar-primary-foreground: #ffffff;
2584
+ --sidebar-accent: #6495ed;
2585
+ --sidebar-accent-foreground: #e5e5e5;
2586
+ --sidebar-border: #444444;
2587
+ --sidebar-ring: #34a85a;
2588
+ }
2589
+
2590
+ .theme-vintage-paper.light {
2591
+ --background: #f5f1e6;
2592
+ --foreground: #4a3f35;
2593
+ --card: #fffcf5;
2594
+ --card-foreground: #4a3f35;
2595
+ --popover: #fffcf5;
2596
+ --popover-foreground: #4a3f35;
2597
+ --primary: #a67c52;
2598
+ --primary-foreground: #ffffff;
2599
+ --secondary: #e2d8c3;
2600
+ --secondary-foreground: #5c4d3f;
2601
+ --muted: #ece5d8;
2602
+ --muted-foreground: #7d6b56;
2603
+ --accent: #d4c8aa;
2604
+ --accent-foreground: #4a3f35;
2605
+ --destructive: #b54a35;
2606
+ --destructive-foreground: #ffffff;
2607
+ --border: #dbd0ba;
2608
+ --input: #dbd0ba;
2609
+ --ring: #a67c52;
2610
+ --chart-1: #a67c52;
2611
+ --chart-2: #8d6e4c;
2612
+ --chart-3: #735a3a;
2613
+ --chart-4: #b3906f;
2614
+ --chart-5: #c0a080;
2615
+ --radius: 0.25rem;
2616
+ --sidebar: #ece5d8;
2617
+ --sidebar-foreground: #4a3f35;
2618
+ --sidebar-primary: #a67c52;
2619
+ --sidebar-primary-foreground: #ffffff;
2620
+ --sidebar-accent: #d4c8aa;
2621
+ --sidebar-accent-foreground: #4a3f35;
2622
+ --sidebar-border: #dbd0ba;
2623
+ --sidebar-ring: #a67c52;
2624
+ --font-sans: Libre Baskerville, serif;
2625
+ --font-serif: Lora, serif;
2626
+ --font-mono: IBM Plex Mono, monospace;
2627
+ --shadow-color: hsl(28 13% 20%);
2628
+ --shadow-opacity: 0.12;
2629
+ --shadow-blur: 5px;
2630
+ --shadow-spread: 0px;
2631
+ --shadow-offset-x: 2px;
2632
+ --shadow-offset-y: 3px;
2633
+ }
2634
+
2635
+ .theme-vintage-paper.dark {
2636
+ --background: #2d2621;
2637
+ --foreground: #ece5d8;
2638
+ --card: #3a322c;
2639
+ --card-foreground: #ece5d8;
2640
+ --popover: #3a322c;
2641
+ --popover-foreground: #ece5d8;
2642
+ --primary: #c0a080;
2643
+ --primary-foreground: #2d2621;
2644
+ --secondary: #4a4039;
2645
+ --secondary-foreground: #ece5d8;
2646
+ --muted: #3a322c;
2647
+ --muted-foreground: #c5bcac;
2648
+ --accent: #59493e;
2649
+ --accent-foreground: #ece5d8;
2650
+ --destructive: #b54a35;
2651
+ --destructive-foreground: #ffffff;
2652
+ --border: #4a4039;
2653
+ --input: #4a4039;
2654
+ --ring: #c0a080;
2655
+ --chart-1: #c0a080;
2656
+ --chart-2: #b3906f;
2657
+ --chart-3: #a67c52;
2658
+ --chart-4: #8d6e4c;
2659
+ --chart-5: #735a3a;
2660
+ --radius: 0.25rem;
2661
+ --sidebar: #2d2621;
2662
+ --sidebar-foreground: #ece5d8;
2663
+ --sidebar-primary: #c0a080;
2664
+ --sidebar-primary-foreground: #2d2621;
2665
+ --sidebar-accent: #59493e;
2666
+ --sidebar-accent-foreground: #ece5d8;
2667
+ --sidebar-border: #4a4039;
2668
+ --sidebar-ring: #c0a080;
2669
+ }
2670
+
2671
+ .theme-sunset-horizon.light {
2672
+ --background: #fff9f5;
2673
+ --foreground: #3d3436;
2674
+ --card: #ffffff;
2675
+ --card-foreground: #3d3436;
2676
+ --popover: #ffffff;
2677
+ --popover-foreground: #3d3436;
2678
+ --primary: #ff7e5f;
2679
+ --primary-foreground: #ffffff;
2680
+ --secondary: #ffedea;
2681
+ --secondary-foreground: #b35340;
2682
+ --muted: #fff0eb;
2683
+ --muted-foreground: #78716C;
2684
+ --accent: #feb47b;
2685
+ --accent-foreground: #3d3436;
2686
+ --destructive: #e63946;
2687
+ --destructive-foreground: #ffffff;
2688
+ --border: #ffe0d6;
2689
+ --input: #ffe0d6;
2690
+ --ring: #ff7e5f;
2691
+ --chart-1: #ff7e5f;
2692
+ --chart-2: #feb47b;
2693
+ --chart-3: #ffcaa7;
2694
+ --chart-4: #ffad8f;
2695
+ --chart-5: #ce6a57;
2696
+ --radius: 0.625rem;
2697
+ --sidebar: #fff0eb;
2698
+ --sidebar-foreground: #3d3436;
2699
+ --sidebar-primary: #ff7e5f;
2700
+ --sidebar-primary-foreground: #ffffff;
2701
+ --sidebar-accent: #feb47b;
2702
+ --sidebar-accent-foreground: #3d3436;
2703
+ --sidebar-border: #ffe0d6;
2704
+ --sidebar-ring: #ff7e5f;
2705
+ --font-sans: Montserrat, sans-serif;
2706
+ --font-serif: Merriweather, serif;
2707
+ --font-mono: Ubuntu Mono, monospace;
2708
+ --shadow-color: hsl(0 0% 0%);
2709
+ --shadow-opacity: 0.09;
2710
+ --shadow-blur: 12px;
2711
+ --shadow-spread: -3px;
2712
+ --shadow-offset-x: 0px;
2713
+ --shadow-offset-y: 6px;
2714
+ }
2715
+
2716
+ .theme-sunset-horizon.dark {
2717
+ --background: #2a2024;
2718
+ --foreground: #f2e9e4;
2719
+ --card: #392f35;
2720
+ --card-foreground: #f2e9e4;
2721
+ --popover: #392f35;
2722
+ --popover-foreground: #f2e9e4;
2723
+ --primary: #ff7e5f;
2724
+ --primary-foreground: #ffffff;
2725
+ --secondary: #463a41;
2726
+ --secondary-foreground: #f2e9e4;
2727
+ --muted: #392f35;
2728
+ --muted-foreground: #d7c6bc;
2729
+ --accent: #feb47b;
2730
+ --accent-foreground: #2a2024;
2731
+ --destructive: #e63946;
2732
+ --destructive-foreground: #ffffff;
2733
+ --border: #463a41;
2734
+ --input: #463a41;
2735
+ --ring: #ff7e5f;
2736
+ --chart-1: #ff7e5f;
2737
+ --chart-2: #feb47b;
2738
+ --chart-3: #ffcaa7;
2739
+ --chart-4: #ffad8f;
2740
+ --chart-5: #ce6a57;
2741
+ --radius: 0.625rem;
2742
+ --sidebar: #2a2024;
2743
+ --sidebar-foreground: #f2e9e4;
2744
+ --sidebar-primary: #ff7e5f;
2745
+ --sidebar-primary-foreground: #ffffff;
2746
+ --sidebar-accent: #feb47b;
2747
+ --sidebar-accent-foreground: #2a2024;
2748
+ --sidebar-border: #463a41;
2749
+ --sidebar-ring: #ff7e5f;
2750
+ }
2751
+
2752
+ .theme-starry-night.light {
2753
+ --background: #f5f7fa;
2754
+ --foreground: #1a2238;
2755
+ --card: #e3eaf2;
2756
+ --card-foreground: #1a2238;
2757
+ --popover: #fffbe6;
2758
+ --popover-foreground: #1a2238;
2759
+ --primary: #3a5ba0;
2760
+ --primary-foreground: #fffbe6;
2761
+ --secondary: #f7c873;
2762
+ --secondary-foreground: #1a2238;
2763
+ --muted: #e5e5df;
2764
+ --muted-foreground: #3a5ba0;
2765
+ --accent: #6ea3c1;
2766
+ --accent-foreground: #fffbe6;
2767
+ --destructive: #2d1e2f;
2768
+ --destructive-foreground: #fffbe6;
2769
+ --border: #b0b8c1;
2770
+ --input: #6ea3c1;
2771
+ --ring: #f7c873;
2772
+ --chart-1: #3a5ba0;
2773
+ --chart-2: #f7c873;
2774
+ --chart-3: #6ea3c1;
2775
+ --chart-4: #b0b8c1;
2776
+ --chart-5: #2d1e2f;
2777
+ --sidebar: #e3eaf2;
2778
+ --sidebar-foreground: #1a2238;
2779
+ --sidebar-primary: #3a5ba0;
2780
+ --sidebar-primary-foreground: #fffbe6;
2781
+ --sidebar-accent: #f7c873;
2782
+ --sidebar-accent-foreground: #1a2238;
2783
+ --sidebar-border: #b0b8c1;
2784
+ --sidebar-ring: #f7c873;
2785
+ --font-sans: Libre Baskerville, serif;
2786
+ --radius: 0.5rem;
2787
+ }
2788
+
2789
+ .theme-starry-night.dark {
2790
+ --background: #181a24;
2791
+ --foreground: #e6eaf3;
2792
+ --card: #23243a;
2793
+ --card-foreground: #e6eaf3;
2794
+ --popover: #23243a;
2795
+ --popover-foreground: #ffe066;
2796
+ --primary: #3a5ba0;
2797
+ --primary-foreground: #ffe066;
2798
+ --secondary: #ffe066;
2799
+ --secondary-foreground: #23243a;
2800
+ --muted: #23243a;
2801
+ --muted-foreground: #7a88a1;
2802
+ --accent: #bccdf0;
2803
+ --accent-foreground: #181a24;
2804
+ --destructive: #a04a6c;
2805
+ --destructive-foreground: #ffe066;
2806
+ --border: #2d2e3e;
2807
+ --input: #3a5ba0;
2808
+ --ring: #ffe066;
2809
+ --chart-1: #3a5ba0;
2810
+ --chart-2: #ffe066;
2811
+ --chart-3: #6ea3c1;
2812
+ --chart-4: #7a88a1;
2813
+ --chart-5: #a04a6c;
2814
+ --sidebar: #23243a;
2815
+ --sidebar-foreground: #e6eaf3;
2816
+ --sidebar-primary: #3a5ba0;
2817
+ --sidebar-primary-foreground: #ffe066;
2818
+ --sidebar-accent: #ffe066;
2819
+ --sidebar-accent-foreground: #23243a;
2820
+ --sidebar-border: #2d2e3e;
2821
+ --sidebar-ring: #ffe066;
2822
+ --radius: 0.5rem;
2823
+ }
2824
+
2825
+ .theme-claude.light {
2826
+ --background: #faf9f5;
2827
+ --foreground: #3d3929;
2828
+ --card: #faf9f5;
2829
+ --card-foreground: #141413;
2830
+ --popover: #ffffff;
2831
+ --popover-foreground: #28261b;
2832
+ --primary: #c96442;
2833
+ --primary-foreground: #ffffff;
2834
+ --secondary: #e9e6dc;
2835
+ --secondary-foreground: #535146;
2836
+ --muted: #ede9de;
2837
+ --muted-foreground: #83827d;
2838
+ --accent: #e9e6dc;
2839
+ --accent-foreground: #28261b;
2840
+ --destructive: #141413;
2841
+ --destructive-foreground: #ffffff;
2842
+ --border: #dad9d4;
2843
+ --input: #b4b2a7;
2844
+ --ring: #207fde;
2845
+ --chart-1: #b05730;
2846
+ --chart-2: #9c87f5;
2847
+ --chart-3: #ded8c4;
2848
+ --chart-4: #dbd3f0;
2849
+ --chart-5: #b4552d;
2850
+ --sidebar: #f5f4ee;
2851
+ --sidebar-foreground: #3d3d3a;
2852
+ --sidebar-primary: #c96442;
2853
+ --sidebar-primary-foreground: #fbfbfb;
2854
+ --sidebar-accent: #e9e6dc;
2855
+ --sidebar-accent-foreground: #343434;
2856
+ --sidebar-border: #ebebeb;
2857
+ --sidebar-ring: #b5b5b5;
2858
+ --radius: 0.5rem;
2859
+ }
2860
+
2861
+ .theme-claude.dark {
2862
+ --background: #262624;
2863
+ --foreground: #c3c0b6;
2864
+ --card: #262624;
2865
+ --card-foreground: #faf9f5;
2866
+ --popover: #30302e;
2867
+ --popover-foreground: #e5e5e2;
2868
+ --primary: #d97757;
2869
+ --primary-foreground: #ffffff;
2870
+ --secondary: #faf9f5;
2871
+ --secondary-foreground: #30302e;
2872
+ --muted: #1b1b19;
2873
+ --muted-foreground: #b7b5a9;
2874
+ --accent: #1a1915;
2875
+ --accent-foreground: #f5f4ee;
2876
+ --destructive: #ef4444;
2877
+ --destructive-foreground: #ffffff;
2878
+ --border: #3e3e38;
2879
+ --input: #52514a;
2880
+ --ring: #207fde;
2881
+ --chart-1: #b05730;
2882
+ --chart-2: #9c87f5;
2883
+ --chart-3: #1a1915;
2884
+ --chart-4: #2f2b48;
2885
+ --chart-5: #b4552d;
2886
+ --sidebar: #1f1e1d;
2887
+ --sidebar-foreground: #c3c0b6;
2888
+ --sidebar-primary: #343434;
2889
+ --sidebar-primary-foreground: #fbfbfb;
2890
+ --sidebar-accent: #0f0f0e;
2891
+ --sidebar-accent-foreground: #c3c0b6;
2892
+ --sidebar-border: #ebebeb;
2893
+ --sidebar-ring: #b5b5b5;
2894
+ }
2895
+
2896
+ .theme-vercel.light {
2897
+ --background: oklch(0.99 0 0);
2898
+ --foreground: oklch(0 0 0);
2899
+ --card: oklch(1.00 0 0);
2900
+ --card-foreground: oklch(0 0 0);
2901
+ --popover: oklch(0.99 0 0);
2902
+ --popover-foreground: oklch(0 0 0);
2903
+ --primary: oklch(0 0 0);
2904
+ --primary-foreground: oklch(1.00 0 0);
2905
+ --secondary: oklch(0.94 0 0);
2906
+ --secondary-foreground: oklch(0 0 0);
2907
+ --muted: oklch(0.97 0 0);
2908
+ --muted-foreground: oklch(0.44 0 0);
2909
+ --accent: oklch(0.94 0 0);
2910
+ --accent-foreground: oklch(0 0 0);
2911
+ --destructive: oklch(0.63 0.19 23.03);
2912
+ --destructive-foreground: oklch(1.00 0 0);
2913
+ --border: oklch(0.92 0 0);
2914
+ --input: oklch(0.94 0 0);
2915
+ --ring: oklch(0 0 0);
2916
+ --chart-1: oklch(0.81 0.17 75.35);
2917
+ --chart-2: oklch(0.55 0.22 264.53);
2918
+ --chart-3: oklch(0.72 0 0);
2919
+ --chart-4: oklch(0.92 0 0);
2920
+ --chart-5: oklch(0.56 0 0);
2921
+ --sidebar: oklch(0.99 0 0);
2922
+ --sidebar-foreground: oklch(0 0 0);
2923
+ --sidebar-primary: oklch(0 0 0);
2924
+ --sidebar-primary-foreground: oklch(1.00 0 0);
2925
+ --sidebar-accent: oklch(0.94 0 0);
2926
+ --sidebar-accent-foreground: oklch(0 0 0);
2927
+ --sidebar-border: oklch(0.94 0 0);
2928
+ --sidebar-ring: oklch(0 0 0);
2929
+ --font-sans: Geist, sans-serif;
2930
+ --font-serif: Georgia, serif;
2931
+ --font-mono: Geist Mono, monospace;
2932
+ --radius: 0.5rem;
2933
+ --shadow-color: hsl(0 0% 0%);
2934
+ --shadow-opacity: 0.18;
2935
+ --shadow-blur: 2px;
2936
+ --shadow-spread: 0px;
2937
+ --shadow-offset-x: 0px;
2938
+ --shadow-offset-y: 1px;
2939
+ }
2940
+
2941
+ .theme-vercel.dark {
2942
+ --background: oklch(0 0 0);
2943
+ --foreground: oklch(1.00 0 0);
2944
+ --card: oklch(0.14 0 0);
2945
+ --card-foreground: oklch(1.00 0 0);
2946
+ --popover: oklch(0.18 0 0);
2947
+ --popover-foreground: oklch(1.00 0 0);
2948
+ --primary: oklch(1.00 0 0);
2949
+ --primary-foreground: oklch(0 0 0);
2950
+ --secondary: oklch(0.25 0 0);
2951
+ --secondary-foreground: oklch(1.00 0 0);
2952
+ --muted: oklch(0.23 0 0);
2953
+ --muted-foreground: oklch(0.72 0 0);
2954
+ --accent: oklch(0.32 0 0);
2955
+ --accent-foreground: oklch(1.00 0 0);
2956
+ --destructive: oklch(0.69 0.20 23.91);
2957
+ --destructive-foreground: oklch(0 0 0);
2958
+ --border: oklch(0.26 0 0);
2959
+ --input: oklch(0.32 0 0);
2960
+ --ring: oklch(0.72 0 0);
2961
+ --chart-1: oklch(0.81 0.17 75.35);
2962
+ --chart-2: oklch(0.58 0.21 260.84);
2963
+ --chart-3: oklch(0.56 0 0);
2964
+ --chart-4: oklch(0.44 0 0);
2965
+ --chart-5: oklch(0.92 0 0);
2966
+ --sidebar: oklch(0.18 0 0);
2967
+ --sidebar-foreground: oklch(1.00 0 0);
2968
+ --sidebar-primary: oklch(1.00 0 0);
2969
+ --sidebar-primary-foreground: oklch(0 0 0);
2970
+ --sidebar-accent: oklch(0.32 0 0);
2971
+ --sidebar-accent-foreground: oklch(1.00 0 0);
2972
+ --sidebar-border: oklch(0.32 0 0);
2973
+ --sidebar-ring: oklch(0.72 0 0);
2974
+ --font-sans: Geist, sans-serif;
2975
+ --font-serif: Georgia, serif;
2976
+ --font-mono: Geist Mono, monospace;
2977
+ }
2978
+
2979
+ .theme-mono.light {
2980
+ --background: #ffffff;
2981
+ --foreground: #0a0a0a;
2982
+ --card: #ffffff;
2983
+ --card-foreground: #0a0a0a;
2984
+ --popover: #ffffff;
2985
+ --popover-foreground: #0a0a0a;
2986
+ --primary: #737373;
2987
+ --primary-foreground: #fafafa;
2988
+ --secondary: #f5f5f5;
2989
+ --secondary-foreground: #171717;
2990
+ --muted: #f5f5f5;
2991
+ --muted-foreground: #717171;
2992
+ --accent: #f5f5f5;
2993
+ --accent-foreground: #171717;
2994
+ --destructive: #e7000b;
2995
+ --destructive-foreground: #f5f5f5;
2996
+ --border: #e5e5e5;
2997
+ --input: #e5e5e5;
2998
+ --ring: #a1a1a1;
2999
+ --chart-1: #737373;
3000
+ --chart-2: #737373;
3001
+ --chart-3: #737373;
3002
+ --chart-4: #737373;
3003
+ --chart-5: #737373;
3004
+ --sidebar: #fafafa;
3005
+ --sidebar-foreground: #0a0a0a;
3006
+ --sidebar-primary: #171717;
3007
+ --sidebar-primary-foreground: #fafafa;
3008
+ --sidebar-accent: #f5f5f5;
3009
+ --sidebar-accent-foreground: #171717;
3010
+ --sidebar-border: #e5e5e5;
3011
+ --sidebar-ring: #a1a1a1;
3012
+ --font-sans: Geist Mono, monospace;
3013
+ --font-serif: Geist Mono, monospace;
3014
+ --font-mono: Geist Mono, monospace;
3015
+ --radius: 0rem;
3016
+ --shadow-color: hsl(0 0% 0%);
3017
+ --shadow-opacity: 0;
3018
+ --shadow-blur: 0px;
3019
+ --shadow-spread: 0px;
3020
+ --shadow-offset-x: 0px;
3021
+ --shadow-offset-y: 1px;
3022
+ }
3023
+
3024
+ .theme-mono.dark {
3025
+ --background: #0a0a0a;
3026
+ --foreground: #fafafa;
3027
+ --card: #191919;
3028
+ --card-foreground: #fafafa;
3029
+ --popover: #262626;
3030
+ --popover-foreground: #fafafa;
3031
+ --primary: #737373;
3032
+ --primary-foreground: #fafafa;
3033
+ --secondary: #262626;
3034
+ --secondary-foreground: #fafafa;
3035
+ --muted: #262626;
3036
+ --muted-foreground: #a1a1a1;
3037
+ --accent: #404040;
3038
+ --accent-foreground: #fafafa;
3039
+ --destructive: #ff6467;
3040
+ --destructive-foreground: #262626;
3041
+ --border: #383838;
3042
+ --input: #525252;
3043
+ --ring: #737373;
3044
+ --chart-1: #737373;
3045
+ --chart-2: #737373;
3046
+ --chart-3: #737373;
3047
+ --chart-4: #737373;
3048
+ --chart-5: #737373;
3049
+ --sidebar: #171717;
3050
+ --sidebar-foreground: #fafafa;
3051
+ --sidebar-primary: #fafafa;
3052
+ --sidebar-primary-foreground: #171717;
3053
+ --sidebar-accent: #262626;
3054
+ --sidebar-accent-foreground: #fafafa;
3055
+ --sidebar-border: #ffffff;
3056
+ --sidebar-ring: #525252;
3057
+ }