@kilivi/payloadcms-theme-management 0.5.4 → 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/extended-themes.d.ts +7 -0
  2. package/dist/extended-themes.d.ts.map +1 -0
  3. package/dist/extended-themes.js +1087 -0
  4. package/dist/extended-themes.js.map +1 -0
  5. package/dist/fields/ThemePreviewField.css +94 -0
  6. package/dist/fields/ThemePreviewField.d.ts +1 -0
  7. package/dist/fields/ThemePreviewField.d.ts.map +1 -1
  8. package/dist/fields/ThemePreviewField.js +10 -45
  9. package/dist/fields/ThemePreviewField.js.map +1 -1
  10. package/dist/presets.d.ts.map +1 -1
  11. package/dist/presets.js +4 -4
  12. package/dist/presets.js.map +1 -1
  13. package/package.json +1 -1
package/dist/extended-themes.js ADDED
@@ -0,0 +1,1087 @@
1
+ /**
2
+ * Extended color themes
3
+ * These themes provide additional color options beyond the default themes
4
+ */ export const extendedThemes = [
5
+ {
6
+ name: 'cyberpunk',
7
+ label: 'Cyberpunk Neon',
8
+ borderRadius: 'large',
9
+ preview: {
10
+ colors: {
11
+ primary: 'hsl(320, 25%, 65%)',
12
+ background: 'hsl(180, 2%, 98%)',
13
+ accent: 'hsl(290, 22%, 75%)'
14
+ }
15
+ },
16
+ lightMode: {
17
+ background: '#ebfdf9',
18
+ foreground: '#12051a',
19
+ card: '#ddf9f2',
20
+ cardForeground: '#12051a',
21
+ popover: '#ddf9f2',
22
+ popoverForeground: '#12051a',
23
+ primary: '#ce47eb',
24
+ primaryForeground: '#fcf6fd',
25
+ secondary: '#d7dbff',
26
+ secondaryForeground: '#08071f',
27
+ muted: '#d7e9e5',
28
+ mutedForeground: '#6c5b79',
29
+ accent: '#b08dff',
30
+ accentForeground: '#f8f7ff',
31
+ destructive: '#f0004d',
32
+ destructiveForeground: '#fff6f6',
33
+ border: '#bce1d8',
34
+ input: '#bce1d8',
35
+ ring: '#ce47eb'
36
+ },
37
+ darkMode: {
38
+ background: '#07000f',
39
+ foreground: '#fee4ff',
40
+ card: '#0c0016',
41
+ cardForeground: '#fee4ff',
42
+ popover: '#0c0016',
43
+ popoverForeground: '#fee4ff',
44
+ primary: '#f75cff',
45
+ primaryForeground: '#09000c',
46
+ secondary: '#110e39',
47
+ secondaryForeground: '#e7ecff',
48
+ muted: '#1a0825',
49
+ mutedForeground: '#a57fae',
50
+ accent: '#9463ff',
51
+ accentForeground: '#040112',
52
+ destructive: '#ff0063',
53
+ destructiveForeground: '#0f0001',
54
+ border: '#2d143e',
55
+ input: '#2d143e',
56
+ ring: '#f75cff'
57
+ }
58
+ },
59
+ {
60
+ name: 'minimal',
61
+ label: 'Minimal Clean',
62
+ borderRadius: 'none',
63
+ preview: {
64
+ colors: {
65
+ primary: 'hsl(0, 0%, 12%)',
66
+ background: 'hsl(0, 0%, 100%)',
67
+ accent: 'hsl(0, 0%, 96%)'
68
+ }
69
+ },
70
+ lightMode: {
71
+ background: '#ffffff',
72
+ foreground: '#060606',
73
+ card: '#ffffff',
74
+ cardForeground: '#060606',
75
+ popover: '#ffffff',
76
+ popoverForeground: '#060606',
77
+ primary: '#060606',
78
+ primaryForeground: '#ffffff',
79
+ secondary: '#f8f8f8',
80
+ secondaryForeground: '#060606',
81
+ muted: '#f8f8f8',
82
+ mutedForeground: '#717171',
83
+ accent: '#f2f2f2',
84
+ accentForeground: '#060606',
85
+ destructive: '#d40924',
86
+ destructiveForeground: '#ffffff',
87
+ border: '#ebebeb',
88
+ input: '#ebebeb',
89
+ ring: '#060606'
90
+ },
91
+ darkMode: {
92
+ background: '#060606',
93
+ foreground: '#f8f8f8',
94
+ card: '#0d0d0d',
95
+ cardForeground: '#f8f8f8',
96
+ popover: '#0d0d0d',
97
+ popoverForeground: '#f8f8f8',
98
+ primary: '#f8f8f8',
99
+ primaryForeground: '#060606',
100
+ secondary: '#1b1b1b',
101
+ secondaryForeground: '#f8f8f8',
102
+ muted: '#1b1b1b',
103
+ mutedForeground: '#8f8f8f',
104
+ accent: '#292929',
105
+ accentForeground: '#f8f8f8',
106
+ destructive: '#ff2335',
107
+ destructiveForeground: '#f8f8f8',
108
+ border: '#242424',
109
+ input: '#242424',
110
+ ring: '#cecece'
111
+ }
112
+ },
113
+ {
114
+ name: 'retro',
115
+ label: 'Retro Vintage',
116
+ borderRadius: 'small',
117
+ preview: {
118
+ colors: {
119
+ primary: 'hsl(35, 18%, 55%)',
120
+ background: 'hsl(80, 3%, 96%)',
121
+ accent: 'hsl(50, 16%, 68%)'
122
+ }
123
+ },
124
+ lightMode: {
125
+ background: '#fdf0dc',
126
+ foreground: '#35180e',
127
+ card: '#fbe8ce',
128
+ cardForeground: '#35180e',
129
+ popover: '#fbe8ce',
130
+ popoverForeground: '#35180e',
131
+ primary: '#c43b15',
132
+ primaryForeground: '#ffede9',
133
+ secondary: '#f2d1ad',
134
+ secondaryForeground: '#311d03',
135
+ muted: '#ecdcc1',
136
+ mutedForeground: '#844d3a',
137
+ accent: '#e4762c',
138
+ accentForeground: '#feeee6',
139
+ destructive: '#c11435',
140
+ destructiveForeground: '#ffedec',
141
+ border: '#e1caaa',
142
+ input: '#e1caaa',
143
+ ring: '#c43b15'
144
+ },
145
+ darkMode: {
146
+ background: '#200b04',
147
+ foreground: '#f3e2c7',
148
+ card: '#2d1107',
149
+ cardForeground: '#f3e2c7',
150
+ popover: '#2d1107',
151
+ popoverForeground: '#f3e2c7',
152
+ primary: '#ff6a43',
153
+ primaryForeground: '#200a05',
154
+ secondary: '#462400',
155
+ secondaryForeground: '#f6e1c9',
156
+ muted: '#3c180b',
157
+ mutedForeground: '#b2935e',
158
+ accent: '#d05500',
159
+ accentForeground: '#1f0b02',
160
+ destructive: '#ff4a5d',
161
+ destructiveForeground: '#20090a',
162
+ border: '#4c271a',
163
+ input: '#4c271a',
164
+ ring: '#ff6a43'
165
+ }
166
+ },
167
+ {
168
+ name: 'brutal',
169
+ label: 'Brutal',
170
+ borderRadius: 'none',
171
+ preview: {
172
+ colors: {
173
+ primary: 'hsl(0, 0%, 0%)',
174
+ background: 'hsl(0, 0%, 99%)',
175
+ accent: 'hsl(0, 0%, 85%)'
176
+ }
177
+ },
178
+ lightMode: {
179
+ background: '#fcfcfc',
180
+ foreground: '#000000',
181
+ card: '#fcfcfc',
182
+ cardForeground: '#000000',
183
+ popover: '#fcfcfc',
184
+ popoverForeground: '#000000',
185
+ primary: '#000000',
186
+ primaryForeground: '#fcfcfc',
187
+ secondary: '#cecece',
188
+ secondaryForeground: '#000000',
189
+ muted: '#dedede',
190
+ mutedForeground: '#484848',
191
+ accent: '#cecece',
192
+ accentForeground: '#000000',
193
+ destructive: '#df000d',
194
+ destructiveForeground: '#fcfcfc',
195
+ border: '#000000',
196
+ input: '#000000',
197
+ ring: '#000000'
198
+ },
199
+ darkMode: {
200
+ background: '#030303',
201
+ foreground: '#fcfcfc',
202
+ card: '#030303',
203
+ cardForeground: '#fcfcfc',
204
+ popover: '#030303',
205
+ popoverForeground: '#fcfcfc',
206
+ primary: '#fcfcfc',
207
+ primaryForeground: '#030303',
208
+ secondary: '#222222',
209
+ secondaryForeground: '#fcfcfc',
210
+ muted: '#161616',
211
+ mutedForeground: '#9e9e9e',
212
+ accent: '#222222',
213
+ accentForeground: '#fcfcfc',
214
+ destructive: '#ff0022',
215
+ destructiveForeground: '#030303',
216
+ border: '#fcfcfc',
217
+ input: '#fcfcfc',
218
+ ring: '#fcfcfc'
219
+ }
220
+ },
221
+ {
222
+ name: 'pastel',
223
+ label: 'Pastel Soft',
224
+ borderRadius: 'xl',
225
+ preview: {
226
+ colors: {
227
+ primary: 'hsl(270, 12%, 70%)',
228
+ background: 'hsl(250, 1%, 98%)',
229
+ accent: 'hsl(300, 8%, 85%)'
230
+ }
231
+ },
232
+ lightMode: {
233
+ background: '#f4f9ff',
234
+ foreground: '#1e2f41',
235
+ card: '#e6f4fe',
236
+ cardForeground: '#1e2f41',
237
+ popover: '#e6f4fe',
238
+ popoverForeground: '#1e2f41',
239
+ primary: '#819ae9',
240
+ primaryForeground: '#f6f8ff',
241
+ secondary: '#afebee',
242
+ secondaryForeground: '#113436',
243
+ muted: '#d7ebfa',
244
+ mutedForeground: '#577594',
245
+ accent: '#d5c2fb',
246
+ accentForeground: '#31293f',
247
+ destructive: '#db6468',
248
+ destructiveForeground: '#fff6f6',
249
+ border: '#bbddf6',
250
+ input: '#bbddf6',
251
+ ring: '#819ae9'
252
+ },
253
+ darkMode: {
254
+ background: '#071727',
255
+ foreground: '#e9eefc',
256
+ card: '#042234',
257
+ cardForeground: '#e9eefc',
258
+ popover: '#042234',
259
+ popoverForeground: '#e9eefc',
260
+ primary: '#8ca8ff',
261
+ primaryForeground: '#0f1528',
262
+ secondary: '#00464b',
263
+ secondaryForeground: '#e0f3f4',
264
+ muted: '#042c43',
265
+ mutedForeground: '#8b9cd1',
266
+ accent: '#6c5594',
267
+ accentForeground: '#f0ecfa',
268
+ destructive: '#fa676e',
269
+ destructiveForeground: '#250e0e',
270
+ border: '#10364e',
271
+ input: '#10364e',
272
+ ring: '#8ca8ff'
273
+ }
274
+ },
275
+ {
276
+ name: 'ocean',
277
+ label: 'Ocean Deep',
278
+ borderRadius: 'medium',
279
+ preview: {
280
+ colors: {
281
+ primary: 'hsl(230, 18%, 55%)',
282
+ background: 'hsl(220, 2%, 97%)',
283
+ accent: 'hsl(190, 15%, 68%)'
284
+ }
285
+ },
286
+ lightMode: {
287
+ background: '#e7f9ff',
288
+ foreground: '#00202e',
289
+ card: '#d9f4fb',
290
+ cardForeground: '#00202e',
291
+ popover: '#d9f4fb',
292
+ popoverForeground: '#00202e',
293
+ primary: '#007fc5',
294
+ primaryForeground: '#e8f8ff',
295
+ secondary: '#a9e4e7',
296
+ secondaryForeground: '#002225',
297
+ muted: '#c4e9f2',
298
+ mutedForeground: '#1f6e83',
299
+ accent: '#00b4ad',
300
+ accentForeground: '#e7faf8',
301
+ destructive: '#df202e',
302
+ destructiveForeground: '#fff0ee',
303
+ border: '#a9d7e2',
304
+ input: '#a9d7e2',
305
+ ring: '#007fc5'
306
+ },
307
+ darkMode: {
308
+ background: '#000e17',
309
+ foreground: '#c8ebf7',
310
+ card: '#001922',
311
+ cardForeground: '#c8ebf7',
312
+ popover: '#001922',
313
+ popoverForeground: '#c8ebf7',
314
+ primary: '#00b0ff',
315
+ primaryForeground: '#000e19',
316
+ secondary: '#003338',
317
+ secondaryForeground: '#c7edef',
318
+ muted: '#002631',
319
+ mutedForeground: '#5ba4ba',
320
+ accent: '#009791',
321
+ accentForeground: '#c7eeea',
322
+ destructive: '#ff3d44',
323
+ destructiveForeground: '#190404',
324
+ border: '#003540',
325
+ input: '#003540',
326
+ ring: '#00b0ff'
327
+ }
328
+ },
329
+ {
330
+ name: 'forest',
331
+ label: 'Forest Green',
332
+ borderRadius: 'medium',
333
+ preview: {
334
+ colors: {
335
+ primary: 'hsl(145, 16%, 52%)',
336
+ background: 'hsl(145, 2%, 97%)',
337
+ accent: 'hsl(155, 14%, 65%)'
338
+ }
339
+ },
340
+ lightMode: {
341
+ background: '#edf9ed',
342
+ foreground: '#011d04',
343
+ card: '#e4f4e1',
344
+ cardForeground: '#011d04',
345
+ popover: '#e4f4e1',
346
+ popoverForeground: '#011d04',
347
+ primary: '#097f23',
348
+ primaryForeground: '#edf9ed',
349
+ secondary: '#cddfbc',
350
+ secondaryForeground: '#0c1b00',
351
+ muted: '#d7e7d4',
352
+ mutedForeground: '#3f6a41',
353
+ accent: '#33a868',
354
+ accentForeground: '#ebf9ef',
355
+ destructive: '#df202e',
356
+ destructiveForeground: '#fff0ee',
357
+ border: '#c0d5bc',
358
+ input: '#c0d5bc',
359
+ ring: '#097f23'
360
+ },
361
+ darkMode: {
362
+ background: '#031203',
363
+ foreground: '#d9ead9',
364
+ card: '#081b05',
365
+ cardForeground: '#d9ead9',
366
+ popover: '#081b05',
367
+ popoverForeground: '#d9ead9',
368
+ primary: '#3db44a',
369
+ primaryForeground: '#031203',
370
+ secondary: '#223409',
371
+ secondaryForeground: '#dee9d4',
372
+ muted: '#14270f',
373
+ mutedForeground: '#7da47e',
374
+ accent: '#00944d',
375
+ accentForeground: '#d6ebdc',
376
+ destructive: '#ff3d44',
377
+ destructiveForeground: '#1b0605',
378
+ border: '#213a1c',
379
+ input: '#213a1c',
380
+ ring: '#3db44a'
381
+ }
382
+ },
383
+ {
384
+ name: 'sunset',
385
+ label: 'Sunset Warm',
386
+ borderRadius: 'large',
387
+ preview: {
388
+ colors: {
389
+ primary: 'hsl(35, 20%, 60%)',
390
+ background: 'hsl(50, 3%, 97%)',
391
+ accent: 'hsl(20, 18%, 68%)'
392
+ }
393
+ },
394
+ lightMode: {
395
+ background: '#fff0e4',
396
+ foreground: '#391609',
397
+ card: '#ffe7d9',
398
+ cardForeground: '#391609',
399
+ popover: '#ffe7d9',
400
+ popoverForeground: '#391609',
401
+ primary: '#dd4115',
402
+ primaryForeground: '#fff1ec',
403
+ secondary: '#ffcaa5',
404
+ secondaryForeground: '#371801',
405
+ muted: '#ffd8c6',
406
+ mutedForeground: '#8e503a',
407
+ accent: '#f36069',
408
+ accentForeground: '#fff0ef',
409
+ destructive: '#e5004a',
410
+ destructiveForeground: '#fff0f1',
411
+ border: '#f4c5b1',
412
+ input: '#f4c5b1',
413
+ ring: '#dd4115'
414
+ },
415
+ darkMode: {
416
+ background: '#230802',
417
+ foreground: '#ffe4d4',
418
+ card: '#300f01',
419
+ cardForeground: '#ffe4d4',
420
+ popover: '#300f01',
421
+ popoverForeground: '#ffe4d4',
422
+ primary: '#ff6134',
423
+ primaryForeground: '#230703',
424
+ secondary: '#572000',
425
+ secondaryForeground: '#ffe5d2',
426
+ muted: '#3e1602',
427
+ mutedForeground: '#cc8e6b',
428
+ accent: '#e54151',
429
+ accentForeground: '#ffe1e0',
430
+ destructive: '#ff2162',
431
+ destructiveForeground: '#23060a',
432
+ border: '#592810',
433
+ input: '#592810',
434
+ ring: '#ff6134'
435
+ }
436
+ },
437
+ {
438
+ name: 'lavender',
439
+ label: 'Lavender Dream',
440
+ borderRadius: 'xl',
441
+ preview: {
442
+ colors: {
443
+ primary: 'hsl(295, 16%, 62%)',
444
+ background: 'hsl(295, 2%, 98%)',
445
+ accent: 'hsl(310, 14%, 72%)'
446
+ }
447
+ },
448
+ lightMode: {
449
+ background: '#f9f6ff',
450
+ foreground: '#231c37',
451
+ card: '#f1efff',
452
+ cardForeground: '#231c37',
453
+ popover: '#f1efff',
454
+ popoverForeground: '#231c37',
455
+ primary: '#8f6edb',
456
+ primaryForeground: '#f9f7ff',
457
+ secondary: '#d5daff',
458
+ secondaryForeground: '#1d1e39',
459
+ muted: '#e7e4ff',
460
+ mutedForeground: '#6c5f92',
461
+ accent: '#bf8ae6',
462
+ accentForeground: '#faf7fe',
463
+ destructive: '#df202e',
464
+ destructiveForeground: '#fff6f5',
465
+ border: '#d6d3f7',
466
+ input: '#d6d3f7',
467
+ ring: '#8f6edb'
468
+ },
469
+ darkMode: {
470
+ background: '#110b1f',
471
+ foreground: '#e9e4fa',
472
+ card: '#18132d',
473
+ cardForeground: '#e9e4fa',
474
+ popover: '#18132d',
475
+ popoverForeground: '#e9e4fa',
476
+ primary: '#a883ff',
477
+ primaryForeground: '#110b1f',
478
+ secondary: '#272755',
479
+ secondaryForeground: '#e3e6fc',
480
+ muted: '#241e3f',
481
+ mutedForeground: '#a295cb',
482
+ accent: '#9d60c6',
483
+ accentForeground: '#eee3f7',
484
+ destructive: '#ff3d44',
485
+ destructiveForeground: '#1e0707',
486
+ border: '#332c54',
487
+ input: '#332c54',
488
+ ring: '#a883ff'
489
+ }
490
+ },
491
+ {
492
+ name: 'neutral',
493
+ label: 'Neutral',
494
+ borderRadius: 'medium',
495
+ preview: {
496
+ colors: {
497
+ primary: 'hsl(0, 0%, 0%)',
498
+ background: 'hsl(0, 0%, 99%)',
499
+ accent: 'hsl(0, 0%, 94%)'
500
+ }
501
+ },
502
+ lightMode: {
503
+ background: '#fcfcfc',
504
+ foreground: '#000000',
505
+ card: '#fcfcfc',
506
+ cardForeground: '#000000',
507
+ popover: '#fcfcfc',
508
+ popoverForeground: '#000000',
509
+ primary: '#000000',
510
+ primaryForeground: '#ffffff',
511
+ secondary: '#ebebeb',
512
+ secondaryForeground: '#000000',
513
+ muted: '#f5f5f5',
514
+ mutedForeground: '#525252',
515
+ accent: '#ebebeb',
516
+ accentForeground: '#000000',
517
+ destructive: '#e54b4f',
518
+ destructiveForeground: '#ffffff',
519
+ border: '#e4e4e4',
520
+ input: '#ebebeb',
521
+ ring: '#000000'
522
+ },
523
+ darkMode: {
524
+ background: '#000000',
525
+ foreground: '#ffffff',
526
+ card: '#090909',
527
+ cardForeground: '#ffffff',
528
+ popover: '#121212',
529
+ popoverForeground: '#ffffff',
530
+ primary: '#ffffff',
531
+ primaryForeground: '#000000',
532
+ secondary: '#222222',
533
+ secondaryForeground: '#ffffff',
534
+ muted: '#1d1d1d',
535
+ mutedForeground: '#a4a4a4',
536
+ accent: '#333333',
537
+ accentForeground: '#ffffff',
538
+ destructive: '#ff5b5b',
539
+ destructiveForeground: '#000000',
540
+ border: '#242424',
541
+ input: '#333333',
542
+ ring: '#a4a4a4'
543
+ }
544
+ },
545
+ {
546
+ name: 'blue',
547
+ label: 'Blue',
548
+ borderRadius: 'large',
549
+ preview: {
550
+ colors: {
551
+ primary: 'hsl(221, 83%, 53%)',
552
+ background: 'hsl(0, 0%, 100%)',
553
+ accent: 'hsl(0, 0%, 97%)'
554
+ }
555
+ },
556
+ lightMode: {
557
+ background: '#ffffff',
558
+ foreground: '#0a0a0a',
559
+ card: '#ffffff',
560
+ cardForeground: '#0a0a0a',
561
+ popover: '#ffffff',
562
+ popoverForeground: '#0a0a0a',
563
+ primary: '#2563eb',
564
+ primaryForeground: '#eff6ff',
565
+ secondary: '#f5f5f5',
566
+ secondaryForeground: '#171717',
567
+ muted: '#f5f5f5',
568
+ mutedForeground: '#737373',
569
+ accent: '#f5f5f5',
570
+ accentForeground: '#171717',
571
+ destructive: '#e7000b',
572
+ destructiveForeground: '#f8f8f8',
573
+ border: '#e5e5e5',
574
+ input: '#e5e5e5',
575
+ ring: '#60a5fa'
576
+ },
577
+ darkMode: {
578
+ background: '#0a0a0a',
579
+ foreground: '#fafafa',
580
+ card: '#171717',
581
+ cardForeground: '#fafafa',
582
+ popover: '#262626',
583
+ popoverForeground: '#fafafa',
584
+ primary: '#3b82f6',
585
+ primaryForeground: '#eff6ff',
586
+ secondary: '#262626',
587
+ secondaryForeground: '#fafafa',
588
+ muted: '#262626',
589
+ mutedForeground: '#a1a1a1',
590
+ accent: '#404040',
591
+ accentForeground: '#fafafa',
592
+ destructive: '#ff6467',
593
+ destructiveForeground: '#f8f8f8',
594
+ border: '#ffffff',
595
+ input: '#ffffff',
596
+ ring: '#1e3a8a'
597
+ }
598
+ },
599
+ {
600
+ name: 'green',
601
+ label: 'Green',
602
+ borderRadius: 'large',
603
+ preview: {
604
+ colors: {
605
+ primary: 'hsl(85, 85%, 35%)',
606
+ background: 'hsl(0, 0%, 100%)',
607
+ accent: 'hsl(0, 0%, 97%)'
608
+ }
609
+ },
610
+ lightMode: {
611
+ background: '#ffffff',
612
+ foreground: '#0a0a0a',
613
+ card: '#ffffff',
614
+ cardForeground: '#0a0a0a',
615
+ popover: '#ffffff',
616
+ popoverForeground: '#0a0a0a',
617
+ primary: '#65a30d',
618
+ primaryForeground: '#f7fee7',
619
+ secondary: '#f5f5f5',
620
+ secondaryForeground: '#171717',
621
+ muted: '#f5f5f5',
622
+ mutedForeground: '#737373',
623
+ accent: '#f5f5f5',
624
+ accentForeground: '#171717',
625
+ destructive: '#e7000b',
626
+ destructiveForeground: '#f8f8f8',
627
+ border: '#e5e5e5',
628
+ input: '#e5e5e5',
629
+ ring: '#a3e635'
630
+ },
631
+ darkMode: {
632
+ background: '#0a0a0a',
633
+ foreground: '#fafafa',
634
+ card: '#171717',
635
+ cardForeground: '#fafafa',
636
+ popover: '#262626',
637
+ popoverForeground: '#fafafa',
638
+ primary: '#84cc16',
639
+ primaryForeground: '#f7fee7',
640
+ secondary: '#262626',
641
+ secondaryForeground: '#fafafa',
642
+ muted: '#262626',
643
+ mutedForeground: '#a1a1a1',
644
+ accent: '#404040',
645
+ accentForeground: '#fafafa',
646
+ destructive: '#ff6467',
647
+ destructiveForeground: '#f8f8f8',
648
+ border: '#ffffff',
649
+ input: '#ffffff',
650
+ ring: '#365314'
651
+ }
652
+ },
653
+ {
654
+ name: 'red',
655
+ label: 'Red',
656
+ borderRadius: 'large',
657
+ preview: {
658
+ colors: {
659
+ primary: 'hsl(0, 72%, 51%)',
660
+ background: 'hsl(0, 0%, 100%)',
661
+ accent: 'hsl(0, 0%, 97%)'
662
+ }
663
+ },
664
+ lightMode: {
665
+ background: '#ffffff',
666
+ foreground: '#0a0a0a',
667
+ card: '#ffffff',
668
+ cardForeground: '#0a0a0a',
669
+ popover: '#ffffff',
670
+ popoverForeground: '#0a0a0a',
671
+ primary: '#dc2626',
672
+ primaryForeground: '#fef2f2',
673
+ secondary: '#f5f5f5',
674
+ secondaryForeground: '#171717',
675
+ muted: '#f5f5f5',
676
+ mutedForeground: '#737373',
677
+ accent: '#f5f5f5',
678
+ accentForeground: '#171717',
679
+ destructive: '#e7000b',
680
+ destructiveForeground: '#f8f8f8',
681
+ border: '#e5e5e5',
682
+ input: '#e5e5e5',
683
+ ring: '#f87171'
684
+ },
685
+ darkMode: {
686
+ background: '#0a0a0a',
687
+ foreground: '#fafafa',
688
+ card: '#171717',
689
+ cardForeground: '#fafafa',
690
+ popover: '#262626',
691
+ popoverForeground: '#fafafa',
692
+ primary: '#ef4444',
693
+ primaryForeground: '#fef2f2',
694
+ secondary: '#262626',
695
+ secondaryForeground: '#fafafa',
696
+ muted: '#262626',
697
+ mutedForeground: '#a1a1a1',
698
+ accent: '#404040',
699
+ accentForeground: '#fafafa',
700
+ destructive: '#ff6467',
701
+ destructiveForeground: '#f8f8f8',
702
+ border: '#ffffff',
703
+ input: '#ffffff',
704
+ ring: '#7f1d1d'
705
+ }
706
+ },
707
+ {
708
+ name: 'orange',
709
+ label: 'Orange',
710
+ borderRadius: 'large',
711
+ preview: {
712
+ colors: {
713
+ primary: 'hsl(21, 90%, 48%)',
714
+ background: 'hsl(0, 0%, 100%)',
715
+ accent: 'hsl(0, 0%, 97%)'
716
+ }
717
+ },
718
+ lightMode: {
719
+ background: '#ffffff',
720
+ foreground: '#0a0a0a',
721
+ card: '#ffffff',
722
+ cardForeground: '#0a0a0a',
723
+ popover: '#ffffff',
724
+ popoverForeground: '#0a0a0a',
725
+ primary: '#ea580c',
726
+ primaryForeground: '#fff7ed',
727
+ secondary: '#f5f5f5',
728
+ secondaryForeground: '#171717',
729
+ muted: '#f5f5f5',
730
+ mutedForeground: '#737373',
731
+ accent: '#f5f5f5',
732
+ accentForeground: '#171717',
733
+ destructive: '#e7000b',
734
+ destructiveForeground: '#f8f8f8',
735
+ border: '#e5e5e5',
736
+ input: '#e5e5e5',
737
+ ring: '#fb923c'
738
+ },
739
+ darkMode: {
740
+ background: '#0a0a0a',
741
+ foreground: '#fafafa',
742
+ card: '#171717',
743
+ cardForeground: '#fafafa',
744
+ popover: '#262626',
745
+ popoverForeground: '#fafafa',
746
+ primary: '#f97316',
747
+ primaryForeground: '#fff7ed',
748
+ secondary: '#262626',
749
+ secondaryForeground: '#fafafa',
750
+ muted: '#262626',
751
+ mutedForeground: '#a1a1a1',
752
+ accent: '#404040',
753
+ accentForeground: '#fafafa',
754
+ destructive: '#ff6467',
755
+ destructiveForeground: '#f8f8f8',
756
+ border: '#ffffff',
757
+ input: '#ffffff',
758
+ ring: '#7c2d12'
759
+ }
760
+ },
761
+ {
762
+ name: 'rose',
763
+ label: 'Rose',
764
+ borderRadius: 'large',
765
+ preview: {
766
+ colors: {
767
+ primary: 'hsl(347, 77%, 50%)',
768
+ background: 'hsl(0, 0%, 100%)',
769
+ accent: 'hsl(0, 0%, 97%)'
770
+ }
771
+ },
772
+ lightMode: {
773
+ background: '#ffffff',
774
+ foreground: '#0a0a0a',
775
+ card: '#ffffff',
776
+ cardForeground: '#0a0a0a',
777
+ popover: '#ffffff',
778
+ popoverForeground: '#0a0a0a',
779
+ primary: '#e11d48',
780
+ primaryForeground: '#fff1f2',
781
+ secondary: '#f5f5f5',
782
+ secondaryForeground: '#171717',
783
+ muted: '#f5f5f5',
784
+ mutedForeground: '#737373',
785
+ accent: '#f5f5f5',
786
+ accentForeground: '#171717',
787
+ destructive: '#e7000b',
788
+ destructiveForeground: '#f8f8f8',
789
+ border: '#e5e5e5',
790
+ input: '#e5e5e5',
791
+ ring: '#fb7185'
792
+ },
793
+ darkMode: {
794
+ background: '#0a0a0a',
795
+ foreground: '#fafafa',
796
+ card: '#171717',
797
+ cardForeground: '#fafafa',
798
+ popover: '#262626',
799
+ popoverForeground: '#fafafa',
800
+ primary: '#f43f5e',
801
+ primaryForeground: '#fff1f2',
802
+ secondary: '#262626',
803
+ secondaryForeground: '#fafafa',
804
+ muted: '#262626',
805
+ mutedForeground: '#a1a1a1',
806
+ accent: '#404040',
807
+ accentForeground: '#fafafa',
808
+ destructive: '#ff6467',
809
+ destructiveForeground: '#f8f8f8',
810
+ border: '#ffffff',
811
+ input: '#ffffff',
812
+ ring: '#881337'
813
+ }
814
+ },
815
+ {
816
+ name: 'violet',
817
+ label: 'Violet',
818
+ borderRadius: 'large',
819
+ preview: {
820
+ colors: {
821
+ primary: 'hsl(262, 83%, 58%)',
822
+ background: 'hsl(0, 0%, 100%)',
823
+ accent: 'hsl(0, 0%, 97%)'
824
+ }
825
+ },
826
+ lightMode: {
827
+ background: '#ffffff',
828
+ foreground: '#0a0a0a',
829
+ card: '#ffffff',
830
+ cardForeground: '#0a0a0a',
831
+ popover: '#ffffff',
832
+ popoverForeground: '#0a0a0a',
833
+ primary: '#7c3aed',
834
+ primaryForeground: '#f5f3ff',
835
+ secondary: '#f5f5f5',
836
+ secondaryForeground: '#171717',
837
+ muted: '#f5f5f5',
838
+ mutedForeground: '#737373',
839
+ accent: '#f5f5f5',
840
+ accentForeground: '#171717',
841
+ destructive: '#e7000b',
842
+ destructiveForeground: '#f8f8f8',
843
+ border: '#e5e5e5',
844
+ input: '#e5e5e5',
845
+ ring: '#a78bfa'
846
+ },
847
+ darkMode: {
848
+ background: '#0a0a0a',
849
+ foreground: '#fafafa',
850
+ card: '#171717',
851
+ cardForeground: '#fafafa',
852
+ popover: '#262626',
853
+ popoverForeground: '#fafafa',
854
+ primary: '#8b5cf6',
855
+ primaryForeground: '#f5f3ff',
856
+ secondary: '#262626',
857
+ secondaryForeground: '#fafafa',
858
+ muted: '#262626',
859
+ mutedForeground: '#a1a1a1',
860
+ accent: '#404040',
861
+ accentForeground: '#fafafa',
862
+ destructive: '#ff6467',
863
+ destructiveForeground: '#f8f8f8',
864
+ border: '#ffffff',
865
+ input: '#ffffff',
866
+ ring: '#4c1d95'
867
+ }
868
+ },
869
+ {
870
+ name: 'zinc',
871
+ label: 'Zinc',
872
+ borderRadius: 'medium',
873
+ preview: {
874
+ colors: {
875
+ primary: 'hsl(286.375, 1%, 14%)',
876
+ background: 'hsl(0, 0%, 100%)',
877
+ accent: 'hsl(286.375, 0%, 96%)'
878
+ }
879
+ },
880
+ lightMode: {
881
+ background: '#ffffff',
882
+ foreground: '#0a0a0c',
883
+ card: '#ffffff',
884
+ cardForeground: '#0a0a0c',
885
+ popover: '#ffffff',
886
+ popoverForeground: '#0a0a0c',
887
+ primary: '#0a0a0c',
888
+ primaryForeground: '#fafafa',
889
+ secondary: '#f2f2f3',
890
+ secondaryForeground: '#0a0a0c',
891
+ muted: '#f2f2f3',
892
+ mutedForeground: '#6c6c75',
893
+ accent: '#f2f2f3',
894
+ accentForeground: '#0a0a0c',
895
+ destructive: '#e7000b',
896
+ destructiveForeground: '#fafafa',
897
+ border: '#e4e4e7',
898
+ input: '#e4e4e7',
899
+ ring: '#0a0a0c'
900
+ },
901
+ darkMode: {
902
+ background: '#0a0a0c',
903
+ foreground: '#fafafa',
904
+ card: '#0a0a0c',
905
+ cardForeground: '#fafafa',
906
+ popover: '#0a0a0c',
907
+ popoverForeground: '#fafafa',
908
+ primary: '#fafafa',
909
+ primaryForeground: '#0a0a0c',
910
+ secondary: '#1f1f26',
911
+ secondaryForeground: '#fafafa',
912
+ muted: '#1f1f26',
913
+ mutedForeground: '#8b8b93',
914
+ accent: '#1f1f26',
915
+ accentForeground: '#fafafa',
916
+ destructive: '#e7000b',
917
+ destructiveForeground: '#fafafa',
918
+ border: '#1f1f26',
919
+ input: '#1f1f26',
920
+ ring: '#ceced0'
921
+ }
922
+ },
923
+ {
924
+ name: 'slate',
925
+ label: 'Slate',
926
+ borderRadius: 'medium',
927
+ preview: {
928
+ colors: {
929
+ primary: 'hsl(254.624, 1%, 15%)',
930
+ background: 'hsl(0, 0%, 100%)',
931
+ accent: 'hsl(254.624, 0%, 96%)'
932
+ }
933
+ },
934
+ lightMode: {
935
+ background: '#ffffff',
936
+ foreground: '#070b10',
937
+ card: '#ffffff',
938
+ cardForeground: '#070b10',
939
+ popover: '#ffffff',
940
+ popoverForeground: '#070b10',
941
+ primary: '#070b10',
942
+ primaryForeground: '#fafafa',
943
+ secondary: '#f1f2f4',
944
+ secondaryForeground: '#070b10',
945
+ muted: '#f1f2f4',
946
+ mutedForeground: '#656d78',
947
+ accent: '#f1f2f4',
948
+ accentForeground: '#070b10',
949
+ destructive: '#e7000b',
950
+ destructiveForeground: '#fafafa',
951
+ border: '#e2e5e9',
952
+ input: '#e2e5e9',
953
+ ring: '#070b10'
954
+ },
955
+ darkMode: {
956
+ background: '#070b10',
957
+ foreground: '#fafafa',
958
+ card: '#070b10',
959
+ cardForeground: '#fafafa',
960
+ popover: '#070b10',
961
+ popoverForeground: '#fafafa',
962
+ primary: '#fafafa',
963
+ primaryForeground: '#070b10',
964
+ secondary: '#1a212b',
965
+ secondaryForeground: '#fafafa',
966
+ muted: '#1a212b',
967
+ mutedForeground: '#858c96',
968
+ accent: '#1a212b',
969
+ accentForeground: '#fafafa',
970
+ destructive: '#e7000b',
971
+ destructiveForeground: '#fafafa',
972
+ border: '#1a212b',
973
+ input: '#1a212b',
974
+ ring: '#cbced3'
975
+ }
976
+ },
977
+ {
978
+ name: 'stone',
979
+ label: 'Stone',
980
+ borderRadius: 'medium',
981
+ preview: {
982
+ colors: {
983
+ primary: 'hsl(56.365, 1%, 14%)',
984
+ background: 'hsl(0, 0%, 100%)',
985
+ accent: 'hsl(60, 0%, 96%)'
986
+ }
987
+ },
988
+ lightMode: {
989
+ background: '#ffffff',
990
+ foreground: '#0c0908',
991
+ card: '#ffffff',
992
+ cardForeground: '#0c0908',
993
+ popover: '#ffffff',
994
+ popoverForeground: '#0c0908',
995
+ primary: '#0c0908',
996
+ primaryForeground: '#fafafa',
997
+ secondary: '#f3f2f1',
998
+ secondaryForeground: '#0c0908',
999
+ muted: '#f3f2f1',
1000
+ mutedForeground: '#726b67',
1001
+ accent: '#f3f2f1',
1002
+ accentForeground: '#0c0908',
1003
+ destructive: '#e7000b',
1004
+ destructiveForeground: '#fafafa',
1005
+ border: '#e7e4e2',
1006
+ input: '#e7e4e2',
1007
+ ring: '#0c0908'
1008
+ },
1009
+ darkMode: {
1010
+ background: '#0c0908',
1011
+ foreground: '#fafafa',
1012
+ card: '#0c0908',
1013
+ cardForeground: '#fafafa',
1014
+ popover: '#0c0908',
1015
+ popoverForeground: '#fafafa',
1016
+ primary: '#fafafa',
1017
+ primaryForeground: '#0c0908',
1018
+ secondary: '#251f1b',
1019
+ secondaryForeground: '#fafafa',
1020
+ muted: '#251f1b',
1021
+ mutedForeground: '#908a86',
1022
+ accent: '#251f1b',
1023
+ accentForeground: '#fafafa',
1024
+ destructive: '#e7000b',
1025
+ destructiveForeground: '#fafafa',
1026
+ border: '#251f1b',
1027
+ input: '#251f1b',
1028
+ ring: '#d1cdcb'
1029
+ }
1030
+ },
1031
+ {
1032
+ name: 'gray',
1033
+ label: 'Gray',
1034
+ borderRadius: 'medium',
1035
+ preview: {
1036
+ colors: {
1037
+ primary: 'hsl(0, 0%, 14%)',
1038
+ background: 'hsl(0, 0%, 100%)',
1039
+ accent: 'hsl(0, 0%, 96%)'
1040
+ }
1041
+ },
1042
+ lightMode: {
1043
+ background: '#ffffff',
1044
+ foreground: '#0a0a0a',
1045
+ card: '#ffffff',
1046
+ cardForeground: '#0a0a0a',
1047
+ popover: '#ffffff',
1048
+ popoverForeground: '#0a0a0a',
1049
+ primary: '#0a0a0a',
1050
+ primaryForeground: '#fafafa',
1051
+ secondary: '#f2f2f2',
1052
+ secondaryForeground: '#0a0a0a',
1053
+ muted: '#f2f2f2',
1054
+ mutedForeground: '#6c6c6c',
1055
+ accent: '#f2f2f2',
1056
+ accentForeground: '#0a0a0a',
1057
+ destructive: '#e7000b',
1058
+ destructiveForeground: '#fafafa',
1059
+ border: '#e5e5e5',
1060
+ input: '#e5e5e5',
1061
+ ring: '#0a0a0a'
1062
+ },
1063
+ darkMode: {
1064
+ background: '#0a0a0a',
1065
+ foreground: '#fafafa',
1066
+ card: '#0a0a0a',
1067
+ cardForeground: '#fafafa',
1068
+ popover: '#0a0a0a',
1069
+ popoverForeground: '#fafafa',
1070
+ primary: '#fafafa',
1071
+ primaryForeground: '#0a0a0a',
1072
+ secondary: '#202020',
1073
+ secondaryForeground: '#fafafa',
1074
+ muted: '#202020',
1075
+ mutedForeground: '#8b8b8b',
1076
+ accent: '#202020',
1077
+ accentForeground: '#fafafa',
1078
+ destructive: '#e7000b',
1079
+ destructiveForeground: '#fafafa',
1080
+ border: '#202020',
1081
+ input: '#202020',
1082
+ ring: '#cecece'
1083
+ }
1084
+ }
1085
+ ];
1086
+
1087
+ //# sourceMappingURL=extended-themes.js.map