@kilivi/payloadcms-theme-management 2.0.0 → 2.2.0

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 (235) hide show
  1. package/README.md +346 -845
  2. package/dist/components/AppearanceSessionControls.d.ts +15 -0
  3. package/dist/components/AppearanceSessionControls.d.ts.map +1 -0
  4. package/dist/components/AppearanceSessionControls.js +152 -0
  5. package/dist/components/AppearanceSessionControls.js.map +1 -0
  6. package/dist/components/ColorModeToggle.css +42 -0
  7. package/dist/components/ColorModeToggle.d.ts +40 -0
  8. package/dist/components/ColorModeToggle.d.ts.map +1 -0
  9. package/dist/components/ColorModeToggle.js +111 -0
  10. package/dist/components/ColorModeToggle.js.map +1 -0
  11. package/dist/components/ServerThemeInjector.d.ts +13 -1
  12. package/dist/components/ServerThemeInjector.d.ts.map +1 -1
  13. package/dist/components/ServerThemeInjector.js +65 -15
  14. package/dist/components/ServerThemeInjector.js.map +1 -1
  15. package/dist/components/ThemeLivePreviewSync.d.ts +4 -0
  16. package/dist/components/ThemeLivePreviewSync.d.ts.map +1 -1
  17. package/dist/components/ThemeLivePreviewSync.js +28 -4
  18. package/dist/components/ThemeLivePreviewSync.js.map +1 -1
  19. package/dist/components/ThemeSwitcher.d.ts +36 -0
  20. package/dist/components/ThemeSwitcher.d.ts.map +1 -0
  21. package/dist/components/ThemeSwitcher.js +89 -0
  22. package/dist/components/ThemeSwitcher.js.map +1 -0
  23. package/dist/components/typographyPreviewUtils.d.ts +5 -0
  24. package/dist/components/typographyPreviewUtils.d.ts.map +1 -1
  25. package/dist/components/typographyPreviewUtils.js +24 -11
  26. package/dist/components/typographyPreviewUtils.js.map +1 -1
  27. package/dist/constants/devicePreviews.d.ts +35 -0
  28. package/dist/constants/devicePreviews.d.ts.map +1 -0
  29. package/dist/constants/devicePreviews.js +43 -0
  30. package/dist/constants/devicePreviews.js.map +1 -0
  31. package/dist/constants/themeFonts.d.ts +94 -168
  32. package/dist/constants/themeFonts.d.ts.map +1 -1
  33. package/dist/constants/themeFonts.js +260 -140
  34. package/dist/constants/themeFonts.js.map +1 -1
  35. package/dist/endpoints/themeFonts.d.ts +5 -0
  36. package/dist/endpoints/themeFonts.d.ts.map +1 -0
  37. package/dist/endpoints/themeFonts.js +138 -0
  38. package/dist/endpoints/themeFonts.js.map +1 -0
  39. package/dist/extended-presets.d.ts +0 -4
  40. package/dist/extended-presets.d.ts.map +1 -1
  41. package/dist/extended-presets.js +1 -18
  42. package/dist/extended-presets.js.map +1 -1
  43. package/dist/extended-themes.d.ts.map +1 -1
  44. package/dist/extended-themes.js +428 -0
  45. package/dist/extended-themes.js.map +1 -1
  46. package/dist/fields/AccessibilityAuditField.d.ts +2 -0
  47. package/dist/fields/AccessibilityAuditField.d.ts.map +1 -0
  48. package/dist/fields/AccessibilityAuditField.js +303 -0
  49. package/dist/fields/AccessibilityAuditField.js.map +1 -0
  50. package/dist/fields/AppearancePreviewField.d.ts +2 -0
  51. package/dist/fields/AppearancePreviewField.d.ts.map +1 -0
  52. package/dist/fields/AppearancePreviewField.js +826 -0
  53. package/dist/fields/AppearancePreviewField.js.map +1 -0
  54. package/dist/fields/ColorPickerField.d.ts.map +1 -1
  55. package/dist/fields/ColorPickerField.js +89 -85
  56. package/dist/fields/ColorPickerField.js.map +1 -1
  57. package/dist/fields/FontSelectField.css +155 -0
  58. package/dist/fields/FontSelectField.d.ts +8 -0
  59. package/dist/fields/FontSelectField.d.ts.map +1 -1
  60. package/dist/fields/FontSelectField.js +223 -188
  61. package/dist/fields/FontSelectField.js.map +1 -1
  62. package/dist/fields/PaletteGeneratorField.d.ts +7 -0
  63. package/dist/fields/PaletteGeneratorField.d.ts.map +1 -0
  64. package/dist/fields/PaletteGeneratorField.js +327 -0
  65. package/dist/fields/PaletteGeneratorField.js.map +1 -0
  66. package/dist/fields/StylePresetField.d.ts +3 -0
  67. package/dist/fields/StylePresetField.d.ts.map +1 -0
  68. package/dist/fields/StylePresetField.js +463 -0
  69. package/dist/fields/StylePresetField.js.map +1 -0
  70. package/dist/fields/ThemeColorPickerField.css +115 -35
  71. package/dist/fields/ThemeColorPickerField.d.ts.map +1 -1
  72. package/dist/fields/ThemeColorPickerField.js +204 -70
  73. package/dist/fields/ThemeColorPickerField.js.map +1 -1
  74. package/dist/fields/ThemeExportField.d.ts +6 -0
  75. package/dist/fields/ThemeExportField.d.ts.map +1 -0
  76. package/dist/fields/ThemeExportField.js +202 -0
  77. package/dist/fields/ThemeExportField.js.map +1 -0
  78. package/dist/fields/ThemePresetImportField.d.ts.map +1 -1
  79. package/dist/fields/ThemePresetImportField.js +56 -25
  80. package/dist/fields/ThemePresetImportField.js.map +1 -1
  81. package/dist/fields/ThemePreviewField.css +444 -5
  82. package/dist/fields/ThemePreviewField.d.ts.map +1 -1
  83. package/dist/fields/ThemePreviewField.js +265 -170
  84. package/dist/fields/ThemePreviewField.js.map +1 -1
  85. package/dist/fields/ThemeTokenSelectField.d.ts.map +1 -1
  86. package/dist/fields/ThemeTokenSelectField.js +278 -80
  87. package/dist/fields/ThemeTokenSelectField.js.map +1 -1
  88. package/dist/fields/colorFieldHelpers.d.ts +90 -0
  89. package/dist/fields/colorFieldHelpers.d.ts.map +1 -0
  90. package/dist/fields/colorFieldHelpers.js +133 -0
  91. package/dist/fields/colorFieldHelpers.js.map +1 -0
  92. package/dist/fields/colorModeFields.d.ts +1 -1
  93. package/dist/fields/colorModeFields.d.ts.map +1 -1
  94. package/dist/fields/colorModeFields.js +49 -7
  95. package/dist/fields/colorModeFields.js.map +1 -1
  96. package/dist/fields/themeConfigurationField.d.ts +8 -1
  97. package/dist/fields/themeConfigurationField.d.ts.map +1 -1
  98. package/dist/fields/themeConfigurationField.js +1209 -228
  99. package/dist/fields/themeConfigurationField.js.map +1 -1
  100. package/dist/globals/ThemeSettings/FontPicker/FontPreview.d.ts.map +1 -1
  101. package/dist/globals/ThemeSettings/FontPicker/FontPreview.js +8 -4
  102. package/dist/globals/ThemeSettings/FontPicker/FontPreview.js.map +1 -1
  103. package/dist/globals/ThemeSettings/FontPicker/index.d.ts.map +1 -1
  104. package/dist/globals/ThemeSettings/FontPicker/index.js +81 -26
  105. package/dist/globals/ThemeSettings/FontPicker/index.js.map +1 -1
  106. package/dist/globals/ThemeSettings/FontPicker/styles.css +98 -41
  107. package/dist/globals/ThemeSettings/FontPicker/translations.d.ts +6 -0
  108. package/dist/globals/ThemeSettings/FontPicker/translations.d.ts.map +1 -1
  109. package/dist/globals/ThemeSettings/FontPicker/translations.js +14 -2
  110. package/dist/globals/ThemeSettings/FontPicker/translations.js.map +1 -1
  111. package/dist/globals/ThemeSettings/config.d.ts.map +1 -1
  112. package/dist/globals/ThemeSettings/config.js +76 -79
  113. package/dist/globals/ThemeSettings/config.js.map +1 -1
  114. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts.map +1 -1
  115. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js +63 -62
  116. package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js.map +1 -1
  117. package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts.map +1 -1
  118. package/dist/globals/ThemeSettings/fields/TypographyInfoField.js +22 -25
  119. package/dist/globals/ThemeSettings/fields/TypographyInfoField.js.map +1 -1
  120. package/dist/hooks/useAppearanceSession.d.ts +50 -0
  121. package/dist/hooks/useAppearanceSession.d.ts.map +1 -0
  122. package/dist/hooks/useAppearanceSession.js +91 -0
  123. package/dist/hooks/useAppearanceSession.js.map +1 -0
  124. package/dist/hooks/useNativeLivePreview.d.ts +15 -0
  125. package/dist/hooks/useNativeLivePreview.d.ts.map +1 -0
  126. package/dist/hooks/useNativeLivePreview.js +18 -0
  127. package/dist/hooks/useNativeLivePreview.js.map +1 -0
  128. package/dist/hooks/useThemeFonts.d.ts +10 -0
  129. package/dist/hooks/useThemeFonts.d.ts.map +1 -0
  130. package/dist/hooks/useThemeFonts.js +36 -0
  131. package/dist/hooks/useThemeFonts.js.map +1 -0
  132. package/dist/hooks/useThemeTranslations.d.ts +13 -0
  133. package/dist/hooks/useThemeTranslations.d.ts.map +1 -0
  134. package/dist/hooks/useThemeTranslations.js +22 -0
  135. package/dist/hooks/useThemeTranslations.js.map +1 -0
  136. package/dist/i18n.d.ts +53 -0
  137. package/dist/i18n.d.ts.map +1 -0
  138. package/dist/i18n.js +53 -0
  139. package/dist/i18n.js.map +1 -0
  140. package/dist/index.d.ts +13 -4
  141. package/dist/index.d.ts.map +1 -1
  142. package/dist/index.js +59 -29
  143. package/dist/index.js.map +1 -1
  144. package/dist/next-fonts.d.ts +3 -0
  145. package/dist/next-fonts.d.ts.map +1 -0
  146. package/dist/next-fonts.js +360 -0
  147. package/dist/next-fonts.js.map +1 -0
  148. package/dist/payload-types.d.ts +34 -6
  149. package/dist/payload-types.d.ts.map +1 -1
  150. package/dist/payload-types.js.map +1 -1
  151. package/dist/presets.d.ts +14 -0
  152. package/dist/presets.d.ts.map +1 -1
  153. package/dist/presets.js.map +1 -1
  154. package/dist/providers/Theme/index.d.ts.map +1 -1
  155. package/dist/providers/Theme/index.js +75 -11
  156. package/dist/providers/Theme/index.js.map +1 -1
  157. package/dist/providers/Theme/themeConfig.d.ts.map +1 -1
  158. package/dist/providers/Theme/themeConfig.js +104 -0
  159. package/dist/providers/Theme/themeConfig.js.map +1 -1
  160. package/dist/providers/Theme/types.d.ts +1 -1
  161. package/dist/providers/Theme/types.d.ts.map +1 -1
  162. package/dist/providers/Theme/types.js +10 -1
  163. package/dist/providers/Theme/types.js.map +1 -1
  164. package/dist/style-presets.d.ts +75 -0
  165. package/dist/style-presets.d.ts.map +1 -0
  166. package/dist/style-presets.js +738 -0
  167. package/dist/style-presets.js.map +1 -0
  168. package/dist/translations.d.ts +164 -1
  169. package/dist/translations.d.ts.map +1 -1
  170. package/dist/translations.js +320 -9
  171. package/dist/translations.js.map +1 -1
  172. package/dist/tweakcn-special-themes.d.ts.map +1 -1
  173. package/dist/tweakcn-special-themes.js +585 -9
  174. package/dist/tweakcn-special-themes.js.map +1 -1
  175. package/dist/types/css.d.js +3 -0
  176. package/dist/types/css.d.js.map +1 -0
  177. package/dist/types.d.ts +26 -0
  178. package/dist/types.d.ts.map +1 -1
  179. package/dist/types.js +1 -1
  180. package/dist/types.js.map +1 -1
  181. package/dist/utilities/getThemeSettings.d.ts.map +1 -1
  182. package/dist/utilities/getThemeSettings.js +2 -14
  183. package/dist/utilities/getThemeSettings.js.map +1 -1
  184. package/dist/utils/contrast.d.ts +63 -0
  185. package/dist/utils/contrast.d.ts.map +1 -0
  186. package/dist/utils/contrast.js +158 -0
  187. package/dist/utils/contrast.js.map +1 -0
  188. package/dist/utils/exportTokens.d.ts +30 -0
  189. package/dist/utils/exportTokens.d.ts.map +1 -0
  190. package/dist/utils/exportTokens.js +183 -0
  191. package/dist/utils/exportTokens.js.map +1 -0
  192. package/dist/utils/generatePalette.d.ts +46 -0
  193. package/dist/utils/generatePalette.d.ts.map +1 -0
  194. package/dist/utils/generatePalette.js +127 -0
  195. package/dist/utils/generatePalette.js.map +1 -0
  196. package/dist/utils/generateThemeCSS.d.ts.map +1 -1
  197. package/dist/utils/generateThemeCSS.js +2 -40
  198. package/dist/utils/generateThemeCSS.js.map +1 -1
  199. package/dist/utils/livePreviewThemeRuntime.d.ts +22 -3
  200. package/dist/utils/livePreviewThemeRuntime.d.ts.map +1 -1
  201. package/dist/utils/livePreviewThemeRuntime.js +48 -15
  202. package/dist/utils/livePreviewThemeRuntime.js.map +1 -1
  203. package/dist/utils/localizedText.d.ts +8 -0
  204. package/dist/utils/localizedText.d.ts.map +1 -0
  205. package/dist/utils/localizedText.js +21 -0
  206. package/dist/utils/localizedText.js.map +1 -0
  207. package/dist/utils/resolveThemeConfiguration.d.ts +60 -1
  208. package/dist/utils/resolveThemeConfiguration.d.ts.map +1 -1
  209. package/dist/utils/resolveThemeConfiguration.js +53 -13
  210. package/dist/utils/resolveThemeConfiguration.js.map +1 -1
  211. package/dist/utils/themeColors.d.ts +3 -0
  212. package/dist/utils/themeColors.d.ts.map +1 -1
  213. package/dist/utils/themeColors.js +30 -1
  214. package/dist/utils/themeColors.js.map +1 -1
  215. package/dist/utils/themeHtmlAttributes.d.ts +32 -12
  216. package/dist/utils/themeHtmlAttributes.d.ts.map +1 -1
  217. package/dist/utils/themeHtmlAttributes.js +38 -5
  218. package/dist/utils/themeHtmlAttributes.js.map +1 -1
  219. package/dist/utils/themeUtils.d.ts +3 -5
  220. package/dist/utils/themeUtils.d.ts.map +1 -1
  221. package/dist/utils/themeUtils.js +474 -6
  222. package/dist/utils/themeUtils.js.map +1 -1
  223. package/dist/utils/tweakcnConverter.d.ts +1 -3
  224. package/dist/utils/tweakcnConverter.d.ts.map +1 -1
  225. package/dist/utils/tweakcnConverter.js +1 -3
  226. package/dist/utils/tweakcnConverter.js.map +1 -1
  227. package/package.json +15 -5
  228. package/dist/components/ThemePreview.d.ts +0 -3
  229. package/dist/components/ThemePreview.d.ts.map +0 -1
  230. package/dist/components/ThemePreview.js +0 -321
  231. package/dist/components/ThemePreview.js.map +0 -1
  232. package/dist/plugin.d.ts +0 -2
  233. package/dist/plugin.d.ts.map +0 -1
  234. package/dist/plugin.js +0 -3
  235. package/dist/plugin.js.map +0 -1
@@ -3,7 +3,7 @@
3
3
  * Unique, creative themes inspired by TweakCN editor
4
4
  * https://tweakcn.com/editor/theme
5
5
  */ export const specialThemePresets = {
6
- 'cyberpunk': {
6
+ cyberpunk: {
7
7
  label: 'Cyberpunk Neon',
8
8
  value: 'cyberpunk',
9
9
  styles: {
@@ -75,7 +75,7 @@
75
75
  }
76
76
  }
77
77
  },
78
- 'minimal': {
78
+ minimal: {
79
79
  label: 'Minimal Clean',
80
80
  value: 'minimal',
81
81
  styles: {
@@ -147,7 +147,7 @@
147
147
  }
148
148
  }
149
149
  },
150
- 'retro': {
150
+ retro: {
151
151
  label: 'Retro Vintage',
152
152
  value: 'retro',
153
153
  styles: {
@@ -225,7 +225,7 @@
225
225
  }
226
226
  }
227
227
  },
228
- 'brutal': {
228
+ brutal: {
229
229
  label: 'Brutal',
230
230
  value: 'brutal',
231
231
  styles: {
@@ -297,7 +297,7 @@
297
297
  }
298
298
  }
299
299
  },
300
- 'pastel': {
300
+ pastel: {
301
301
  label: 'Pastel Soft',
302
302
  value: 'pastel',
303
303
  styles: {
@@ -369,7 +369,7 @@
369
369
  }
370
370
  }
371
371
  },
372
- 'ocean': {
372
+ ocean: {
373
373
  label: 'Ocean Deep',
374
374
  value: 'ocean',
375
375
  styles: {
@@ -429,7 +429,7 @@
429
429
  }
430
430
  }
431
431
  },
432
- 'forest': {
432
+ forest: {
433
433
  label: 'Forest Green',
434
434
  value: 'forest',
435
435
  styles: {
@@ -489,7 +489,7 @@
489
489
  }
490
490
  }
491
491
  },
492
- 'sunset': {
492
+ sunset: {
493
493
  label: 'Sunset Warm',
494
494
  value: 'sunset',
495
495
  styles: {
@@ -549,7 +549,7 @@
549
549
  }
550
550
  }
551
551
  },
552
- 'lavender': {
552
+ lavender: {
553
553
  label: 'Lavender Dream',
554
554
  value: 'lavender',
555
555
  styles: {
@@ -608,6 +608,582 @@
608
608
  radius: '0.875rem'
609
609
  }
610
610
  }
611
+ },
612
+ glassmorphism: {
613
+ label: 'Glassmorphism',
614
+ value: 'glassmorphism',
615
+ styles: {
616
+ light: {
617
+ background: 'oklch(0.97 0.015 230)',
618
+ foreground: 'oklch(0.22 0.05 240)',
619
+ card: 'oklch(1 0 0 / 60%)',
620
+ 'card-foreground': 'oklch(0.22 0.05 240)',
621
+ popover: 'oklch(1 0 0 / 80%)',
622
+ 'popover-foreground': 'oklch(0.22 0.05 240)',
623
+ primary: 'oklch(0.60 0.18 250)',
624
+ 'primary-foreground': 'oklch(0.97 0.01 250)',
625
+ secondary: 'oklch(1 0 0 / 40%)',
626
+ 'secondary-foreground': 'oklch(0.22 0.05 240)',
627
+ muted: 'oklch(0.92 0.02 230)',
628
+ 'muted-foreground': 'oklch(0.52 0.07 240)',
629
+ accent: 'oklch(0.72 0.15 190)',
630
+ 'accent-foreground': 'oklch(0.97 0.01 190)',
631
+ destructive: 'oklch(0.58 0.22 25)',
632
+ 'destructive-foreground': 'oklch(0.97 0.01 25)',
633
+ border: 'oklch(1 0 0 / 30%)',
634
+ input: 'oklch(1 0 0 / 50%)',
635
+ ring: 'oklch(0.60 0.18 250)',
636
+ 'chart-1': 'oklch(0.60 0.18 250)',
637
+ 'chart-2': 'oklch(0.72 0.15 190)',
638
+ 'chart-3': 'oklch(0.65 0.16 270)',
639
+ 'chart-4': 'oklch(0.68 0.14 320)',
640
+ 'chart-5': 'oklch(0.62 0.17 210)',
641
+ radius: '1rem',
642
+ 'shadow-color': 'hsl(230 50% 60%)',
643
+ 'shadow-opacity': '0.15',
644
+ 'shadow-blur': '20px',
645
+ 'shadow-spread': '0px',
646
+ 'shadow-offset-x': '0px',
647
+ 'shadow-offset-y': '8px'
648
+ },
649
+ dark: {
650
+ background: 'oklch(0.12 0.03 250)',
651
+ foreground: 'oklch(0.95 0.02 240)',
652
+ card: 'oklch(1 0 0 / 8%)',
653
+ 'card-foreground': 'oklch(0.95 0.02 240)',
654
+ popover: 'oklch(1 0 0 / 12%)',
655
+ 'popover-foreground': 'oklch(0.95 0.02 240)',
656
+ primary: 'oklch(0.70 0.20 250)',
657
+ 'primary-foreground': 'oklch(0.12 0.03 250)',
658
+ secondary: 'oklch(1 0 0 / 10%)',
659
+ 'secondary-foreground': 'oklch(0.95 0.02 240)',
660
+ muted: 'oklch(1 0 0 / 8%)',
661
+ 'muted-foreground': 'oklch(0.70 0.05 240)',
662
+ accent: 'oklch(0.65 0.17 190)',
663
+ 'accent-foreground': 'oklch(0.95 0.02 190)',
664
+ destructive: 'oklch(0.68 0.24 25)',
665
+ 'destructive-foreground': 'oklch(0.95 0.02 25)',
666
+ border: 'oklch(1 0 0 / 12%)',
667
+ input: 'oklch(1 0 0 / 15%)',
668
+ ring: 'oklch(0.70 0.20 250)',
669
+ 'chart-1': 'oklch(0.70 0.20 250)',
670
+ 'chart-2': 'oklch(0.65 0.17 190)',
671
+ 'chart-3': 'oklch(0.68 0.18 270)',
672
+ 'chart-4': 'oklch(0.72 0.16 320)',
673
+ 'chart-5': 'oklch(0.66 0.19 210)',
674
+ radius: '1rem',
675
+ 'shadow-color': 'hsl(230 80% 60%)',
676
+ 'shadow-opacity': '0.3',
677
+ 'shadow-blur': '30px',
678
+ 'shadow-spread': '-5px',
679
+ 'shadow-offset-x': '0px',
680
+ 'shadow-offset-y': '10px'
681
+ }
682
+ }
683
+ },
684
+ claymorphism: {
685
+ label: 'Claymorphism',
686
+ value: 'claymorphism',
687
+ styles: {
688
+ light: {
689
+ background: 'oklch(0.96 0.02 200)',
690
+ foreground: 'oklch(0.25 0.04 220)',
691
+ card: 'oklch(0.99 0.01 200)',
692
+ 'card-foreground': 'oklch(0.25 0.04 220)',
693
+ popover: 'oklch(0.99 0.01 200)',
694
+ 'popover-foreground': 'oklch(0.25 0.04 220)',
695
+ primary: 'oklch(0.65 0.20 255)',
696
+ 'primary-foreground': 'oklch(0.98 0.01 255)',
697
+ secondary: 'oklch(0.88 0.07 160)',
698
+ 'secondary-foreground': 'oklch(0.25 0.04 160)',
699
+ muted: 'oklch(0.92 0.03 200)',
700
+ 'muted-foreground': 'oklch(0.52 0.06 220)',
701
+ accent: 'oklch(0.80 0.12 40)',
702
+ 'accent-foreground': 'oklch(0.25 0.04 40)',
703
+ destructive: 'oklch(0.62 0.22 25)',
704
+ 'destructive-foreground': 'oklch(0.98 0.01 25)',
705
+ border: 'oklch(0.88 0.04 200)',
706
+ input: 'oklch(0.95 0.02 200)',
707
+ ring: 'oklch(0.65 0.20 255)',
708
+ 'chart-1': 'oklch(0.65 0.20 255)',
709
+ 'chart-2': 'oklch(0.80 0.12 40)',
710
+ 'chart-3': 'oklch(0.70 0.16 160)',
711
+ 'chart-4': 'oklch(0.75 0.14 310)',
712
+ 'chart-5': 'oklch(0.68 0.18 190)',
713
+ radius: '1.25rem',
714
+ 'shadow-color': 'hsl(255 60% 60%)',
715
+ 'shadow-opacity': '0.3',
716
+ 'shadow-blur': '0px',
717
+ 'shadow-spread': '4px',
718
+ 'shadow-offset-x': '4px',
719
+ 'shadow-offset-y': '8px'
720
+ },
721
+ dark: {
722
+ background: 'oklch(0.18 0.03 230)',
723
+ foreground: 'oklch(0.94 0.02 220)',
724
+ card: 'oklch(0.24 0.04 230)',
725
+ 'card-foreground': 'oklch(0.94 0.02 220)',
726
+ popover: 'oklch(0.24 0.04 230)',
727
+ 'popover-foreground': 'oklch(0.94 0.02 220)',
728
+ primary: 'oklch(0.72 0.22 255)',
729
+ 'primary-foreground': 'oklch(0.18 0.03 255)',
730
+ secondary: 'oklch(0.35 0.08 160)',
731
+ 'secondary-foreground': 'oklch(0.94 0.02 160)',
732
+ muted: 'oklch(0.28 0.05 230)',
733
+ 'muted-foreground': 'oklch(0.70 0.06 220)',
734
+ accent: 'oklch(0.65 0.14 40)',
735
+ 'accent-foreground': 'oklch(0.94 0.02 40)',
736
+ destructive: 'oklch(0.70 0.24 25)',
737
+ 'destructive-foreground': 'oklch(0.18 0.03 25)',
738
+ border: 'oklch(0.34 0.06 230)',
739
+ input: 'oklch(0.34 0.06 230)',
740
+ ring: 'oklch(0.72 0.22 255)',
741
+ 'chart-1': 'oklch(0.72 0.22 255)',
742
+ 'chart-2': 'oklch(0.65 0.14 40)',
743
+ 'chart-3': 'oklch(0.68 0.18 160)',
744
+ 'chart-4': 'oklch(0.72 0.16 310)',
745
+ 'chart-5': 'oklch(0.70 0.20 190)',
746
+ radius: '1.25rem',
747
+ 'shadow-color': 'hsl(255 60% 40%)',
748
+ 'shadow-opacity': '0.4',
749
+ 'shadow-blur': '0px',
750
+ 'shadow-spread': '4px',
751
+ 'shadow-offset-x': '4px',
752
+ 'shadow-offset-y': '8px'
753
+ }
754
+ }
755
+ },
756
+ neumorphism: {
757
+ label: 'Neumorphism Soft UI',
758
+ value: 'neumorphism',
759
+ styles: {
760
+ light: {
761
+ background: 'oklch(0.93 0.01 240)',
762
+ foreground: 'oklch(0.30 0.03 240)',
763
+ card: 'oklch(0.93 0.01 240)',
764
+ 'card-foreground': 'oklch(0.30 0.03 240)',
765
+ popover: 'oklch(0.95 0.01 240)',
766
+ 'popover-foreground': 'oklch(0.30 0.03 240)',
767
+ primary: 'oklch(0.60 0.16 250)',
768
+ 'primary-foreground': 'oklch(0.93 0.01 250)',
769
+ secondary: 'oklch(0.90 0.01 240)',
770
+ 'secondary-foreground': 'oklch(0.30 0.03 240)',
771
+ muted: 'oklch(0.90 0.01 240)',
772
+ 'muted-foreground': 'oklch(0.55 0.04 240)',
773
+ accent: 'oklch(0.68 0.14 215)',
774
+ 'accent-foreground': 'oklch(0.93 0.01 215)',
775
+ destructive: 'oklch(0.60 0.20 25)',
776
+ 'destructive-foreground': 'oklch(0.93 0.01 25)',
777
+ border: 'oklch(0.88 0.02 240)',
778
+ input: 'oklch(0.90 0.01 240)',
779
+ ring: 'oklch(0.60 0.16 250)',
780
+ 'chart-1': 'oklch(0.60 0.16 250)',
781
+ 'chart-2': 'oklch(0.68 0.14 215)',
782
+ 'chart-3': 'oklch(0.62 0.15 280)',
783
+ 'chart-4': 'oklch(0.65 0.13 190)',
784
+ 'chart-5': 'oklch(0.58 0.17 260)',
785
+ radius: '0.75rem',
786
+ 'shadow-color': 'hsl(240 20% 70%)',
787
+ 'shadow-opacity': '0.5',
788
+ 'shadow-blur': '10px',
789
+ 'shadow-spread': '0px',
790
+ 'shadow-offset-x': '5px',
791
+ 'shadow-offset-y': '5px'
792
+ },
793
+ dark: {
794
+ background: 'oklch(0.22 0.03 240)',
795
+ foreground: 'oklch(0.88 0.02 240)',
796
+ card: 'oklch(0.22 0.03 240)',
797
+ 'card-foreground': 'oklch(0.88 0.02 240)',
798
+ popover: 'oklch(0.25 0.03 240)',
799
+ 'popover-foreground': 'oklch(0.88 0.02 240)',
800
+ primary: 'oklch(0.68 0.18 250)',
801
+ 'primary-foreground': 'oklch(0.22 0.03 250)',
802
+ secondary: 'oklch(0.28 0.03 240)',
803
+ 'secondary-foreground': 'oklch(0.88 0.02 240)',
804
+ muted: 'oklch(0.26 0.03 240)',
805
+ 'muted-foreground': 'oklch(0.65 0.04 240)',
806
+ accent: 'oklch(0.62 0.16 215)',
807
+ 'accent-foreground': 'oklch(0.88 0.02 215)',
808
+ destructive: 'oklch(0.66 0.22 25)',
809
+ 'destructive-foreground': 'oklch(0.22 0.03 25)',
810
+ border: 'oklch(0.30 0.04 240)',
811
+ input: 'oklch(0.28 0.03 240)',
812
+ ring: 'oklch(0.68 0.18 250)',
813
+ 'chart-1': 'oklch(0.68 0.18 250)',
814
+ 'chart-2': 'oklch(0.62 0.16 215)',
815
+ 'chart-3': 'oklch(0.65 0.17 280)',
816
+ 'chart-4': 'oklch(0.60 0.15 190)',
817
+ 'chart-5': 'oklch(0.66 0.19 260)',
818
+ radius: '0.75rem',
819
+ 'shadow-color': 'hsl(240 40% 10%)',
820
+ 'shadow-opacity': '0.6',
821
+ 'shadow-blur': '10px',
822
+ 'shadow-spread': '0px',
823
+ 'shadow-offset-x': '5px',
824
+ 'shadow-offset-y': '5px'
825
+ }
826
+ }
827
+ },
828
+ aurora: {
829
+ label: 'Aurora Borealis',
830
+ value: 'aurora',
831
+ styles: {
832
+ light: {
833
+ background: 'oklch(0.97 0.02 175)',
834
+ foreground: 'oklch(0.18 0.06 200)',
835
+ card: 'oklch(0.95 0.03 170)',
836
+ 'card-foreground': 'oklch(0.18 0.06 200)',
837
+ popover: 'oklch(0.95 0.03 170)',
838
+ 'popover-foreground': 'oklch(0.18 0.06 200)',
839
+ primary: 'oklch(0.62 0.18 175)',
840
+ 'primary-foreground': 'oklch(0.97 0.01 175)',
841
+ secondary: 'oklch(0.88 0.08 300)',
842
+ 'secondary-foreground': 'oklch(0.18 0.06 300)',
843
+ muted: 'oklch(0.91 0.04 175)',
844
+ 'muted-foreground': 'oklch(0.50 0.08 200)',
845
+ accent: 'oklch(0.72 0.16 300)',
846
+ 'accent-foreground': 'oklch(0.97 0.01 300)',
847
+ destructive: 'oklch(0.58 0.22 25)',
848
+ 'destructive-foreground': 'oklch(0.97 0.01 25)',
849
+ border: 'oklch(0.86 0.05 175)',
850
+ input: 'oklch(0.86 0.05 175)',
851
+ ring: 'oklch(0.62 0.18 175)',
852
+ 'chart-1': 'oklch(0.62 0.18 175)',
853
+ 'chart-2': 'oklch(0.72 0.16 300)',
854
+ 'chart-3': 'oklch(0.65 0.17 225)',
855
+ 'chart-4': 'oklch(0.68 0.15 145)',
856
+ 'chart-5': 'oklch(0.60 0.19 260)',
857
+ radius: '0.75rem'
858
+ },
859
+ dark: {
860
+ background: 'oklch(0.10 0.04 230)',
861
+ foreground: 'oklch(0.95 0.03 180)',
862
+ card: 'oklch(0.14 0.05 225)',
863
+ 'card-foreground': 'oklch(0.95 0.03 180)',
864
+ popover: 'oklch(0.14 0.05 225)',
865
+ 'popover-foreground': 'oklch(0.95 0.03 180)',
866
+ primary: 'oklch(0.75 0.22 175)',
867
+ 'primary-foreground': 'oklch(0.10 0.04 175)',
868
+ secondary: 'oklch(0.28 0.10 300)',
869
+ 'secondary-foreground': 'oklch(0.95 0.03 300)',
870
+ muted: 'oklch(0.20 0.07 225)',
871
+ 'muted-foreground': 'oklch(0.68 0.08 180)',
872
+ accent: 'oklch(0.68 0.20 300)',
873
+ 'accent-foreground': 'oklch(0.10 0.04 300)',
874
+ destructive: 'oklch(0.68 0.24 25)',
875
+ 'destructive-foreground': 'oklch(0.10 0.04 25)',
876
+ border: 'oklch(0.28 0.08 225)',
877
+ input: 'oklch(0.28 0.08 225)',
878
+ ring: 'oklch(0.75 0.22 175)',
879
+ 'chart-1': 'oklch(0.75 0.22 175)',
880
+ 'chart-2': 'oklch(0.68 0.20 300)',
881
+ 'chart-3': 'oklch(0.70 0.19 225)',
882
+ 'chart-4': 'oklch(0.72 0.17 145)',
883
+ 'chart-5': 'oklch(0.66 0.23 260)',
884
+ radius: '0.75rem',
885
+ 'shadow-color': 'hsl(175 80% 50%)',
886
+ 'shadow-opacity': '0.3',
887
+ 'shadow-blur': '20px',
888
+ 'shadow-spread': '-5px',
889
+ 'shadow-offset-x': '0px',
890
+ 'shadow-offset-y': '8px'
891
+ }
892
+ }
893
+ },
894
+ luxury: {
895
+ label: 'Luxury Gold',
896
+ value: 'luxury',
897
+ styles: {
898
+ light: {
899
+ background: 'oklch(0.98 0.01 80)',
900
+ foreground: 'oklch(0.15 0.03 60)',
901
+ card: 'oklch(0.96 0.02 75)',
902
+ 'card-foreground': 'oklch(0.15 0.03 60)',
903
+ popover: 'oklch(0.96 0.02 75)',
904
+ 'popover-foreground': 'oklch(0.15 0.03 60)',
905
+ primary: 'oklch(0.72 0.14 75)',
906
+ 'primary-foreground': 'oklch(0.15 0.03 75)',
907
+ secondary: 'oklch(0.92 0.04 80)',
908
+ 'secondary-foreground': 'oklch(0.15 0.03 80)',
909
+ muted: 'oklch(0.94 0.02 75)',
910
+ 'muted-foreground': 'oklch(0.48 0.06 60)',
911
+ accent: 'oklch(0.62 0.18 55)',
912
+ 'accent-foreground': 'oklch(0.98 0.01 55)',
913
+ destructive: 'oklch(0.55 0.22 25)',
914
+ 'destructive-foreground': 'oklch(0.98 0.01 25)',
915
+ border: 'oklch(0.88 0.05 75)',
916
+ input: 'oklch(0.90 0.03 75)',
917
+ ring: 'oklch(0.72 0.14 75)',
918
+ 'chart-1': 'oklch(0.72 0.14 75)',
919
+ 'chart-2': 'oklch(0.62 0.18 55)',
920
+ 'chart-3': 'oklch(0.68 0.12 90)',
921
+ 'chart-4': 'oklch(0.65 0.16 45)',
922
+ 'chart-5': 'oklch(0.75 0.10 95)',
923
+ radius: '0.25rem',
924
+ 'font-serif': 'Cormorant Garamond, Georgia, serif',
925
+ 'shadow-color': 'hsl(75 60% 50%)',
926
+ 'shadow-opacity': '0.25',
927
+ 'shadow-blur': '8px',
928
+ 'shadow-spread': '0px',
929
+ 'shadow-offset-x': '0px',
930
+ 'shadow-offset-y': '4px'
931
+ },
932
+ dark: {
933
+ background: 'oklch(0.10 0.02 60)',
934
+ foreground: 'oklch(0.90 0.05 80)',
935
+ card: 'oklch(0.14 0.03 65)',
936
+ 'card-foreground': 'oklch(0.90 0.05 80)',
937
+ popover: 'oklch(0.14 0.03 65)',
938
+ 'popover-foreground': 'oklch(0.90 0.05 80)',
939
+ primary: 'oklch(0.78 0.16 75)',
940
+ 'primary-foreground': 'oklch(0.10 0.02 75)',
941
+ secondary: 'oklch(0.24 0.06 65)',
942
+ 'secondary-foreground': 'oklch(0.90 0.05 80)',
943
+ muted: 'oklch(0.20 0.04 65)',
944
+ 'muted-foreground': 'oklch(0.65 0.08 80)',
945
+ accent: 'oklch(0.68 0.20 55)',
946
+ 'accent-foreground': 'oklch(0.10 0.02 55)',
947
+ destructive: 'oklch(0.65 0.24 25)',
948
+ 'destructive-foreground': 'oklch(0.10 0.02 25)',
949
+ border: 'oklch(0.30 0.06 65)',
950
+ input: 'oklch(0.28 0.05 65)',
951
+ ring: 'oklch(0.78 0.16 75)',
952
+ 'chart-1': 'oklch(0.78 0.16 75)',
953
+ 'chart-2': 'oklch(0.68 0.20 55)',
954
+ 'chart-3': 'oklch(0.72 0.14 90)',
955
+ 'chart-4': 'oklch(0.70 0.18 45)',
956
+ 'chart-5': 'oklch(0.80 0.12 95)',
957
+ radius: '0.25rem',
958
+ 'font-serif': 'Cormorant Garamond, Georgia, serif',
959
+ 'shadow-color': 'hsl(75 80% 55%)',
960
+ 'shadow-opacity': '0.35',
961
+ 'shadow-blur': '12px',
962
+ 'shadow-spread': '0px',
963
+ 'shadow-offset-x': '0px',
964
+ 'shadow-offset-y': '6px'
965
+ }
966
+ }
967
+ },
968
+ healthcare: {
969
+ label: 'Healthcare Clean',
970
+ value: 'healthcare',
971
+ styles: {
972
+ light: {
973
+ background: 'oklch(0.99 0.005 210)',
974
+ foreground: 'oklch(0.20 0.04 215)',
975
+ card: 'oklch(1 0 0)',
976
+ 'card-foreground': 'oklch(0.20 0.04 215)',
977
+ popover: 'oklch(1 0 0)',
978
+ 'popover-foreground': 'oklch(0.20 0.04 215)',
979
+ primary: 'oklch(0.55 0.16 218)',
980
+ 'primary-foreground': 'oklch(0.99 0.005 218)',
981
+ secondary: 'oklch(0.92 0.04 200)',
982
+ 'secondary-foreground': 'oklch(0.20 0.04 200)',
983
+ muted: 'oklch(0.95 0.02 210)',
984
+ 'muted-foreground': 'oklch(0.52 0.06 215)',
985
+ accent: 'oklch(0.68 0.14 170)',
986
+ 'accent-foreground': 'oklch(0.99 0.005 170)',
987
+ destructive: 'oklch(0.57 0.22 25)',
988
+ 'destructive-foreground': 'oklch(0.99 0.005 25)',
989
+ border: 'oklch(0.90 0.03 210)',
990
+ input: 'oklch(0.93 0.02 210)',
991
+ ring: 'oklch(0.55 0.16 218)',
992
+ 'chart-1': 'oklch(0.55 0.16 218)',
993
+ 'chart-2': 'oklch(0.68 0.14 170)',
994
+ 'chart-3': 'oklch(0.60 0.15 195)',
995
+ 'chart-4': 'oklch(0.62 0.13 245)',
996
+ 'chart-5': 'oklch(0.58 0.17 155)',
997
+ radius: '0.5rem',
998
+ 'shadow-color': 'hsl(210 40% 50%)',
999
+ 'shadow-opacity': '0.10',
1000
+ 'shadow-blur': '4px',
1001
+ 'shadow-spread': '0px',
1002
+ 'shadow-offset-x': '0px',
1003
+ 'shadow-offset-y': '2px'
1004
+ },
1005
+ dark: {
1006
+ background: 'oklch(0.14 0.03 215)',
1007
+ foreground: 'oklch(0.94 0.02 215)',
1008
+ card: 'oklch(0.18 0.04 215)',
1009
+ 'card-foreground': 'oklch(0.94 0.02 215)',
1010
+ popover: 'oklch(0.18 0.04 215)',
1011
+ 'popover-foreground': 'oklch(0.94 0.02 215)',
1012
+ primary: 'oklch(0.68 0.18 218)',
1013
+ 'primary-foreground': 'oklch(0.14 0.03 218)',
1014
+ secondary: 'oklch(0.28 0.07 200)',
1015
+ 'secondary-foreground': 'oklch(0.94 0.02 200)',
1016
+ muted: 'oklch(0.24 0.05 215)',
1017
+ 'muted-foreground': 'oklch(0.68 0.07 215)',
1018
+ accent: 'oklch(0.62 0.16 170)',
1019
+ 'accent-foreground': 'oklch(0.14 0.03 170)',
1020
+ destructive: 'oklch(0.66 0.24 25)',
1021
+ 'destructive-foreground': 'oklch(0.14 0.03 25)',
1022
+ border: 'oklch(0.30 0.05 215)',
1023
+ input: 'oklch(0.30 0.05 215)',
1024
+ ring: 'oklch(0.68 0.18 218)',
1025
+ 'chart-1': 'oklch(0.68 0.18 218)',
1026
+ 'chart-2': 'oklch(0.62 0.16 170)',
1027
+ 'chart-3': 'oklch(0.65 0.17 195)',
1028
+ 'chart-4': 'oklch(0.66 0.15 245)',
1029
+ 'chart-5': 'oklch(0.63 0.19 155)',
1030
+ radius: '0.5rem',
1031
+ 'shadow-color': 'hsl(210 60% 40%)',
1032
+ 'shadow-opacity': '0.2',
1033
+ 'shadow-blur': '6px',
1034
+ 'shadow-spread': '0px',
1035
+ 'shadow-offset-x': '0px',
1036
+ 'shadow-offset-y': '3px'
1037
+ }
1038
+ }
1039
+ },
1040
+ nordic: {
1041
+ label: 'Nordic Minimal',
1042
+ value: 'nordic',
1043
+ styles: {
1044
+ light: {
1045
+ background: 'oklch(0.97 0.01 220)',
1046
+ foreground: 'oklch(0.18 0.03 225)',
1047
+ card: 'oklch(0.99 0.005 215)',
1048
+ 'card-foreground': 'oklch(0.18 0.03 225)',
1049
+ popover: 'oklch(0.99 0.005 215)',
1050
+ 'popover-foreground': 'oklch(0.18 0.03 225)',
1051
+ primary: 'oklch(0.42 0.10 225)',
1052
+ 'primary-foreground': 'oklch(0.97 0.01 225)',
1053
+ secondary: 'oklch(0.88 0.03 220)',
1054
+ 'secondary-foreground': 'oklch(0.18 0.03 220)',
1055
+ muted: 'oklch(0.92 0.02 220)',
1056
+ 'muted-foreground': 'oklch(0.52 0.05 225)',
1057
+ accent: 'oklch(0.65 0.10 195)',
1058
+ 'accent-foreground': 'oklch(0.97 0.01 195)',
1059
+ destructive: 'oklch(0.55 0.20 25)',
1060
+ 'destructive-foreground': 'oklch(0.97 0.01 25)',
1061
+ border: 'oklch(0.86 0.03 220)',
1062
+ input: 'oklch(0.89 0.02 220)',
1063
+ ring: 'oklch(0.42 0.10 225)',
1064
+ 'chart-1': 'oklch(0.42 0.10 225)',
1065
+ 'chart-2': 'oklch(0.65 0.10 195)',
1066
+ 'chart-3': 'oklch(0.52 0.09 240)',
1067
+ 'chart-4': 'oklch(0.60 0.08 210)',
1068
+ 'chart-5': 'oklch(0.48 0.11 255)',
1069
+ radius: '0.25rem',
1070
+ 'font-sans': 'Inter, ui-sans-serif, system-ui, sans-serif',
1071
+ 'shadow-color': 'hsl(220 15% 50%)',
1072
+ 'shadow-opacity': '0.12',
1073
+ 'shadow-blur': '3px',
1074
+ 'shadow-spread': '0px',
1075
+ 'shadow-offset-x': '0px',
1076
+ 'shadow-offset-y': '2px'
1077
+ },
1078
+ dark: {
1079
+ background: 'oklch(0.16 0.02 225)',
1080
+ foreground: 'oklch(0.92 0.02 220)',
1081
+ card: 'oklch(0.20 0.03 222)',
1082
+ 'card-foreground': 'oklch(0.92 0.02 220)',
1083
+ popover: 'oklch(0.20 0.03 222)',
1084
+ 'popover-foreground': 'oklch(0.92 0.02 220)',
1085
+ primary: 'oklch(0.68 0.12 225)',
1086
+ 'primary-foreground': 'oklch(0.16 0.02 225)',
1087
+ secondary: 'oklch(0.28 0.04 220)',
1088
+ 'secondary-foreground': 'oklch(0.92 0.02 220)',
1089
+ muted: 'oklch(0.24 0.03 222)',
1090
+ 'muted-foreground': 'oklch(0.65 0.05 225)',
1091
+ accent: 'oklch(0.58 0.12 195)',
1092
+ 'accent-foreground': 'oklch(0.92 0.02 195)',
1093
+ destructive: 'oklch(0.65 0.22 25)',
1094
+ 'destructive-foreground': 'oklch(0.16 0.02 25)',
1095
+ border: 'oklch(0.30 0.04 222)',
1096
+ input: 'oklch(0.28 0.03 222)',
1097
+ ring: 'oklch(0.68 0.12 225)',
1098
+ 'chart-1': 'oklch(0.68 0.12 225)',
1099
+ 'chart-2': 'oklch(0.58 0.12 195)',
1100
+ 'chart-3': 'oklch(0.62 0.11 240)',
1101
+ 'chart-4': 'oklch(0.60 0.10 210)',
1102
+ 'chart-5': 'oklch(0.64 0.13 255)',
1103
+ radius: '0.25rem',
1104
+ 'font-sans': 'Inter, ui-sans-serif, system-ui, sans-serif',
1105
+ 'shadow-color': 'hsl(220 30% 10%)',
1106
+ 'shadow-opacity': '0.4',
1107
+ 'shadow-blur': '5px',
1108
+ 'shadow-spread': '0px',
1109
+ 'shadow-offset-x': '0px',
1110
+ 'shadow-offset-y': '2px'
1111
+ }
1112
+ }
1113
+ },
1114
+ 'warm-earth': {
1115
+ label: 'Warm Earth Tones',
1116
+ value: 'warm-earth',
1117
+ styles: {
1118
+ light: {
1119
+ background: 'oklch(0.97 0.025 75)',
1120
+ foreground: 'oklch(0.22 0.05 50)',
1121
+ card: 'oklch(0.95 0.03 70)',
1122
+ 'card-foreground': 'oklch(0.22 0.05 50)',
1123
+ popover: 'oklch(0.95 0.03 70)',
1124
+ 'popover-foreground': 'oklch(0.22 0.05 50)',
1125
+ primary: 'oklch(0.52 0.12 50)',
1126
+ 'primary-foreground': 'oklch(0.97 0.01 50)',
1127
+ secondary: 'oklch(0.88 0.07 85)',
1128
+ 'secondary-foreground': 'oklch(0.22 0.05 85)',
1129
+ muted: 'oklch(0.91 0.04 75)',
1130
+ 'muted-foreground': 'oklch(0.50 0.08 55)',
1131
+ accent: 'oklch(0.68 0.14 145)',
1132
+ 'accent-foreground': 'oklch(0.97 0.01 145)',
1133
+ destructive: 'oklch(0.57 0.22 25)',
1134
+ 'destructive-foreground': 'oklch(0.97 0.01 25)',
1135
+ border: 'oklch(0.86 0.05 70)',
1136
+ input: 'oklch(0.88 0.04 75)',
1137
+ ring: 'oklch(0.52 0.12 50)',
1138
+ 'chart-1': 'oklch(0.52 0.12 50)',
1139
+ 'chart-2': 'oklch(0.68 0.14 145)',
1140
+ 'chart-3': 'oklch(0.60 0.13 35)',
1141
+ 'chart-4': 'oklch(0.62 0.11 95)',
1142
+ 'chart-5': 'oklch(0.55 0.15 25)',
1143
+ radius: '0.5rem',
1144
+ 'font-serif': 'Playfair Display, Georgia, serif',
1145
+ 'shadow-color': 'hsl(50 40% 40%)',
1146
+ 'shadow-opacity': '0.15',
1147
+ 'shadow-blur': '6px',
1148
+ 'shadow-spread': '0px',
1149
+ 'shadow-offset-x': '0px',
1150
+ 'shadow-offset-y': '3px'
1151
+ },
1152
+ dark: {
1153
+ background: 'oklch(0.16 0.04 50)',
1154
+ foreground: 'oklch(0.93 0.03 75)',
1155
+ card: 'oklch(0.20 0.05 55)',
1156
+ 'card-foreground': 'oklch(0.93 0.03 75)',
1157
+ popover: 'oklch(0.20 0.05 55)',
1158
+ 'popover-foreground': 'oklch(0.93 0.03 75)',
1159
+ primary: 'oklch(0.68 0.14 50)',
1160
+ 'primary-foreground': 'oklch(0.16 0.04 50)',
1161
+ secondary: 'oklch(0.30 0.08 85)',
1162
+ 'secondary-foreground': 'oklch(0.93 0.03 85)',
1163
+ muted: 'oklch(0.25 0.06 55)',
1164
+ 'muted-foreground': 'oklch(0.68 0.08 75)',
1165
+ accent: 'oklch(0.60 0.16 145)',
1166
+ 'accent-foreground': 'oklch(0.16 0.04 145)',
1167
+ destructive: 'oklch(0.66 0.24 25)',
1168
+ 'destructive-foreground': 'oklch(0.16 0.04 25)',
1169
+ border: 'oklch(0.32 0.07 55)',
1170
+ input: 'oklch(0.32 0.07 55)',
1171
+ ring: 'oklch(0.68 0.14 50)',
1172
+ 'chart-1': 'oklch(0.68 0.14 50)',
1173
+ 'chart-2': 'oklch(0.60 0.16 145)',
1174
+ 'chart-3': 'oklch(0.65 0.15 35)',
1175
+ 'chart-4': 'oklch(0.62 0.13 95)',
1176
+ 'chart-5': 'oklch(0.63 0.17 25)',
1177
+ radius: '0.5rem',
1178
+ 'font-serif': 'Playfair Display, Georgia, serif',
1179
+ 'shadow-color': 'hsl(50 50% 30%)',
1180
+ 'shadow-opacity': '0.25',
1181
+ 'shadow-blur': '8px',
1182
+ 'shadow-spread': '0px',
1183
+ 'shadow-offset-x': '0px',
1184
+ 'shadow-offset-y': '4px'
1185
+ }
1186
+ }
611
1187
  }
612
1188
  };
613
1189