@catalystsoftware/ui 1.0.2 → 1.0.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 (157) hide show
  1. package/data/tailwind.config.js +261 -3821
  2. package/dist/components/catalyst-ui/buttons/burger.tsx +207 -0
  3. package/dist/components/catalyst-ui/core/data-display/timeline.tsx +210 -0
  4. package/dist/components/catalyst-ui/core/feedback/alert.tsx +491 -0
  5. package/dist/components/catalyst-ui/core/feedback/spinner-1.tsx +65 -0
  6. package/dist/components/catalyst-ui/core/feedback/toast.tsx +1857 -0
  7. package/dist/components/catalyst-ui/core/navigation/menu.tsx +164 -0
  8. package/dist/components/catalyst-ui/forms/toggle-class.tsx +176 -0
  9. package/dist/components/catalyst-ui/hooks/use-copy-to-clipboard.tsx +419 -0
  10. package/dist/components/catalyst-ui/hooks/use-counter.tsx +13 -0
  11. package/dist/components/catalyst-ui/hooks/use-event-listener.tsx +23 -0
  12. package/dist/components/catalyst-ui/hooks/use-export-markdown.tsx +47 -0
  13. package/dist/components/catalyst-ui/hooks/use-focus.tsx +17 -0
  14. package/dist/components/catalyst-ui/hooks/use-interval.tsx +23 -0
  15. package/dist/components/catalyst-ui/hooks/use-is-client.tsx +16 -0
  16. package/dist/components/catalyst-ui/hooks/use-media-query.tsx +19 -0
  17. package/dist/components/catalyst-ui/hooks/use-mobile.tsx +19 -0
  18. package/dist/components/catalyst-ui/hooks/use-resize-observer.tsx +81 -0
  19. package/dist/components/catalyst-ui/hooks/use-timeout.tsx +21 -0
  20. package/dist/components/catalyst-ui/hooks/use-timer.tsx +209 -0
  21. package/dist/components/catalyst-ui/hooks/use-toggle.tsx +12 -0
  22. package/dist/components/catalyst-ui/media/image.tsx +13 -0
  23. package/dist/components/catalyst-ui/overlays/dual-sidebar.tsx +4142 -0
  24. package/dist/components/catalyst-ui/overlays/sidebar-original.tsx +726 -0
  25. package/dist/components/catalyst-ui/primitives/accordion.tsx +250 -0
  26. package/dist/components/catalyst-ui/primitives/alert-dialog.tsx +126 -0
  27. package/dist/components/catalyst-ui/primitives/aspect-ratio.tsx +9 -0
  28. package/dist/components/catalyst-ui/primitives/avatar.tsx +296 -0
  29. package/dist/components/catalyst-ui/primitives/badge.tsx +57 -0
  30. package/dist/components/catalyst-ui/primitives/breadcrumb.tsx +101 -0
  31. package/dist/components/catalyst-ui/primitives/button.tsx +265 -0
  32. package/dist/components/catalyst-ui/primitives/calendar-v4.tsx +208 -0
  33. package/dist/components/catalyst-ui/primitives/calendar.tsx +295 -0
  34. package/dist/components/catalyst-ui/primitives/card.tsx +618 -0
  35. package/dist/components/catalyst-ui/primitives/carousel.tsx +238 -0
  36. package/dist/components/catalyst-ui/primitives/chart.tsx +347 -0
  37. package/dist/components/catalyst-ui/primitives/checkbox.tsx +225 -0
  38. package/dist/components/catalyst-ui/primitives/collapsible.tsx +212 -0
  39. package/dist/components/catalyst-ui/primitives/command.tsx +393 -0
  40. package/dist/components/catalyst-ui/primitives/context-menu.tsx +236 -0
  41. package/dist/components/catalyst-ui/primitives/dialog.tsx +471 -0
  42. package/dist/components/catalyst-ui/primitives/drawer.tsx +761 -0
  43. package/dist/components/catalyst-ui/primitives/dropdown-menu.tsx +290 -0
  44. package/dist/components/catalyst-ui/primitives/empty.tsx +104 -0
  45. package/dist/components/catalyst-ui/primitives/field.tsx +244 -0
  46. package/dist/components/catalyst-ui/primitives/hover-card.tsx +124 -0
  47. package/dist/components/catalyst-ui/primitives/input-otp.tsx +76 -0
  48. package/dist/components/catalyst-ui/primitives/input.tsx +64 -0
  49. package/dist/components/catalyst-ui/primitives/item.tsx +196 -0
  50. package/dist/components/catalyst-ui/primitives/kbd.tsx +75 -0
  51. package/dist/components/catalyst-ui/primitives/label.tsx +24 -0
  52. package/dist/components/catalyst-ui/primitives/navigation-menu.tsx +150 -0
  53. package/dist/components/catalyst-ui/primitives/pagination.tsx +198 -0
  54. package/dist/components/catalyst-ui/primitives/popover.tsx +232 -0
  55. package/dist/components/catalyst-ui/primitives/progress.tsx +34 -0
  56. package/dist/components/catalyst-ui/primitives/radio-group.tsx +43 -0
  57. package/dist/components/catalyst-ui/primitives/resizable.tsx +56 -0
  58. package/dist/components/catalyst-ui/primitives/select.tsx +155 -0
  59. package/dist/components/catalyst-ui/primitives/separator.tsx +74 -0
  60. package/dist/components/catalyst-ui/primitives/sheet.tsx +126 -0
  61. package/dist/components/catalyst-ui/primitives/skeleton.tsx +15 -0
  62. package/dist/components/catalyst-ui/primitives/slider.tsx +27 -0
  63. package/dist/components/catalyst-ui/primitives/switch.tsx +187 -0
  64. package/dist/components/catalyst-ui/primitives/tabs.tsx +335 -0
  65. package/dist/components/catalyst-ui/primitives/textarea.tsx +24 -0
  66. package/dist/components/catalyst-ui/primitives/toggle-group.tsx +55 -0
  67. package/dist/components/catalyst-ui/primitives/toggle.tsx +42 -0
  68. package/dist/components/catalyst-ui/primitives/tooltip.tsx +116 -0
  69. package/dist/components/catalyst-ui/utils/basic-auth.tsx +40 -0
  70. package/dist/components/catalyst-ui/utils/context-storage.tsx +19 -0
  71. package/dist/components/catalyst-ui/utils/cors-middleware.tsx +71 -0
  72. package/dist/components/catalyst-ui/utils/deferred-content.tsx +595 -0
  73. package/dist/components/catalyst-ui/utils/honeypot-middleware.tsx +38 -0
  74. package/dist/components/catalyst-ui/utils/incId.tsx +75 -0
  75. package/dist/components/catalyst-ui/utils/jwk-auth.tsx +36 -0
  76. package/dist/components/catalyst-ui/utils/request-id.tsx +14 -0
  77. package/dist/components/catalyst-ui/utils/secure-headers.tsx +37 -0
  78. package/dist/components/catalyst-ui/utils/server-timing.tsx +23 -0
  79. package/dist/components/catalyst-ui/utils/utils.ts +43 -0
  80. package/dist/components/catalyst-ui/utils/with-cookie.tsx +43 -0
  81. package/dist/components/catalyst-ui/x/accordian-x.tsx +428 -0
  82. package/dist/components/catalyst-ui/x/alert-x.tsx +413 -0
  83. package/dist/components/catalyst-ui/x/animated-text-x.tsx +2242 -0
  84. package/dist/components/catalyst-ui/x/avatar-x.tsx +515 -0
  85. package/dist/components/catalyst-ui/x/badge-x.tsx +670 -0
  86. package/dist/components/catalyst-ui/x/button-X.tsx +2857 -0
  87. package/dist/components/catalyst-ui/x/button-group-x.tsx +847 -0
  88. package/dist/components/catalyst-ui/x/calendar-x.tsx +1910 -0
  89. package/dist/components/catalyst-ui/x/card-x.tsx +2597 -0
  90. package/dist/components/catalyst-ui/x/checkbox-x.tsx +656 -0
  91. package/dist/components/catalyst-ui/x/collapsible-x.tsx +1360 -0
  92. package/dist/components/catalyst-ui/x/combobox-x.tsx +911 -0
  93. package/dist/components/catalyst-ui/x/data-table-x.tsx +1753 -0
  94. package/dist/components/catalyst-ui/x/date-picker-x.tsx +648 -0
  95. package/dist/components/catalyst-ui/x/dialog-x.tsx +659 -0
  96. package/dist/components/catalyst-ui/x/dropdown-menu-x.tsx +612 -0
  97. package/dist/components/catalyst-ui/x/hover-card-x.tsx +375 -0
  98. package/dist/components/catalyst-ui/x/icon-x.tsx +840 -0
  99. package/dist/components/catalyst-ui/x/input-mask-x.tsx +981 -0
  100. package/dist/components/catalyst-ui/x/input-otp-x.tsx +659 -0
  101. package/dist/components/catalyst-ui/x/loader-x.tsx +1757 -0
  102. package/dist/components/catalyst-ui/x/pagination-x.tsx +622 -0
  103. package/dist/components/catalyst-ui/x/popover-x.tsx +744 -0
  104. package/dist/components/catalyst-ui/x/radio-group-x.tsx +499 -0
  105. package/dist/components/catalyst-ui/x/select-x.tsx +1127 -0
  106. package/dist/components/catalyst-ui/x/sheet-x.tsx +668 -0
  107. package/dist/components/catalyst-ui/x/switch-x.tsx +681 -0
  108. package/dist/components/catalyst-ui/x/table-x.tsx +574 -0
  109. package/dist/components/catalyst-ui/x/tabs-x.tsx +839 -0
  110. package/dist/components/catalyst-ui/x/textarea-x.tsx +1263 -0
  111. package/dist/components/catalyst-ui/x/tooltip-x.tsx +396 -0
  112. package/dist/components/catalyst-ui/x/tracker-x.tsx +560 -0
  113. package/dist/data/bg-data.tsx +901 -0
  114. package/dist/data/buttons-data.tsx +2327 -0
  115. package/dist/data/charts-data.tsx +102 -0
  116. package/dist/data/chat-data.tsx +83 -0
  117. package/dist/data/code-data.tsx +1040 -0
  118. package/dist/data/comboboxes-data.tsx +1843 -0
  119. package/dist/data/command-data.tsx +1381 -0
  120. package/dist/data/core-data.tsx +15953 -0
  121. package/dist/data/crm-data.tsx +47 -0
  122. package/dist/data/data.tsx +159 -0
  123. package/dist/data/date-and-time-data.tsx +554 -0
  124. package/dist/data/dependencies.tsx +7 -0
  125. package/dist/data/ecommerce-data.tsx +1387 -0
  126. package/dist/data/forms-data.tsx +7890 -0
  127. package/dist/data/hooks-data.tsx +5487 -0
  128. package/dist/data/index.ts +34 -0
  129. package/dist/data/inputs-data.tsx +557 -0
  130. package/dist/data/interactive-data.tsx +5394 -0
  131. package/dist/data/lofi-data.tsx +18295 -0
  132. package/dist/data/marketing-data.tsx +2546 -0
  133. package/dist/data/media-data.tsx +1510 -0
  134. package/dist/data/motion-data.tsx +5801 -0
  135. package/dist/data/overlay-data.tsx +4136 -0
  136. package/dist/data/pdf-data.tsx +124 -0
  137. package/dist/data/pos-data.tsx +213 -0
  138. package/dist/data/postcss.config.js +6 -0
  139. package/dist/data/primitive-data.tsx +5170 -0
  140. package/dist/data/prompt-data.tsx +1226 -0
  141. package/dist/data/requiredLibs.ts +4 -0
  142. package/dist/data/sandbox-data.tsx +1 -0
  143. package/dist/data/sidebars-data.tsx +5421 -0
  144. package/dist/data/stacks-data.tsx +32 -0
  145. package/dist/data/table-data.tsx +706 -0
  146. package/dist/data/tailwind.config.js +270 -0
  147. package/dist/data/tailwind.config.ngin.js +3830 -0
  148. package/dist/data/tailwind.css +431 -0
  149. package/dist/data/tools-data.tsx +6910 -0
  150. package/dist/data/typography-data.tsx +2050 -0
  151. package/dist/data/utils-data.tsx +6500 -0
  152. package/dist/data/x-data.tsx +1171 -0
  153. package/dist/data.tsx +159 -0
  154. package/package.json +1 -1
  155. package/dist/index.d.ts +0 -3
  156. package/dist/index.d.ts.map +0 -1
  157. package/dist/index.js.map +0 -362
@@ -0,0 +1,3830 @@
1
+ import type { Config } from "tailwindcss";
2
+ import defaultTheme from "tailwindcss/defaultTheme";
3
+ import v3ToV4Plugin from './plugins/v3tov4'
4
+
5
+ // =====================================================================================================================================================
6
+ // ====================================================== SELECT A PRESET, FONT & THEME ================================================================
7
+ // PRESET - Change this to switch between design systems:
8
+ // 1. MODERN - "MODERN SAAS" Refined & Professional, tight, clean, high-performance feel. (15% smaller spacing, tight layouts) - Best paired font: Geist, Inter, Plus Jakarta Sans
9
+ // 2. CREATIVE - "CREATIVE STUDIO" Lots of breathing room and very round shapes. (Soft & Elegant) - Best paired font: Outfit, Playfair Display, Montserrat
10
+ // 3. TECHNICAL - Square corners, consistent spacing, "IDE" feel. (Precision & Focus) - Best paired font: JetBrains Mono, Fira Code, Geist Mono
11
+ // 4. FINTECH - "FINTECH DENSE" Maximum information density for dashboards. (Data Heavy) - Best paired font: IBM Plex Mono (numbers), Roboto, Source Code Pro
12
+ // 5. LUXURY - Characterized by extreme letter spacing, thin borders, and huge breathing room. (High-end & Sophisticated) - Best paired font: Playfair Display, Lora, Montserrat (for subheaders)
13
+ // 6. BRUTALIST - Thick borders, no rounding, and high-contrast sizing. (Bold, Raw, & Experimental) - Best paired font: Space Grotesk, IBM Plex Mono, Roboto Mono
14
+ // 7. EDITORIAL - Focuses on vertical rhythm and classic typesetting. (The New Yorker / Magazine Style) - Best paired font: Source Serif 4, Merriweather, Libre Baskerville
15
+ // 8. PLAYFUL - Thick "bouncy" borders and very round shapes. (Mobile-First / Duolingo Style) - Best paired font: Nunito, Delius Swash Caps, Poppins
16
+ const SELECTED_PRESET = 'MODERN'
17
+
18
+ // =================================================================== FONTS ============================================================================
19
+ // Sans-serif: Inter | Roboto | Geist | Poppins | Montserrat | Outfit | Plus Jakarta Sans | DM Sans | Nunito | Lato | Barlow | Gabriela | Delius Swash Caps | Barlow | Public Sans | Work Sans | Manrope | Urbanist | Figtree | Archivo
20
+ // Serif: Merriweather | Playfair Display | Lora | Source Serif 4 | Libre Baskerville | Space Grotesk | PT Serif | Fraunces | Cormorant Garamond | Crimson Pro | EB Garamond | Newsreader | DM Serif Display | Prata | Bodoni Moda | Young Serif
21
+ // Mono: JetBrains Mono | Fira Code | Geist Mono | IBM Plex Mono | Roboto Mono | Space Mono | Source Code Pro | Ubuntu Mono | Red Hat Mono | Nanum Gothic Coding | Cutive Mono
22
+ // Sand-Serif ( display & experimental ): Sora | Bricolage Grotesque | Clash Display | Syne | Unbounded | Cabinet Grotesk | Righteous | Lexend | Kanit
23
+ const SELECTED_FONT = 'Geist'
24
+
25
+ // ==================================================================== THEME ============================================================================
26
+ // Themes: marshmallow | art-deco | vs-code | spotify | summer | material-design | marvel | valorant | ghibli-studio | modern-minimal | nature | elegant-luxury | neo-brutalism | pastel-dreams | clean-slate | midnight-bloom | sunset-horizon | claude | caffeine | corporate | slack | perplexity | neutral | red | rose | orange | green | blue | yellow | violet | amber | lime | emerald | fuchsia | cyan | indigo | lime | darkBlue
27
+
28
+ // or if you would just like to include your own set the value to 'css' and you may set your own theme in the .css file
29
+ const SELECTED_THEME = 'blue'
30
+
31
+ const SELECTED_MODE = 'dark' // dark | light
32
+
33
+ // if you wish to use the presets default font, skip this value and your done. Unless you have changes you would like to make to the tailwind.config object there is nothing else you need to do.
34
+
35
+ // #region ====================================
36
+ const PRESET = SELECTED_PRESET as const
37
+ const FONT = SELECTED_FONT as const
38
+ const FONT_OVERRIDE = FONT ? FONT : '' as keyof typeof fonts | ''
39
+
40
+ const fonts = {
41
+ // --- SANS-SERIF (Modern & Professional) ---
42
+ 'Inter': ['Inter', 'sans-serif'],
43
+ 'Roboto': ['Roboto', 'sans-serif'],
44
+ 'Open Sans': ['Open Sans', 'sans-serif'],
45
+ 'Poppins': ['Poppins', 'sans-serif'],
46
+ 'Montserrat': ['Montserrat', 'sans-serif'],
47
+ 'Outfit': ['Outfit', 'sans-serif'],
48
+ 'Plus Jakarta Sans': ['Plus Jakarta Sans', 'sans-serif'],
49
+ 'DM Sans': ['DM Sans', 'sans-serif'],
50
+ 'IBM Plex Sans': ['IBM Plex Sans', 'sans-serif'],
51
+ 'Nunito': ['Nunito', 'sans-serif'],
52
+ 'Lato': ['Lato', 'sans-serif'],
53
+ 'Geist': ['Geist', 'sans-serif'],
54
+ 'Barlow': ['Barlow', 'sans-serif'],
55
+ 'Public Sans': ['Public Sans', 'sans-serif'],
56
+ 'Work Sans': ['Work Sans', 'sans-serif'],
57
+ 'Manrope': ['Manrope', 'sans-serif'],
58
+ 'Urbanist': ['Urbanist', 'sans-serif'],
59
+ 'Figtree': ['Figtree', 'sans-serif'],
60
+ 'Archivo': ['Archivo', 'sans-serif'],
61
+ // --- SERIF (Luxury & Editorial) ---
62
+ 'Merriweather': ['Merriweather', 'serif'],
63
+ 'Playfair Display': ['Playfair Display', 'serif'],
64
+ 'Lora': ['Lora', 'serif'],
65
+ 'Source Serif 4': ['Source Serif 4', 'serif'],
66
+ 'Libre Baskerville': ['Libre Baskerville', 'serif'],
67
+ 'Space Grotesk': ['Space Grotesk', 'sans-serif'], // Grotesk is technically sans-like
68
+ 'PT Serif': ['PT Serif', 'serif'],
69
+ 'Fraunces': ['Fraunces', 'serif'],
70
+ 'Cormorant Garamond': ['Cormorant Garamond', 'serif'],
71
+ 'Crimson Pro': ['Crimson Pro', 'serif'],
72
+ 'EB Garamond': ['EB Garamond', 'serif'],
73
+ 'Newsreader': ['Newsreader', 'serif'],
74
+ 'DM Serif Display': ['DM Serif Display', 'serif'],
75
+ 'Prata': ['Prata', 'serif'],
76
+ 'Bodoni Moda': ['Bodoni Moda', 'serif'],
77
+ 'Young Serif': ['Young Serif', 'serif'],
78
+ // --- MONOSPACE (Technical & Code) ---
79
+ 'JetBrains Mono': ['JetBrains Mono', 'monospace'],
80
+ 'Fira Code': ['Fira Code', 'monospace'],
81
+ 'Geist Mono': ['Geist Mono', 'monospace'],
82
+ 'IBM Plex Mono': ['IBM Plex Mono', 'monospace'],
83
+ 'Roboto Mono': ['Roboto Mono', 'monospace'],
84
+ 'Space Mono': ['Space Mono', 'monospace'],
85
+ 'Source Code Pro': ['Source Code Pro', 'monospace'],
86
+ 'Inconsolata': ['Inconsolata', 'monospace'],
87
+ 'Ubuntu Mono': ['Ubuntu Mono', 'monospace'],
88
+ 'Red Hat Mono': ['Red Hat Mono', 'monospace'],
89
+ 'Nanum Gothic Coding': ['Nanum Gothic Coding', 'monospace'],
90
+ 'Cutive Mono': ['Cutive Mono', 'monospace'],
91
+ // --- DISPLAY & EXPERIMENTAL (Brutalist & Playful) ---
92
+ 'Gabriela': ['Gabriela', 'serif'],
93
+ 'Delius Swash Caps': ['Delius Swash Caps', 'cursive'],
94
+ 'Sora': ['Sora', 'sans-serif'],
95
+ 'Bricolage Grotesque': ['Bricolage Grotesque', 'sans-serif'],
96
+ 'Clash Display': ['Clash Display', 'sans-serif'],
97
+ 'Syne': ['Syne', 'sans-serif'],
98
+ 'Unbounded': ['Unbounded', 'sans-serif'],
99
+ 'Cabinet Grotesk': ['Cabinet Grotesk', 'sans-serif'],
100
+ 'Righteous': ['Righteous', 'cursive'],
101
+ 'Lexend': ['Lexend', 'sans-serif'],
102
+ 'Kanit': ['Kanit', 'sans-serif'],
103
+ }
104
+
105
+ // #endregion =================================
106
+ // PRESET DEFINITIONS
107
+ // #region ====================================
108
+ const presets = {
109
+ MODERN: {
110
+ scale: 0.85,
111
+ borderRadius: {
112
+ none: '0',
113
+ sm: '0.2rem',
114
+ DEFAULT: '0.3rem',
115
+ md: '0.4rem',
116
+ lg: '0.5rem',
117
+ xl: '0.75rem',
118
+ '2xl': '1rem',
119
+ '3xl': '1.25rem',
120
+ full: '9999px',
121
+ config: 'var(--radius)'
122
+ },
123
+ fontSize: {
124
+ xs: ['0.7rem', { lineHeight: '1rem' }],
125
+ sm: ['0.8rem', { lineHeight: '1.25rem' }],
126
+ base: ['0.9rem', { lineHeight: '1.5rem' }],
127
+ lg: ['1rem', { lineHeight: '1.75rem' }],
128
+ xl: ['1.15rem', { lineHeight: '1.75rem' }],
129
+ '2xl': ['1.4rem', { lineHeight: '2rem' }],
130
+ '3xl': ['1.75rem', { lineHeight: '2.25rem' }],
131
+ '4xl': ['2rem', { lineHeight: '2.5rem' }],
132
+ },
133
+ },
134
+ CREATIVE: {
135
+ scale: 1.15,
136
+ borderRadius: {
137
+ none: '0',
138
+ sm: '0.5rem',
139
+ DEFAULT: '0.75rem',
140
+ md: '1rem',
141
+ lg: '1.25rem',
142
+ xl: '1.5rem',
143
+ '2xl': '2rem',
144
+ '3xl': '2.5rem',
145
+ full: '9999px',
146
+ },
147
+ fontSize: {
148
+ xs: ['0.8rem', { lineHeight: '1.2rem' }],
149
+ sm: ['0.95rem', { lineHeight: '1.5rem' }],
150
+ base: ['1.05rem', { lineHeight: '1.75rem' }],
151
+ lg: ['1.2rem', { lineHeight: '2rem' }],
152
+ xl: ['1.4rem', { lineHeight: '2rem' }],
153
+ '2xl': ['1.7rem', { lineHeight: '2.25rem' }],
154
+ '3xl': ['2.1rem', { lineHeight: '2.5rem' }],
155
+ '4xl': ['2.6rem', { lineHeight: '3rem' }],
156
+ },
157
+ },
158
+ TECHNICAL: {
159
+ scale: 1.0,
160
+ borderRadius: {
161
+ none: '0',
162
+ sm: '0.125rem',
163
+ DEFAULT: '0.25rem',
164
+ md: '0.25rem',
165
+ lg: '0.375rem',
166
+ xl: '0.5rem',
167
+ '2xl': '0.625rem',
168
+ '3xl': '0.75rem',
169
+ full: '9999px',
170
+ },
171
+ fontSize: {
172
+ xs: ['0.75rem', { lineHeight: '1.1rem' }],
173
+ sm: ['0.85rem', { lineHeight: '1.3rem' }],
174
+ base: ['0.95rem', { lineHeight: '1.5rem' }],
175
+ lg: ['1.05rem', { lineHeight: '1.75rem' }],
176
+ xl: ['1.2rem', { lineHeight: '1.75rem' }],
177
+ '2xl': ['1.5rem', { lineHeight: '2rem' }],
178
+ '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
179
+ '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
180
+ },
181
+ fontFamily: {
182
+ sans: ['ui-monospace', 'SF Mono', 'Monaco', 'Cascadia Code', 'Courier New', 'monospace'],
183
+ mono: ['ui-monospace', 'SF Mono', 'Monaco', 'Cascadia Code', 'Courier New', 'monospace'],
184
+ },
185
+ },
186
+ FINTECH: {
187
+ scale: 0.75,
188
+ borderRadius: {
189
+ none: '0',
190
+ sm: '0.15rem',
191
+ DEFAULT: '0.25rem',
192
+ md: '0.3rem',
193
+ lg: '0.4rem',
194
+ xl: '0.5rem',
195
+ '2xl': '0.75rem',
196
+ '3xl': '1rem',
197
+ full: '9999px',
198
+ },
199
+ fontSize: {
200
+ xs: ['0.65rem', { lineHeight: '0.9rem' }],
201
+ sm: ['0.75rem', { lineHeight: '1.1rem' }],
202
+ base: ['0.85rem', { lineHeight: '1.35rem' }],
203
+ lg: ['0.95rem', { lineHeight: '1.5rem' }],
204
+ xl: ['1.05rem', { lineHeight: '1.5rem' }],
205
+ '2xl': ['1.25rem', { lineHeight: '1.75rem' }],
206
+ '3xl': ['1.5rem', { lineHeight: '2rem' }],
207
+ '4xl': ['1.875rem', { lineHeight: '2.25rem' }],
208
+ },
209
+ },
210
+ LUXURY: {
211
+ scale: 1.25,
212
+ borderRadius: {
213
+ none: '0',
214
+ sm: '0',
215
+ DEFAULT: '0',
216
+ md: '0.125rem',
217
+ lg: '0.25rem',
218
+ xl: '0.5rem',
219
+ full: '9999px',
220
+ },
221
+ fontSize: {
222
+ xs: ['0.7rem', { lineHeight: '1rem', letterSpacing: '0.1em', fontWeight: '300' }],
223
+ sm: ['0.85rem', { lineHeight: '1.25rem', letterSpacing: '0.05em' }],
224
+ base: ['1rem', { lineHeight: '1.75rem', letterSpacing: '0.02em' }],
225
+ lg: ['1.25rem', { lineHeight: '1.75rem', letterSpacing: '0.02em' }],
226
+ xl: ['1.75rem', { lineHeight: '2rem', letterSpacing: '-0.02em' }],
227
+ '2xl': ['2.5rem', { lineHeight: '1', letterSpacing: '-0.03em' }],
228
+ '3xl': ['3.5rem', { lineHeight: '1', letterSpacing: '-0.04em' }],
229
+ '4xl': ['5rem', { lineHeight: '1', letterSpacing: '-0.05em' }],
230
+ },
231
+ },
232
+ BRUTALIST: {
233
+ scale: 1.1,
234
+ borderRadius: {
235
+ none: '0',
236
+ sm: '0',
237
+ DEFAULT: '0',
238
+ md: '0',
239
+ lg: '0',
240
+ xl: '0',
241
+ '2xl': '0',
242
+ '3xl': '0',
243
+ full: '9999px',
244
+ },
245
+ fontSize: {
246
+ xs: ['0.75rem', { lineHeight: '1rem', fontWeight: '600' }],
247
+ sm: ['0.875rem', { lineHeight: '1.25rem', fontWeight: '600' }],
248
+ base: ['1.1rem', { lineHeight: '1.5rem', fontWeight: '500' }],
249
+ lg: ['1.5rem', { lineHeight: '1.2', fontWeight: '700' }],
250
+ xl: ['2rem', { lineHeight: '1.1', fontWeight: '800' }],
251
+ '2xl': ['3rem', { lineHeight: '1', fontWeight: '900' }],
252
+ '3xl': ['4.5rem', { lineHeight: '0.9', fontWeight: '900' }],
253
+ '4xl': ['6rem', { lineHeight: '0.8', fontWeight: '900' }],
254
+ },
255
+ },
256
+ EDITORIAL: {
257
+ scale: 1.0,
258
+ borderRadius: {
259
+ none: '0',
260
+ sm: '0.125rem',
261
+ DEFAULT: '0.25rem',
262
+ md: '0.375rem',
263
+ lg: '0.5rem',
264
+ xl: '0.75rem',
265
+ full: '9999px',
266
+ },
267
+ fontSize: {
268
+ xs: ['0.8rem', { lineHeight: '1.4' }],
269
+ sm: ['0.9rem', { lineHeight: '1.5' }],
270
+ base: ['1.125rem', { lineHeight: '1.7' }], // Larger base for reading
271
+ lg: ['1.35rem', { lineHeight: '1.6' }],
272
+ xl: ['1.8rem', { lineHeight: '1.4' }],
273
+ '2xl': ['2.4rem', { lineHeight: '1.2' }],
274
+ '3xl': ['3.2rem', { lineHeight: '1.1' }],
275
+ '4xl': ['4rem', { lineHeight: '1' }],
276
+ },
277
+ },
278
+ PLAYFUL: {
279
+ scale: 1.05,
280
+ borderRadius: {
281
+ none: '0',
282
+ sm: '0.75rem',
283
+ DEFAULT: '1rem',
284
+ md: '1.25rem',
285
+ lg: '1.5rem',
286
+ xl: '2rem',
287
+ '2xl': '2.5rem',
288
+ '3xl': '3rem',
289
+ full: '9999px',
290
+ },
291
+ fontSize: {
292
+ xs: ['0.85rem', { lineHeight: '1.2' }],
293
+ sm: ['1rem', { lineHeight: '1.3' }],
294
+ base: ['1.15rem', { lineHeight: '1.4' }],
295
+ lg: ['1.4rem', { lineHeight: '1.4', fontWeight: '700' }],
296
+ xl: ['1.8rem', { lineHeight: '1.3', fontWeight: '800' }],
297
+ '2xl': ['2.2rem', { lineHeight: '1.2', fontWeight: '800' }],
298
+ '3xl': ['2.8rem', { lineHeight: '1.1', fontWeight: '900' }],
299
+ '4xl': ['3.5rem', { lineHeight: '1', fontWeight: '900' }],
300
+ },
301
+ },
302
+ }
303
+ // #endregion =================================
304
+ // THEMES
305
+ // #region ====================================
306
+ export const themePresets = {
307
+ marshmallow: {
308
+ light: {
309
+ background: 'oklch(0.97 0.01 264.53)',
310
+ foreground: 'oklch(0.22 0 0)',
311
+ card: 'oklch(1.00 0 0)',
312
+ 'card-foreground': 'oklch(0.22 0 0)',
313
+ popover: 'oklch(1.00 0 0)',
314
+ 'popover-foreground': 'oklch(0.22 0 0)',
315
+ primary: 'oklch(0.80 0.14 349.25)',
316
+ 'primary-foreground': 'oklch(0 0 0)',
317
+ secondary: 'oklch(0.94 0.07 98.08)',
318
+ 'secondary-foreground': 'oklch(0 0 0)',
319
+ muted: 'oklch(0.92 0.01 268.52)',
320
+ 'muted-foreground': 'oklch(0.34 0 0)',
321
+ accent: 'oklch(0.83 0.09 248.95)',
322
+ 'accent-foreground': 'oklch(0 0 0)',
323
+ destructive: 'oklch(0.70 0.19 23.19)',
324
+ border: 'oklch(0.85 0 0)',
325
+ input: 'oklch(0.85 0 0)',
326
+ ring: 'oklch(0.83 0.09 248.95)',
327
+ 'chart-1': 'oklch(0.80 0.14 349.25)',
328
+ 'chart-2': 'oklch(0.77 0.15 306.21)',
329
+ 'chart-3': 'oklch(0.83 0.09 248.95)',
330
+ 'chart-4': 'oklch(0.88 0.09 66.27)',
331
+ 'chart-5': 'oklch(0.94 0.14 130.35)',
332
+ sidebar: 'oklch(1.00 0 0)',
333
+ 'sidebar-foreground': 'oklch(0.22 0 0)',
334
+ 'sidebar-primary': 'oklch(0.80 0.14 349.25)',
335
+ 'sidebar-primary-foreground': 'oklch(0 0 0)',
336
+ 'sidebar-accent': 'oklch(0.83 0.09 248.95)',
337
+ 'sidebar-accent-foreground': 'oklch(0 0 0)',
338
+ 'sidebar-border': 'oklch(0.85 0 0)',
339
+ 'sidebar-ring': 'oklch(0.83 0.09 248.95)',
340
+
341
+ 'font-sans': 'Gabriela, Geist Fallback, ui-sans-serif',
342
+ 'font-serif': 'Gabriela, Geist Fallback, ui-serif',
343
+ 'font-mono': 'Geist Mono, Geist Mono Fallback, ui-monospace',
344
+
345
+ radius: '0rem',
346
+
347
+ 'shadow-color': 'oklch(0.83 0.09 248.95 )',
348
+ 'shadow-opacity': '0.10',
349
+ 'shadow-blur': '5px',
350
+ 'shadow-spread': '0px',
351
+ 'shadow-offset-x': '0px',
352
+ 'shadow-offset-y': '2px'
353
+ },
354
+ dark: {
355
+ background: 'oklch(0.22 0 0)',
356
+ foreground: 'oklch(0.97 0.01 264.53)',
357
+ card: 'oklch(0.29 0 0)',
358
+ 'card-foreground': 'oklch(0.97 0.01 264.53)',
359
+ popover: 'oklch(0.29 0 0)',
360
+ 'popover-foreground': 'oklch(0.97 0.01 264.53)',
361
+ primary: 'oklch(0.80 0.14 349.25)',
362
+ 'primary-foreground': 'oklch(0.22 0 0)',
363
+ secondary: 'oklch(0.77 0.15 306.21)',
364
+ 'secondary-foreground': 'oklch(0.22 0 0)',
365
+ muted: 'oklch(0.32 0 0)',
366
+ 'muted-foreground': 'oklch(0.85 0 0)',
367
+ accent: 'oklch(0.83 0.09 248.95)',
368
+ 'accent-foreground': 'oklch(0.22 0 0)',
369
+ destructive: 'oklch(0.70 0.19 23.19)',
370
+ border: 'oklch(0.39 0 0)',
371
+ input: 'oklch(0.39 0 0)',
372
+ ring: 'oklch(0.83 0.09 248.95)',
373
+ 'chart-1': 'oklch(0.80 0.14 349.25)',
374
+ 'chart-2': 'oklch(0.77 0.15 306.21)',
375
+ 'chart-3': 'oklch(0.83 0.09 248.95)',
376
+ 'chart-4': 'oklch(0.88 0.09 66.27)',
377
+ 'chart-5': 'oklch(0.94 0.14 130.35)',
378
+ sidebar: 'oklch(0.29 0 0)',
379
+ 'sidebar-foreground': 'oklch(0.97 0.01 264.53)',
380
+ 'sidebar-primary': 'oklch(0.80 0.14 349.25)',
381
+ 'sidebar-primary-foreground': 'oklch(0.22 0 0)',
382
+ 'sidebar-accent': 'oklch(0.83 0.09 248.95)',
383
+ 'sidebar-accent-foreground': 'oklch(0.22 0 0)',
384
+ 'sidebar-border': 'oklch(0.39 0 0)',
385
+ 'sidebar-ring': 'oklch(0.83 0.09 248.95)',
386
+
387
+ 'shadow-color': 'oklch(0.83 0.09 248.95 / 0.10)',
388
+ 'shadow-opacity': '0.10',
389
+ 'shadow-blur': '2px',
390
+ 'shadow-spread': '0px',
391
+ 'shadow-offset-x': '0px',
392
+ 'shadow-offset-y': '1px'
393
+ }
394
+ },
395
+ 'art-deco': {
396
+ light: {
397
+ background: 'oklch(0.96 0.03 106.96)',
398
+ foreground: 'oklch(0.40 0.07 91.45)',
399
+ card: 'oklch(0.98 0.04 95.41)',
400
+ 'card-foreground': 'oklch(0.32 0 0)',
401
+ popover: 'oklch(0.98 0.04 95.41)',
402
+ 'popover-foreground': 'oklch(0.32 0 0)',
403
+ primary: 'oklch(0.77 0.14 91.05)',
404
+ 'primary-foreground': 'oklch(0 0 0)',
405
+ secondary: 'oklch(0.67 0.13 61.29)',
406
+ 'secondary-foreground': 'oklch(0 0 0)',
407
+ muted: 'oklch(0.93 0.03 106.91)',
408
+ 'muted-foreground': 'oklch(0.32 0 0)',
409
+ accent: 'oklch(0.89 0.18 95.32)',
410
+ 'accent-foreground': 'oklch(0.32 0 0)',
411
+ destructive: 'oklch(0.70 0.20 32.32)',
412
+ border: 'oklch(0.83 0.11 92.68)',
413
+ input: 'oklch(0.65 0.13 81.56)',
414
+ ring: 'oklch(0.75 0.15 83.98)',
415
+ 'chart-1': 'oklch(0.89 0.18 95.32)',
416
+ 'chart-2': 'oklch(0.67 0.13 61.29)',
417
+ 'chart-3': 'oklch(0.65 0.13 81.56)',
418
+ 'chart-4': 'oklch(0.75 0.15 83.98)',
419
+ 'chart-5': 'oklch(0.77 0.14 91.05)',
420
+ sidebar: 'oklch(0.96 0.03 106.96)',
421
+ 'sidebar-foreground': 'oklch(0.32 0 0)',
422
+ 'sidebar-primary': 'oklch(0.77 0.14 91.05)',
423
+ 'sidebar-primary-foreground': 'oklch(0.32 0 0)',
424
+ 'sidebar-accent': 'oklch(0.89 0.18 95.32)',
425
+ 'sidebar-accent-foreground': 'oklch(0.32 0 0)',
426
+ 'sidebar-border': 'oklch(0.65 0.13 81.56)',
427
+ 'sidebar-ring': 'oklch(0.75 0.15 83.98)',
428
+
429
+ 'font-sans': 'Delius Swash Caps',
430
+ 'font-serif': 'Delius Swash Caps',
431
+ 'font-mono': 'Delius Swash Caps',
432
+
433
+ radius: '0.625rem',
434
+
435
+ 'shadow-color': 'oklch(0.70 0.17 28.12 / 30%)',
436
+ 'shadow-opacity': '0.05',
437
+ 'shadow-blur': '3px',
438
+ 'shadow-spread': '0px',
439
+ 'shadow-offset-x': '0px',
440
+ 'shadow-offset-y': '1px'
441
+ },
442
+ dark: {
443
+ background: 'oklch(0.32 0 0)',
444
+ foreground: 'oklch(0.96 0.03 106.96)',
445
+ card: 'oklch(0.41 0 0)',
446
+ 'card-foreground': 'oklch(0.96 0.03 106.96)',
447
+ popover: 'oklch(0.41 0 0)',
448
+ 'popover-foreground': 'oklch(0.96 0.03 106.96)',
449
+ primary: 'oklch(0.84 0.17 82.56)',
450
+ 'primary-foreground': 'oklch(0 0 0)',
451
+ secondary: 'oklch(0.47 0.11 50.84)',
452
+ 'secondary-foreground': 'oklch(0.96 0.03 106.96)',
453
+ muted: 'oklch(0.44 0 0)',
454
+ 'muted-foreground': 'oklch(0.96 0.03 106.96)',
455
+ accent: 'oklch(0.66 0.14 80.23)',
456
+ 'accent-foreground': 'oklch(0 0 0)',
457
+ destructive: 'oklch(0.66 0.23 35.40)',
458
+ border: 'oklch(0.47 0.11 50.84)',
459
+ input: 'oklch(0.47 0.11 50.84)',
460
+ ring: 'oklch(0.65 0.13 81.56)',
461
+ 'chart-1': 'oklch(0.75 0.15 83.98)',
462
+ 'chart-2': 'oklch(0.47 0.11 50.84)',
463
+ 'chart-3': 'oklch(0.65 0.13 81.56)',
464
+ 'chart-4': 'oklch(0.75 0.15 83.98)',
465
+ 'chart-5': 'oklch(0.65 0.13 81.56)',
466
+ sidebar: 'oklch(0.32 0 0)',
467
+ 'sidebar-foreground': 'oklch(1.00 0 0)',
468
+ 'sidebar-primary': 'oklch(0.61 0.13 80.96)',
469
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
470
+ 'sidebar-accent': 'oklch(0.75 0.15 83.98)',
471
+ 'sidebar-accent-foreground': 'oklch(0.96 0.03 106.96)',
472
+ 'sidebar-border': 'oklch(0.47 0.11 50.84)',
473
+ 'sidebar-ring': 'oklch(0.65 0.13 81.56)',
474
+
475
+ 'shadow-color': 'oklch(0.00 0 0 / 0.05)',
476
+ 'shadow-opacity': '0.05',
477
+ 'shadow-blur': '3px',
478
+ 'shadow-spread': '0px',
479
+ 'shadow-offset-x': '0px',
480
+ 'shadow-offset-y': '1px'
481
+ }
482
+ },
483
+ 'vs-code': {
484
+ light: {
485
+ background: 'oklch(0.97 0.02 225.66)',
486
+ foreground: 'oklch(0.15 0.02 269.18)',
487
+ card: 'oklch(0.98 0.01 228.79)',
488
+ 'card-foreground': 'oklch(0.15 0.02 269.18)',
489
+ popover: 'oklch(0.98 0.01 238.45)',
490
+ 'popover-foreground': 'oklch(0.15 0.02 269.18)',
491
+ primary: 'oklch(0.71 0.15 239.07)',
492
+ 'primary-foreground': 'oklch(0.94 0.03 232.39)',
493
+ secondary: 'oklch(0.91 0.03 229.20)',
494
+ 'secondary-foreground': 'oklch(0.15 0.02 269.18)',
495
+ muted: 'oklch(0.89 0.02 225.69)',
496
+ 'muted-foreground': 'oklch(0.36 0.03 230.30)',
497
+ accent: 'oklch(0.88 0.02 235.72)',
498
+ 'accent-foreground': 'oklch(0.34 0.05 229.72)',
499
+ destructive: 'oklch(0.61 0.24 20.96)',
500
+ border: 'oklch(0.82 0.02 240.77)',
501
+ input: 'oklch(0.82 0.02 240.77)',
502
+ ring: 'oklch(0.55 0.10 235.72)',
503
+ 'chart-1': 'oklch(0.57 0.11 228.97)',
504
+ 'chart-2': 'oklch(0.45 0.10 270.08)',
505
+ 'chart-3': 'oklch(0.65 0.15 159.03)',
506
+ 'chart-4': 'oklch(0.75 0.10 100.01)',
507
+ 'chart-5': 'oklch(0.55 0.15 299.88)',
508
+ sidebar: 'oklch(0.93 0.01 238.46)',
509
+ 'sidebar-foreground': 'oklch(0.15 0.02 269.18)',
510
+ 'sidebar-primary': 'oklch(0.57 0.11 228.97)',
511
+ 'sidebar-primary-foreground': 'oklch(0.99 0.01 203.97)',
512
+ 'sidebar-accent': 'oklch(0.88 0.02 235.72)',
513
+ 'sidebar-accent-foreground': 'oklch(0.15 0.02 269.18)',
514
+ 'sidebar-border': 'oklch(0.82 0.02 240.77)',
515
+ 'sidebar-ring': 'oklch(0.57 0.11 228.97)',
516
+ 'font-sans':
517
+ "'Source Code Pro', 'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
518
+ 'font-serif':
519
+ "'Source Serif 4', 'Geist', 'Geist Fallback', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
520
+ 'font-mono':
521
+ "'Source Code Pro', 'Geist Mono', 'Geist Mono Fallback', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
522
+ radius: '0rem',
523
+
524
+ 'shadow-color': 'oklch(0.49 0.09 235.45)',
525
+ 'shadow-opacity': '0.06',
526
+ 'shadow-blur': '2.5px',
527
+ 'shadow-spread': '0px',
528
+ 'shadow-offset-x': '0px',
529
+ 'shadow-offset-y': '1px'
530
+ },
531
+ dark: {
532
+ background: 'oklch(0.18 0.02 271.27)',
533
+ foreground: 'oklch(0.90 0.01 238.47)',
534
+ card: 'oklch(0.22 0.02 271.67)',
535
+ 'card-foreground': 'oklch(0.90 0.01 238.47)',
536
+ popover: 'oklch(0.22 0.02 271.67)',
537
+ 'popover-foreground': 'oklch(0.90 0.01 238.47)',
538
+ primary: 'oklch(0.71 0.15 239.07)',
539
+ 'primary-foreground': 'oklch(0.94 0.03 232.39)',
540
+ secondary: 'oklch(0.28 0.03 270.91)',
541
+ 'secondary-foreground': 'oklch(0.90 0.01 238.47)',
542
+ muted: 'oklch(0.28 0.03 270.91)',
543
+ 'muted-foreground': 'oklch(0.60 0.03 269.46)',
544
+ accent: 'oklch(0.28 0.03 270.91)',
545
+ 'accent-foreground': 'oklch(0.90 0.01 238.47)',
546
+ destructive: 'oklch(0.64 0.25 19.69)',
547
+ border: 'oklch(0.90 0.01 238.47 / 15%)',
548
+ input: 'oklch(0.90 0.01 238.47 / 20%)',
549
+ ring: 'oklch(0.66 0.13 227.15)',
550
+ 'chart-1': 'oklch(0.66 0.13 227.15)',
551
+ 'chart-2': 'oklch(0.60 0.10 269.83)',
552
+ 'chart-3': 'oklch(0.70 0.15 159.83)',
553
+ 'chart-4': 'oklch(0.80 0.10 100.65)',
554
+ 'chart-5': 'oklch(0.60 0.15 300.14)',
555
+ sidebar: 'oklch(0.22 0.02 271.67)',
556
+ 'sidebar-foreground': 'oklch(0.90 0.01 238.47)',
557
+ 'sidebar-primary': 'oklch(0.66 0.13 227.15)',
558
+ 'sidebar-primary-foreground': 'oklch(0.18 0.02 271.27)',
559
+ 'sidebar-accent': 'oklch(0.28 0.03 270.91)',
560
+ 'sidebar-accent-foreground': 'oklch(0.90 0.01 238.47)',
561
+ 'sidebar-border': 'oklch(0.90 0.01 238.47 / 15%)',
562
+ 'sidebar-ring': 'oklch(0.66 0.13 227.15)',
563
+
564
+ 'shadow-color': 'oklch(0 0 0)',
565
+ 'shadow-opacity': '0.01',
566
+ 'shadow-blur': '2px',
567
+ 'shadow-spread': '0px',
568
+ 'shadow-offset-x': '0px',
569
+ 'shadow-offset-y': '1px'
570
+ }
571
+ },
572
+ spotify: {
573
+ light: {
574
+ background: 'oklch(0.99 0 0)',
575
+ foreground: 'oklch(0.35 0.02 165.48)',
576
+ card: 'oklch(1.00 0 0)',
577
+ 'card-foreground': 'oklch(0.35 0.02 165.48)',
578
+ popover: 'oklch(1.00 0 0)',
579
+ 'popover-foreground': 'oklch(0.35 0.02 165.48)',
580
+ primary: 'oklch(0.67 0.17 153.85)',
581
+ 'primary-foreground': 'oklch(0.99 0.02 169.99)',
582
+ secondary: 'oklch(0.90 0.02 238.66)',
583
+ 'secondary-foreground': 'oklch(0.20 0.02 266.02)',
584
+ muted: 'oklch(0.90 0.02 240.73)',
585
+ 'muted-foreground': 'oklch(0.50 0.03 268.53)',
586
+ accent: 'oklch(0.90 0.02 240.73)',
587
+ 'accent-foreground': 'oklch(0.35 0.02 165.48)',
588
+ destructive: 'oklch(0.61 0.24 20.96)',
589
+ border: 'oklch(0.94 0.01 238.46)',
590
+ input: 'oklch(0.85 0.02 240.75)',
591
+ ring: 'oklch(0.67 0.17 153.85)',
592
+ 'chart-1': 'oklch(0.67 0.17 153.85)',
593
+ 'chart-2': 'oklch(0.50 0.10 270.06)',
594
+ 'chart-3': 'oklch(0.72 0.12 201.79)',
595
+ 'chart-4': 'oklch(0.80 0.10 100.65)',
596
+ 'chart-5': 'oklch(0.60 0.15 300.14)',
597
+ sidebar: 'oklch(0.98 0.01 238.45)',
598
+ 'sidebar-foreground': 'oklch(0.35 0.02 165.48)',
599
+ 'sidebar-primary': 'oklch(0.67 0.17 153.85)',
600
+ 'sidebar-primary-foreground': 'oklch(0.98 0.01 238.45)',
601
+ 'sidebar-accent': 'oklch(0.90 0.02 240.73)',
602
+ 'sidebar-accent-foreground': 'oklch(0.35 0.02 165.48)',
603
+ 'sidebar-border': 'oklch(0.85 0.02 240.75)',
604
+ 'sidebar-ring': 'oklch(0.67 0.17 153.85)',
605
+
606
+ 'font-sans': 'Lato, sans-serif',
607
+ 'font-serif': 'Merriweather, Geist, Geist Fallback, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
608
+ 'font-mono':
609
+ 'Roboto Mono, Geist Mono, Geist Mono Fallback, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
610
+
611
+ radius: '0.25rem',
612
+
613
+ 'shadow-color': 'oklch(0.35 0.05 163.50)',
614
+ 'shadow-opacity': '0.04',
615
+ 'shadow-blur': '3px',
616
+ 'shadow-spread': '0px',
617
+ 'shadow-offset-x': '0px',
618
+ 'shadow-offset-y': '1px'
619
+ },
620
+ dark: {
621
+ background: 'oklch(0.15 0.02 269.18)',
622
+ foreground: 'oklch(0.95 0.01 238.46)',
623
+ card: 'oklch(0.20 0.02 266.02)',
624
+ 'card-foreground': 'oklch(0.95 0.01 238.46)',
625
+ popover: 'oklch(0.20 0.02 266.02)',
626
+ 'popover-foreground': 'oklch(0.95 0.01 238.46)',
627
+ primary: 'oklch(0.67 0.17 153.85)',
628
+ 'primary-foreground': 'oklch(0.15 0.02 269.18)',
629
+ secondary: 'oklch(0.30 0.03 271.05)',
630
+ 'secondary-foreground': 'oklch(0.95 0.01 238.46)',
631
+ muted: 'oklch(0.30 0.03 271.05)',
632
+ 'muted-foreground': 'oklch(0.60 0.03 269.46)',
633
+ accent: 'oklch(0.30 0.03 271.05)',
634
+ 'accent-foreground': 'oklch(0.95 0.01 238.46)',
635
+ destructive: 'oklch(0.64 0.25 19.69)',
636
+ border: 'oklch(0.95 0.01 238.46 / 15%)',
637
+ input: 'oklch(0.95 0.01 238.46 / 20%)',
638
+ ring: 'oklch(0.67 0.17 153.85)',
639
+ 'chart-1': 'oklch(0.67 0.17 153.85)',
640
+ 'chart-2': 'oklch(0.60 0.10 269.83)',
641
+ 'chart-3': 'oklch(0.72 0.12 201.79)',
642
+ 'chart-4': 'oklch(0.80 0.10 100.65)',
643
+ 'chart-5': 'oklch(0.60 0.15 300.14)',
644
+ sidebar: 'oklch(0.20 0.02 266.02)',
645
+ 'sidebar-foreground': 'oklch(0.95 0.01 238.46)',
646
+ 'sidebar-primary': 'oklch(0.67 0.17 153.85)',
647
+ 'sidebar-primary-foreground': 'oklch(0.15 0.02 269.18)',
648
+ 'sidebar-accent': 'oklch(0.30 0.03 271.05)',
649
+ 'sidebar-accent-foreground': 'oklch(0.95 0.01 238.46)',
650
+ 'sidebar-border': 'oklch(0.95 0.01 238.46 / 15%)',
651
+ 'sidebar-ring': 'oklch(0.67 0.17 153.85)',
652
+
653
+ 'shadow-color': 'oklch(0 0 0)',
654
+ 'shadow-opacity': '0.01',
655
+ 'shadow-blur': '2px',
656
+ 'shadow-spread': '0px',
657
+ 'shadow-offset-x': '0px',
658
+ 'shadow-offset-y': '1px'
659
+ }
660
+ },
661
+ summer: {
662
+ light: {
663
+ background: 'oklch(0.98 0.01 78.24)',
664
+ foreground: 'oklch(0.38 0.02 64.34)',
665
+ card: 'oklch(0.97 0.02 74.09)',
666
+ 'card-foreground': 'oklch(0.38 0.02 64.34)',
667
+ popover: 'oklch(0.96 0.04 81.50)',
668
+ 'popover-foreground': 'oklch(0.38 0.02 64.34)',
669
+ primary: 'oklch(0.70 0.17 28.12)',
670
+ 'primary-foreground': 'oklch(1.00 0 0)',
671
+ secondary: 'oklch(0.81 0.15 72.19)',
672
+ 'secondary-foreground': 'oklch(0.38 0.02 64.34)',
673
+ muted: 'oklch(0.94 0.03 62.01)',
674
+ 'muted-foreground': 'oklch(0.62 0.06 59.53)',
675
+ accent: 'oklch(0.64 0.22 28.81)',
676
+ 'accent-foreground': 'oklch(1.00 0 0)',
677
+ destructive: 'oklch(0.57 0.20 26.41)',
678
+ border: 'oklch(0.87 0.08 65.91)',
679
+ input: 'oklch(0.96 0.03 79.26)',
680
+ ring: 'oklch(0.70 0.17 28.12)',
681
+ 'chart-1': 'oklch(0.70 0.17 28.12)',
682
+ 'chart-2': 'oklch(0.81 0.15 72.19)',
683
+ 'chart-3': 'oklch(0.71 0.18 37.77)',
684
+ 'chart-4': 'oklch(0.89 0.15 91.22)',
685
+ 'chart-5': 'oklch(0.59 0.19 35.90)',
686
+ sidebar: 'oklch(0.97 0.02 74.09)',
687
+ 'sidebar-foreground': 'oklch(0.38 0.02 64.34)',
688
+ 'sidebar-primary': 'oklch(0.70 0.17 28.12)',
689
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
690
+ 'sidebar-accent': 'oklch(0.81 0.15 72.19)',
691
+ 'sidebar-accent-foreground': 'oklch(0.38 0.02 64.34)',
692
+ 'sidebar-border': 'oklch(0.87 0.08 65.91)',
693
+ 'sidebar-ring': 'oklch(0.70 0.17 28.12)',
694
+ 'font-sans': 'Nunito, Segoe UI, Tahoma, Geneva, Verdana, sans-serif',
695
+ 'font-serif': 'Lora, ui-serif, Georgia, Cambria, Times New Roman, Times, serif',
696
+ 'font-mono': 'Fira Code, ui-monospace, SFMono-Regular',
697
+ radius: '0.6rem',
698
+ 'shadow-color': 'oklch(0.70 0.17 28.12 / 30%)',
699
+ 'shadow-opacity': '0.05',
700
+ 'shadow-blur': '3px',
701
+ 'shadow-spread': '0px',
702
+ 'shadow-offset-x': '0px',
703
+ 'shadow-offset-y': '1px'
704
+ },
705
+ dark: {
706
+ background: 'oklch(0.26 0.02 60.79)',
707
+ foreground: 'oklch(0.87 0.08 65.91)',
708
+ card: 'oklch(0.31 0.03 57.05)',
709
+ 'card-foreground': 'oklch(0.87 0.08 65.91)',
710
+ popover: 'oklch(0.36 0.03 54.43)',
711
+ 'popover-foreground': 'oklch(0.87 0.08 65.91)',
712
+ primary: 'oklch(0.70 0.17 28.12)',
713
+ 'primary-foreground': 'oklch(1.00 0 0)',
714
+ secondary: 'oklch(0.81 0.15 72.19)',
715
+ 'secondary-foreground': 'oklch(0.26 0.02 60.79)',
716
+ muted: 'oklch(0.56 0.05 58.96)',
717
+ 'muted-foreground': 'oklch(0.79 0.06 71.12)',
718
+ accent: 'oklch(0.61 0.21 27.03)',
719
+ 'accent-foreground': 'oklch(1.00 0 0)',
720
+ destructive: 'oklch(0.50 0.19 27.48)',
721
+ border: 'oklch(0.45 0.05 59.00)',
722
+ input: 'oklch(0.40 0.04 60.66)',
723
+ ring: 'oklch(0.70 0.17 28.12)',
724
+ 'chart-1': 'oklch(0.70 0.17 28.12)',
725
+ 'chart-2': 'oklch(0.81 0.15 72.19)',
726
+ 'chart-3': 'oklch(0.71 0.18 37.77)',
727
+ 'chart-4': 'oklch(0.89 0.15 91.22)',
728
+ 'chart-5': 'oklch(0.59 0.19 35.90)',
729
+ sidebar: 'oklch(0.31 0.03 57.05)',
730
+ 'sidebar-foreground': 'oklch(0.87 0.08 65.91)',
731
+ 'sidebar-primary': 'oklch(0.70 0.17 28.12)',
732
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
733
+ 'sidebar-accent': 'oklch(0.81 0.15 72.19)',
734
+ 'sidebar-accent-foreground': 'oklch(0.26 0.02 60.79)',
735
+ 'sidebar-border': 'oklch(0.45 0.05 59.00)',
736
+ 'sidebar-ring': 'oklch(0.70 0.17 28.12)',
737
+
738
+ 'shadow-color': 'oklch(0.70 0.17 28.12 / 70%)',
739
+ 'shadow-opacity': '0.05',
740
+ 'shadow-blur': '3px',
741
+ 'shadow-spread': '0px',
742
+ 'shadow-offset-x': '0px',
743
+ 'shadow-offset-y': '1px'
744
+ }
745
+ },
746
+ 'material-design': {
747
+ light: {
748
+ background: 'oklch(0.98 0.01 334.35)',
749
+ foreground: 'oklch(0.22 0 0)',
750
+ card: 'oklch(0.96 0.01 335.69)',
751
+ 'card-foreground': 'oklch(0.14 0 0)',
752
+ popover: 'oklch(0.95 0.01 316.67)',
753
+ 'popover-foreground': 'oklch(0.40 0.04 309.35)',
754
+ primary: 'oklch(0.51 0.21 286.50)',
755
+ 'primary-foreground': 'oklch(1.00 0 0)',
756
+ secondary: 'oklch(0.49 0.04 300.23)',
757
+ 'secondary-foreground': 'oklch(1.00 0 0)',
758
+ muted: 'oklch(0.96 0.01 335.69)',
759
+ 'muted-foreground': 'oklch(0.14 0 0)',
760
+ accent: 'oklch(0.92 0.04 303.47)',
761
+ 'accent-foreground': 'oklch(0.14 0 0)',
762
+ destructive: 'oklch(0.57 0.23 29.21)',
763
+ border: 'oklch(0.83 0.02 308.26)',
764
+ input: 'oklch(0.57 0.02 309.68)',
765
+ ring: 'oklch(0.50 0.13 293.77)',
766
+ 'chart-1': 'oklch(0.61 0.21 279.42)',
767
+ 'chart-2': 'oklch(0.72 0.15 157.67)',
768
+ 'chart-3': 'oklch(0.66 0.17 324.24)',
769
+ 'chart-4': 'oklch(0.81 0.15 127.91)',
770
+ 'chart-5': 'oklch(0.68 0.17 258.25)',
771
+ sidebar: 'oklch(0.99 0 0)',
772
+ 'sidebar-foreground': 'oklch(0.15 0 0)',
773
+ 'sidebar-primary': 'oklch(0.56 0.11 228.27)',
774
+ 'sidebar-primary-foreground': 'oklch(0.98 0 0)',
775
+ 'sidebar-accent': 'oklch(0.95 0 0)',
776
+ 'sidebar-accent-foreground': 'oklch(0.25 0 0)',
777
+ 'sidebar-border': 'oklch(0.90 0 0)',
778
+ 'sidebar-ring': 'oklch(0.56 0.11 228.27)',
779
+
780
+ 'font-sans': 'Roboto, sans-serif',
781
+ 'font-serif': 'Merriweather, serif',
782
+ 'font-mono':
783
+ '"Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
784
+
785
+ radius: '1rem',
786
+
787
+ 'shadow-color': 'oklch(0 0 0 / 0.01)',
788
+ 'shadow-opacity': '0.01',
789
+ 'shadow-blur': '3px',
790
+ 'shadow-spread': '0px',
791
+ 'shadow-offset-x': '0px',
792
+ 'shadow-offset-y': '1px'
793
+ },
794
+ dark: {
795
+ background: 'oklch(0.15 0.01 317.69)',
796
+ foreground: 'oklch(0.95 0.01 321.50)',
797
+ card: 'oklch(0.22 0.02 322.13)',
798
+ 'card-foreground': 'oklch(0.95 0.01 321.50)',
799
+ popover: 'oklch(0.22 0.02 322.13)',
800
+ 'popover-foreground': 'oklch(0.95 0.01 321.50)',
801
+ primary: 'oklch(0.60 0.22 279.81)',
802
+ 'primary-foreground': 'oklch(0.98 0.01 321.51)',
803
+ secondary: 'oklch(0.45 0.03 294.79)',
804
+ 'secondary-foreground': 'oklch(0.95 0.01 321.50)',
805
+ muted: 'oklch(0.22 0.01 319.50)',
806
+ 'muted-foreground': 'oklch(0.70 0.01 320.70)',
807
+ accent: 'oklch(0.35 0.06 299.57)',
808
+ 'accent-foreground': 'oklch(0.95 0.01 321.50)',
809
+ destructive: 'oklch(0.57 0.23 29.21)',
810
+ border: 'oklch(0.40 0.04 309.35)',
811
+ input: 'oklch(0.40 0.04 309.35)',
812
+ ring: 'oklch(0.50 0.15 294.97)',
813
+ 'chart-1': 'oklch(0.50 0.25 274.99)',
814
+ 'chart-2': 'oklch(0.60 0.15 150.16)',
815
+ 'chart-3': 'oklch(0.65 0.20 309.96)',
816
+ 'chart-4': 'oklch(0.60 0.17 132.98)',
817
+ 'chart-5': 'oklch(0.60 0.20 255.25)',
818
+ sidebar: 'oklch(0.20 0.01 317.74)',
819
+ 'sidebar-foreground': 'oklch(0.95 0.01 321.50)',
820
+ 'sidebar-primary': 'oklch(0.59 0.11 225.82)',
821
+ 'sidebar-primary-foreground': 'oklch(0.95 0.01 321.50)',
822
+ 'sidebar-accent': 'oklch(0.30 0.01 319.52)',
823
+ 'sidebar-accent-foreground': 'oklch(0.95 0.01 321.50)',
824
+ 'sidebar-border': 'oklch(0.35 0.01 319.53 / 30%)',
825
+ 'sidebar-ring': 'oklch(0.59 0.11 225.82)',
826
+ 'shadow-color': 'oklch(0 0 0 / 0.01)',
827
+ 'shadow-opacity': '0.01',
828
+ 'shadow-blur': '3px',
829
+ 'shadow-spread': '0px',
830
+ 'shadow-offset-x': '0px',
831
+ 'shadow-offset-y': '1px'
832
+ }
833
+ },
834
+ marvel: {
835
+ light: {
836
+ background: 'oklch(0.98 0.01 25.23)',
837
+ foreground: 'oklch(0.20 0.01 18.05)',
838
+ card: 'oklch(0.95 0.01 25.23)',
839
+ 'card-foreground': 'oklch(0.18 0.01 29.18)',
840
+ popover: 'oklch(0.94 0.01 25.23)',
841
+ 'popover-foreground': 'oklch(0.22 0.01 29.09)',
842
+ primary: 'oklch(0.55 0.22 27.03)',
843
+ 'primary-foreground': 'oklch(0.98 0.01 100.72)',
844
+ secondary: 'oklch(0.52 0.14 247.51)',
845
+ 'secondary-foreground': 'oklch(0.98 0.01 100.72)',
846
+ muted: 'oklch(0.91 0.01 25.23)',
847
+ 'muted-foreground': 'oklch(0.38 0.01 17.71)',
848
+ accent: 'oklch(0.86 0.04 33.03)',
849
+ 'accent-foreground': 'oklch(0.18 0.01 29.18)',
850
+ destructive: 'oklch(0.56 0.23 29.23)',
851
+ border: 'oklch(0.84 0.01 25.22)',
852
+ input: 'oklch(0.80 0.01 25.22)',
853
+ ring: 'oklch(0.50 0.12 244.86)',
854
+ 'chart-1': 'oklch(0.58 0.23 27.06)',
855
+ 'chart-2': 'oklch(0.61 0.18 251.95)',
856
+ 'chart-3': 'oklch(0.72 0.15 83.96)',
857
+ 'chart-4': 'oklch(0.67 0.15 144.89)',
858
+ 'chart-5': 'oklch(0.75 0.15 304.74)',
859
+ sidebar: 'oklch(0.97 0 0)',
860
+ 'sidebar-foreground': 'oklch(0.20 0.01 18.05)',
861
+ 'sidebar-primary': 'oklch(0.52 0.14 247.51)',
862
+ 'sidebar-primary-foreground': 'oklch(0.98 0.01 100.72)',
863
+ 'sidebar-accent': 'oklch(0.69 0.14 79.64)',
864
+ 'sidebar-accent-foreground': 'oklch(0.20 0.01 18.05)',
865
+ 'sidebar-border': 'oklch(0.87 0.01 25.23)',
866
+ 'sidebar-ring': 'oklch(0.52 0.14 247.51)',
867
+
868
+ 'font-sans': 'Outfit, sans-serif',
869
+ 'font-serif': 'Merriweather, serif',
870
+ 'font-mono': 'Geist Mono, monospace',
871
+
872
+ radius: '0rem',
873
+ 'shadow-color': 'oklch(0 0 0 / 0.01)',
874
+ 'shadow-opacity': '0.01',
875
+ 'shadow-blur': '3px',
876
+ 'shadow-spread': '0px',
877
+ 'shadow-offset-x': '0px',
878
+ 'shadow-offset-y': '1px'
879
+ },
880
+ dark: {
881
+ background: 'oklch(0.12 0.01 38.49)',
882
+ foreground: 'oklch(0.95 0.01 25.23)',
883
+ card: 'oklch(0.18 0.01 29.18)',
884
+ 'card-foreground': 'oklch(0.95 0.01 25.23)',
885
+ popover: 'oklch(0.18 0.01 29.18)',
886
+ 'popover-foreground': 'oklch(0.95 0.01 25.23)',
887
+ primary: 'oklch(0.65 0.23 27.09)',
888
+ 'primary-foreground': 'oklch(0.98 0.01 100.72)',
889
+ secondary: 'oklch(0.50 0.14 249.16)',
890
+ 'secondary-foreground': 'oklch(0.98 0.01 100.72)',
891
+ muted: 'oklch(0.20 0.01 18.05)',
892
+ 'muted-foreground': 'oklch(0.70 0.01 25.22)',
893
+ accent: 'oklch(0.59 0.12 78.11)',
894
+ 'accent-foreground': 'oklch(0.95 0.01 25.23)',
895
+ destructive: 'oklch(0.56 0.23 29.23)',
896
+ border: 'oklch(0.38 0.01 17.71)',
897
+ input: 'oklch(0.38 0.01 17.71)',
898
+ ring: 'oklch(0.49 0.14 250.75)',
899
+ 'chart-1': 'oklch(0.64 0.25 26.85)',
900
+ 'chart-2': 'oklch(0.66 0.19 250.17)',
901
+ 'chart-3': 'oklch(0.78 0.16 87.01)',
902
+ 'chart-4': 'oklch(0.68 0.15 144.94)',
903
+ 'chart-5': 'oklch(0.75 0.15 304.74)',
904
+ sidebar: 'oklch(0.14 0.01 33.25)',
905
+ 'sidebar-foreground': 'oklch(0.95 0.01 25.23)',
906
+ 'sidebar-primary': 'oklch(0.50 0.14 249.16)',
907
+ 'sidebar-primary-foreground': 'oklch(0.98 0.01 100.72)',
908
+ 'sidebar-accent': 'oklch(0.59 0.12 78.11)',
909
+ 'sidebar-accent-foreground': 'oklch(0.95 0.01 25.23)',
910
+ 'sidebar-border': 'oklch(0.32 0.01 27.45 / 30%)',
911
+ 'sidebar-ring': 'oklch(0.50 0.14 249.16)',
912
+ 'shadow-color': 'oklch(0 0 0 / 0.01)',
913
+ 'shadow-opacity': '0.01',
914
+ 'shadow-blur': '3px',
915
+ 'shadow-spread': '0px',
916
+ 'shadow-offset-x': '0px',
917
+ 'shadow-offset-y': '1px'
918
+ }
919
+ },
920
+ valorant: {
921
+ light: {
922
+ background: 'oklch(0.97 0.02 12.78)',
923
+ foreground: 'oklch(0.24 0.07 17.81)',
924
+ card: 'oklch(0.98 0.01 17.28)',
925
+ 'card-foreground': 'oklch(0.26 0.07 19)',
926
+ popover: 'oklch(0.98 0.01 17.28)',
927
+ 'popover-foreground': 'oklch(0.26 0.07 19)',
928
+ primary: 'oklch(0.67 0.22 21.34)',
929
+ 'primary-foreground': 'oklch(0.99 0.00 359.99)',
930
+ secondary: 'oklch(0.95 0.02 11.28)',
931
+ 'secondary-foreground': 'oklch(0.24 0.07 17.81)',
932
+ muted: 'oklch(0.98 0.01 17.28)',
933
+ 'muted-foreground': 'oklch(0.26 0.07 19)',
934
+ accent: 'oklch(0.99 0.00 359.99)',
935
+ 'accent-foreground': 'oklch(0.43 0.13 20.62)',
936
+ destructive: 'oklch(0.80 0.17 73.27)',
937
+ border: 'oklch(0.91 0.05 11.40)',
938
+ input: 'oklch(0.90 0.05 12.59)',
939
+ ring: 'oklch(0.92 0.04 12.39)',
940
+ 'chart-1': 'oklch(0.86 0.18 88.49)',
941
+ 'chart-2': 'oklch(0.62 0.21 255.13)',
942
+ 'chart-3': 'oklch(0.54 0.29 297.82)',
943
+ 'chart-4': 'oklch(0.95 0.10 98.39)',
944
+ 'chart-5': 'oklch(0.87 0.12 100.28)',
945
+ sidebar: 'oklch(0.97 0.02 12.78)',
946
+ 'sidebar-foreground': 'oklch(0.26 0.07 19)',
947
+ 'sidebar-primary': 'oklch(0.67 0.22 21.34)',
948
+ 'sidebar-primary-foreground': 'oklch(0.98 0.01 17.28)',
949
+ 'sidebar-accent': 'oklch(0.98 0.01 17.28)',
950
+ 'sidebar-accent-foreground': 'oklch(0.43 0.13 20.62)',
951
+ 'sidebar-border': 'oklch(0.91 0.05 11.40)',
952
+ 'sidebar-ring': 'oklch(0.92 0.04 12.39)',
953
+ 'font-sans': 'Barlow',
954
+ 'font-serif': 'Merriweather',
955
+ 'font-mono': 'JetBrains Mono',
956
+ radius: '0rem',
957
+ 'shadow-color': 'oklch(0.3 0.0891 19.6)',
958
+ 'shadow-opacity': '0.08',
959
+ 'shadow-blur': '3px',
960
+ 'shadow-spread': '0px',
961
+ 'shadow-offset-x': '0px',
962
+ 'shadow-offset-y': '0px'
963
+ },
964
+ dark: {
965
+ background: 'oklch(0.16 0.03 17.48)',
966
+ foreground: 'oklch(0.99 0.00 359.99)',
967
+ card: 'oklch(0.21 0.05 19.26)',
968
+ 'card-foreground': 'oklch(0.98 0 0)',
969
+ popover: 'oklch(0.26 0.07 19)',
970
+ 'popover-foreground': 'oklch(0.99 0.00 359.99)',
971
+ primary: 'oklch(0.67 0.22 21.34)',
972
+ 'primary-foreground': 'oklch(0.99 0.00 359.99)',
973
+ secondary: 'oklch(0.3 0.0891 19.6)',
974
+ 'secondary-foreground': 'oklch(0.95 0.02 11.28)',
975
+ muted: 'oklch(0.26 0.07 19)',
976
+ 'muted-foreground': 'oklch(0.99 0.00 359.99)',
977
+ accent: 'oklch(0.43 0.13 20.62)',
978
+ 'accent-foreground': 'oklch(0.99 0.00 359.99)',
979
+ destructive: 'oklch(0.80 0.17 73.27)',
980
+ border: 'oklch(0.31 0.09 19.80)',
981
+ input: 'oklch(0.39 0.12 20.37)',
982
+ ring: 'oklch(0.50 0.16 20.89)',
983
+ 'chart-1': 'oklch(0.86 0.18 88.49)',
984
+ 'chart-2': 'oklch(0.62 0.21 255.13)',
985
+ 'chart-3': 'oklch(0.54 0.29 297.82)',
986
+ 'chart-4': 'oklch(0.95 0.10 98.39)',
987
+ 'chart-5': 'oklch(0.87 0.12 100.28)',
988
+ sidebar: 'oklch(0.26 0.07 19)',
989
+ 'sidebar-foreground': 'oklch(0.99 0.00 359.99)',
990
+ 'sidebar-primary': 'oklch(0.67 0.22 21.34)',
991
+ 'sidebar-primary-foreground': 'oklch(0.99 0.00 359.99)',
992
+ 'sidebar-accent': 'oklch(0.43 0.13 20.62)',
993
+ 'sidebar-accent-foreground': 'oklch(0.99 0.00 359.99)',
994
+ 'sidebar-border': 'oklch(0.39 0.12 20.37)',
995
+ 'sidebar-ring': 'oklch(0.50 0.16 20.89)'
996
+ }
997
+ },
998
+ 'ghibli-studio': {
999
+ light: {
1000
+ background: 'oklch(0.91 0.05 82.69)',
1001
+ foreground: 'oklch(0.41 0.08 79.04)',
1002
+ card: 'oklch(0.92 0.04 83.86)',
1003
+ 'card-foreground': 'oklch(0.41 0.08 73.75)',
1004
+ popover: 'oklch(0.92 0.04 83.86)',
1005
+ 'popover-foreground': 'oklch(0.41 0.08 73.75)',
1006
+ primary: 'oklch(0.71 0.10 111.99)',
1007
+ 'primary-foreground': 'oklch(0.98 0.01 3.71)',
1008
+ secondary: 'oklch(0.88 0.05 83.41)',
1009
+ 'secondary-foreground': 'oklch(0.51 0.08 79.21)',
1010
+ muted: 'oklch(0.86 0.06 83.48)',
1011
+ 'muted-foreground': 'oklch(0.51 0.08 74.26)',
1012
+ accent: 'oklch(0.86 0.05 84.50)',
1013
+ 'accent-foreground': 'oklch(0.26 0.02 358.42)',
1014
+ destructive: 'oklch(0.63 0.24 29.21)',
1015
+ border: 'oklch(0.74 0.06 79.81)',
1016
+ input: 'oklch(0.74 0.06 79.81)',
1017
+ ring: 'oklch(0.51 0.08 74.26)',
1018
+ 'chart-1': 'oklch(0.66 0.19 41.68)',
1019
+ 'chart-2': 'oklch(0.70 0.12 183.20)',
1020
+ 'chart-3': 'oklch(0.48 0.08 211.46)',
1021
+ 'chart-4': 'oklch(0.84 0.17 85.07)',
1022
+ 'chart-5': 'oklch(0.74 0.17 60.21)',
1023
+ sidebar: 'oklch(0.87 0.06 83.96)',
1024
+ 'sidebar-foreground': 'oklch(0.41 0.08 79.04)',
1025
+ 'sidebar-primary': 'oklch(0.26 0.02 358.42)',
1026
+ 'sidebar-primary-foreground': 'oklch(0.98 0.01 3.71)',
1027
+ 'sidebar-accent': 'oklch(0.83 0.06 84.46)',
1028
+ 'sidebar-accent-foreground': 'oklch(0.26 0.02 358.42)',
1029
+ 'sidebar-border': 'oklch(0.91 0.00 0.43)',
1030
+ 'sidebar-ring': 'oklch(0.71 0.00 0.37)',
1031
+ 'font-sans': 'Nunito, sans-serif',
1032
+ 'font-serif': 'PT Serif, serif',
1033
+ 'font-mono': 'JetBrains Mono, monospace',
1034
+ radius: '0.625rem'
1035
+ },
1036
+ dark: {
1037
+ background: 'oklch(0.20 0.01 48.35)',
1038
+ foreground: 'oklch(0.88 0.05 79.26)',
1039
+ card: 'oklch(0.25 0.01 56.14)',
1040
+ 'card-foreground': 'oklch(0.88 0.05 79.26)',
1041
+ popover: 'oklch(0.25 0.01 56.14)',
1042
+ 'popover-foreground': 'oklch(0.88 0.05 79.26)',
1043
+ primary: 'oklch(0.64 0.05 115.39)',
1044
+ 'primary-foreground': 'oklch(0.98 0.01 3.71)',
1045
+ secondary: 'oklch(0.33 0.02 60.70)',
1046
+ 'secondary-foreground': 'oklch(0.88 0.05 83.41)',
1047
+ muted: 'oklch(0.27 0.01 39.35)',
1048
+ 'muted-foreground': 'oklch(0.74 0.06 79.81)',
1049
+ accent: 'oklch(0.33 0.02 60.70)',
1050
+ 'accent-foreground': 'oklch(0.86 0.05 84.50)',
1051
+ destructive: 'oklch(0.63 0.24 29.21)',
1052
+ border: 'oklch(0.33 0.02 60.70)',
1053
+ input: 'oklch(0.33 0.02 60.70)',
1054
+ ring: 'oklch(0.64 0.05 115.39)',
1055
+ 'chart-1': 'oklch(0.66 0.19 41.68)',
1056
+ 'chart-2': 'oklch(0.70 0.12 183.20)',
1057
+ 'chart-3': 'oklch(0.48 0.08 211.46)',
1058
+ 'chart-4': 'oklch(0.84 0.17 85.07)',
1059
+ 'chart-5': 'oklch(0.74 0.17 60.21)',
1060
+ sidebar: 'oklch(0.23 0.01 56.09)',
1061
+ 'sidebar-foreground': 'oklch(0.88 0.05 79.26)',
1062
+ 'sidebar-primary': 'oklch(0.64 0.05 115.39)',
1063
+ 'sidebar-primary-foreground': 'oklch(0.98 0.01 3.71)',
1064
+ 'sidebar-accent': 'oklch(0.33 0.02 60.70)',
1065
+ 'sidebar-accent-foreground': 'oklch(0.86 0.05 84.50)',
1066
+ 'sidebar-border': 'oklch(0.33 0.02 60.70)',
1067
+ 'sidebar-ring': 'oklch(0.64 0.05 115.39)'
1068
+ }
1069
+ },
1070
+ 'modern-minimal': {
1071
+ light: {
1072
+ background: 'oklch(1.00 0 0)',
1073
+ foreground: 'oklch(0.32 0 0)',
1074
+ card: 'oklch(1.00 0 0)',
1075
+ 'card-foreground': 'oklch(0.32 0 0)',
1076
+ popover: 'oklch(1.00 0 0)',
1077
+ 'popover-foreground': 'oklch(0.32 0 0)',
1078
+ primary: 'oklch(0.62 0.19 259.76)',
1079
+ 'primary-foreground': 'oklch(1.00 0 0)',
1080
+ secondary: 'oklch(0.97 0 0)',
1081
+ 'secondary-foreground': 'oklch(0.45 0.03 257.68)',
1082
+ muted: 'oklch(0.98 0 0)',
1083
+ 'muted-foreground': 'oklch(0.55 0.02 264.41)',
1084
+ accent: 'oklch(0.95 0.03 233.56)',
1085
+ 'accent-foreground': 'oklch(0.38 0.14 265.59)',
1086
+ destructive: 'oklch(0.64 0.21 25.39)',
1087
+ border: 'oklch(0.93 0.01 261.82)',
1088
+ input: 'oklch(0.93 0.01 261.82)',
1089
+ ring: 'oklch(0.62 0.19 259.76)',
1090
+ 'chart-1': 'oklch(0.62 0.19 259.76)',
1091
+ 'chart-2': 'oklch(0.55 0.22 262.96)',
1092
+ 'chart-3': 'oklch(0.49 0.22 264.43)',
1093
+ 'chart-4': 'oklch(0.42 0.18 265.55)',
1094
+ 'chart-5': 'oklch(0.38 0.14 265.59)',
1095
+ sidebar: 'oklch(0.98 0 0)',
1096
+ 'sidebar-foreground': 'oklch(0.14 0 0)',
1097
+ 'sidebar-primary': 'oklch(0.20 0 0)',
1098
+ 'sidebar-primary-foreground': 'oklch(0.98 0 0)',
1099
+ 'sidebar-accent': 'oklch(0.97 0 0)',
1100
+ 'sidebar-accent-foreground': 'oklch(0.20 0 0)',
1101
+ 'sidebar-border': 'oklch(0.92 0 0)',
1102
+ 'sidebar-ring': 'oklch(0.71 0 0)',
1103
+
1104
+ 'font-serif': 'Source Serif 4, serif',
1105
+ 'font-mono': 'JetBrains Mono, monospace',
1106
+ radius: '0.375rem'
1107
+ },
1108
+ dark: {
1109
+ background: 'oklch(0.20 0 0)',
1110
+ foreground: 'oklch(0.92 0 0)',
1111
+ card: 'oklch(0.27 0 0)',
1112
+ 'card-foreground': 'oklch(0.92 0 0)',
1113
+ popover: 'oklch(0.27 0 0)',
1114
+ 'popover-foreground': 'oklch(0.92 0 0)',
1115
+ primary: 'oklch(0.62 0.19 259.76)',
1116
+ 'primary-foreground': 'oklch(1.00 0 0)',
1117
+ secondary: 'oklch(0.27 0 0)',
1118
+ 'secondary-foreground': 'oklch(0.92 0 0)',
1119
+ muted: 'oklch(0.27 0 0)',
1120
+ 'muted-foreground': 'oklch(0.72 0 0)',
1121
+ accent: 'oklch(0.38 0.14 265.59)',
1122
+ 'accent-foreground': 'oklch(0.88 0.06 254.63)',
1123
+ destructive: 'oklch(0.64 0.21 25.39)',
1124
+ border: 'oklch(0.37 0 0)',
1125
+ input: 'oklch(0.37 0 0)',
1126
+ ring: 'oklch(0.62 0.19 259.76)',
1127
+ 'chart-1': 'oklch(0.71 0.14 254.69)',
1128
+ 'chart-2': 'oklch(0.62 0.19 259.76)',
1129
+ 'chart-3': 'oklch(0.55 0.22 262.96)',
1130
+ 'chart-4': 'oklch(0.49 0.22 264.43)',
1131
+ 'chart-5': 'oklch(0.42 0.18 265.55)',
1132
+ sidebar: 'oklch(0.21 0.01 285.93)',
1133
+ 'sidebar-foreground': 'oklch(0.99 0 0)',
1134
+ 'sidebar-primary': 'oklch(0.49 0.24 264.40)',
1135
+ 'sidebar-primary-foreground': 'oklch(0.99 0 0)',
1136
+ 'sidebar-accent': 'oklch(0.27 0.01 286.10)',
1137
+ 'sidebar-accent-foreground': 'oklch(0.99 0 0)',
1138
+ 'sidebar-border': 'oklch(1.00 0 0 / 10%)',
1139
+ 'sidebar-ring': 'oklch(0.55 0.02 285.93)'
1140
+ }
1141
+ },
1142
+ nature: {
1143
+ light: {
1144
+ background: 'oklch(0.97 0.01 80.72)',
1145
+ foreground: 'oklch(0.30 0.04 30.20)',
1146
+ card: 'oklch(0.97 0.01 80.72)',
1147
+ 'card-foreground': 'oklch(0.30 0.04 30.20)',
1148
+ popover: 'oklch(0.97 0.01 80.72)',
1149
+ 'popover-foreground': 'oklch(0.30 0.04 30.20)',
1150
+ primary: 'oklch(0.52 0.13 144.17)',
1151
+ 'primary-foreground': 'oklch(1.00 0 0)',
1152
+ secondary: 'oklch(0.96 0.02 147.64)',
1153
+ 'secondary-foreground': 'oklch(0.43 0.12 144.31)',
1154
+ muted: 'oklch(0.94 0.01 74.42)',
1155
+ 'muted-foreground': 'oklch(0.45 0.05 39.21)',
1156
+ accent: 'oklch(0.90 0.05 146.04)',
1157
+ 'accent-foreground': 'oklch(0.43 0.12 144.31)',
1158
+ destructive: 'oklch(0.54 0.19 26.72)',
1159
+ border: 'oklch(0.88 0.02 74.64)',
1160
+ input: 'oklch(0.88 0.02 74.64)',
1161
+ ring: 'oklch(0.52 0.13 144.17)',
1162
+ 'chart-1': 'oklch(0.67 0.16 144.21)',
1163
+ 'chart-2': 'oklch(0.58 0.14 144.18)',
1164
+ 'chart-3': 'oklch(0.52 0.13 144.17)',
1165
+ 'chart-4': 'oklch(0.43 0.12 144.31)',
1166
+ 'chart-5': 'oklch(0.22 0.05 145.73)',
1167
+ sidebar: 'oklch(0.94 0.01 74.42)',
1168
+ 'sidebar-foreground': 'oklch(0.30 0.04 30.20)',
1169
+ 'sidebar-primary': 'oklch(0.52 0.13 144.17)',
1170
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1171
+ 'sidebar-accent': 'oklch(0.90 0.05 146.04)',
1172
+ 'sidebar-accent-foreground': 'oklch(0.43 0.12 144.31)',
1173
+ 'sidebar-border': 'oklch(0.88 0.02 74.64)',
1174
+ 'sidebar-ring': 'oklch(0.52 0.13 144.17)',
1175
+ 'font-sans': 'Montserrat, sans-serif',
1176
+ 'font-serif': 'Merriweather, serif',
1177
+ 'font-mono': 'Source Code Pro, monospace',
1178
+ radius: '0.5rem'
1179
+ },
1180
+ dark: {
1181
+ background: 'oklch(0.27 0.03 150.77)',
1182
+ foreground: 'oklch(0.94 0.01 72.66)',
1183
+ card: 'oklch(0.33 0.03 146.99)',
1184
+ 'card-foreground': 'oklch(0.94 0.01 72.66)',
1185
+ popover: 'oklch(0.33 0.03 146.99)',
1186
+ 'popover-foreground': 'oklch(0.94 0.01 72.66)',
1187
+ primary: 'oklch(0.67 0.16 144.21)',
1188
+ 'primary-foreground': 'oklch(0.22 0.05 145.73)',
1189
+ secondary: 'oklch(0.39 0.03 142.99)',
1190
+ 'secondary-foreground': 'oklch(0.90 0.02 142.55)',
1191
+ muted: 'oklch(0.33 0.03 146.99)',
1192
+ 'muted-foreground': 'oklch(0.86 0.02 76.10)',
1193
+ accent: 'oklch(0.58 0.14 144.18)',
1194
+ 'accent-foreground': 'oklch(0.94 0.01 72.66)',
1195
+ destructive: 'oklch(0.54 0.19 26.72)',
1196
+ border: 'oklch(0.39 0.03 142.99)',
1197
+ input: 'oklch(0.39 0.03 142.99)',
1198
+ ring: 'oklch(0.67 0.16 144.21)',
1199
+ 'chart-1': 'oklch(0.77 0.12 145.30)',
1200
+ 'chart-2': 'oklch(0.72 0.14 144.89)',
1201
+ 'chart-3': 'oklch(0.67 0.16 144.21)',
1202
+ 'chart-4': 'oklch(0.63 0.15 144.20)',
1203
+ 'chart-5': 'oklch(0.58 0.14 144.18)',
1204
+ sidebar: 'oklch(0.27 0.03 150.77)',
1205
+ 'sidebar-foreground': 'oklch(0.94 0.01 72.66)',
1206
+ 'sidebar-primary': 'oklch(0.67 0.16 144.21)',
1207
+ 'sidebar-primary-foreground': 'oklch(0.22 0.05 145.73)',
1208
+ 'sidebar-accent': 'oklch(0.58 0.14 144.18)',
1209
+ 'sidebar-accent-foreground': 'oklch(0.94 0.01 72.66)',
1210
+ 'sidebar-border': 'oklch(0.39 0.03 142.99)',
1211
+ 'sidebar-ring': 'oklch(0.67 0.16 144.21)'
1212
+ }
1213
+ },
1214
+ 'elegant-luxury': {
1215
+ light: {
1216
+ background: 'oklch(0.98 0.00 56.38)',
1217
+ foreground: 'oklch(0.22 0 0)',
1218
+ card: 'oklch(0.98 0.00 56.38)',
1219
+ 'card-foreground': 'oklch(0.22 0 0)',
1220
+ popover: 'oklch(0.98 0.00 56.38)',
1221
+ 'popover-foreground': 'oklch(0.22 0 0)',
1222
+ primary: 'oklch(0.47 0.15 24.94)',
1223
+ 'primary-foreground': 'oklch(1.00 0 0)',
1224
+ secondary: 'oklch(0.96 0.04 89.09)',
1225
+ 'secondary-foreground': 'oklch(0.48 0.10 75.12)',
1226
+ muted: 'oklch(0.94 0.01 53.44)',
1227
+ 'muted-foreground': 'oklch(0.44 0.01 73.64)',
1228
+ accent: 'oklch(0.96 0.06 95.62)',
1229
+ 'accent-foreground': 'oklch(0.40 0.13 25.72)',
1230
+ destructive: 'oklch(0.44 0.16 26.90)',
1231
+ border: 'oklch(0.94 0.03 80.99)',
1232
+ input: 'oklch(0.94 0.03 80.99)',
1233
+ ring: 'oklch(0.47 0.15 24.94)',
1234
+ 'chart-1': 'oklch(0.51 0.19 27.52)',
1235
+ 'chart-2': 'oklch(0.47 0.15 24.94)',
1236
+ 'chart-3': 'oklch(0.40 0.13 25.72)',
1237
+ 'chart-4': 'oklch(0.56 0.15 49.00)',
1238
+ 'chart-5': 'oklch(0.47 0.12 46.20)',
1239
+ sidebar: 'oklch(0.94 0.01 53.44)',
1240
+ 'sidebar-foreground': 'oklch(0.22 0 0)',
1241
+ 'sidebar-primary': 'oklch(0.47 0.15 24.94)',
1242
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1243
+ 'sidebar-accent': 'oklch(0.96 0.06 95.62)',
1244
+ 'sidebar-accent-foreground': 'oklch(0.40 0.13 25.72)',
1245
+ 'sidebar-border': 'oklch(0.94 0.03 80.99)',
1246
+ 'sidebar-ring': 'oklch(0.47 0.15 24.94)',
1247
+ 'font-sans': 'Poppins, sans-serif',
1248
+ 'font-serif': 'Libre Baskerville, serif',
1249
+ 'font-mono': 'IBM Plex Mono, monospace',
1250
+ radius: '0.375rem',
1251
+ 'shadow-color': 'hsl(0 63% 18%)',
1252
+ 'shadow-opacity': '0.12',
1253
+ 'shadow-blur': '16px',
1254
+ 'shadow-spread': '-2px',
1255
+ 'shadow-offset-x': '1px',
1256
+ 'shadow-offset-y': '1px'
1257
+ },
1258
+ dark: {
1259
+ background: 'oklch(0.22 0.01 56.04)',
1260
+ foreground: 'oklch(0.97 0.00 106.42)',
1261
+ card: 'oklch(0.27 0.01 34.30)',
1262
+ 'card-foreground': 'oklch(0.97 0.00 106.42)',
1263
+ popover: 'oklch(0.27 0.01 34.30)',
1264
+ 'popover-foreground': 'oklch(0.97 0.00 106.42)',
1265
+ primary: 'oklch(0.51 0.19 27.52)',
1266
+ 'primary-foreground': 'oklch(0.98 0.00 56.38)',
1267
+ secondary: 'oklch(0.47 0.12 46.20)',
1268
+ 'secondary-foreground': 'oklch(0.96 0.06 95.62)',
1269
+ muted: 'oklch(0.27 0.01 34.30)',
1270
+ 'muted-foreground': 'oklch(0.87 0.00 56.37)',
1271
+ accent: 'oklch(0.56 0.15 49.00)',
1272
+ 'accent-foreground': 'oklch(0.96 0.06 95.62)',
1273
+ destructive: 'oklch(0.64 0.21 25.33)',
1274
+ border: 'oklch(0.37 0.01 67.56)',
1275
+ input: 'oklch(0.37 0.01 67.56)',
1276
+ ring: 'oklch(0.51 0.19 27.52)',
1277
+ 'chart-1': 'oklch(0.71 0.17 22.22)',
1278
+ 'chart-2': 'oklch(0.64 0.21 25.33)',
1279
+ 'chart-3': 'oklch(0.58 0.22 27.33)',
1280
+ 'chart-4': 'oklch(0.84 0.16 84.43)',
1281
+ 'chart-5': 'oklch(0.77 0.16 70.08)',
1282
+ sidebar: 'oklch(0.22 0.01 56.04)',
1283
+ 'sidebar-foreground': 'oklch(0.97 0.00 106.42)',
1284
+ 'sidebar-primary': 'oklch(0.51 0.19 27.52)',
1285
+ 'sidebar-primary-foreground': 'oklch(0.98 0.00 56.38)',
1286
+ 'sidebar-accent': 'oklch(0.56 0.15 49.00)',
1287
+ 'sidebar-accent-foreground': 'oklch(0.96 0.06 95.62)',
1288
+ 'sidebar-border': 'oklch(0.37 0.01 67.56)',
1289
+ 'sidebar-ring': 'oklch(0.51 0.19 27.52)'
1290
+ }
1291
+ },
1292
+ 'neo-brutalism': {
1293
+ light: {
1294
+ background: 'oklch(1.00 0 0)',
1295
+ foreground: 'oklch(0 0 0)',
1296
+ card: 'oklch(1.00 0 0)',
1297
+ 'card-foreground': 'oklch(0 0 0)',
1298
+ popover: 'oklch(1.00 0 0)',
1299
+ 'popover-foreground': 'oklch(0 0 0)',
1300
+ primary: 'oklch(0.65 0.24 26.97)',
1301
+ 'primary-foreground': 'oklch(1.00 0 0)',
1302
+ secondary: 'oklch(0.97 0.21 109.77)',
1303
+ 'secondary-foreground': 'oklch(0 0 0)',
1304
+ muted: 'oklch(0.96 0 0)',
1305
+ 'muted-foreground': 'oklch(0.32 0 0)',
1306
+ accent: 'oklch(0.56 0.24 260.82)',
1307
+ 'accent-foreground': 'oklch(1.00 0 0)',
1308
+ destructive: 'oklch(0 0 0)',
1309
+ border: 'oklch(0 0 0)',
1310
+ input: 'oklch(0 0 0)',
1311
+ ring: 'oklch(0.65 0.24 26.97)',
1312
+ 'chart-1': 'oklch(0.65 0.24 26.97)',
1313
+ 'chart-2': 'oklch(0.97 0.21 109.77)',
1314
+ 'chart-3': 'oklch(0.56 0.24 260.82)',
1315
+ 'chart-4': 'oklch(0.73 0.25 142.50)',
1316
+ 'chart-5': 'oklch(0.59 0.27 328.36)',
1317
+ sidebar: 'oklch(0.96 0 0)',
1318
+ 'sidebar-foreground': 'oklch(0 0 0)',
1319
+ 'sidebar-primary': 'oklch(0.65 0.24 26.97)',
1320
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1321
+ 'sidebar-accent': 'oklch(0.56 0.24 260.82)',
1322
+ 'sidebar-accent-foreground': 'oklch(1.00 0 0)',
1323
+ 'sidebar-border': 'oklch(0 0 0)',
1324
+ 'sidebar-ring': 'oklch(0.65 0.24 26.97)',
1325
+ 'font-sans': 'DM Sans, sans-serif',
1326
+ 'font-serif': 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
1327
+ 'font-mono': 'Space Mono, monospace',
1328
+ radius: '0px',
1329
+ 'shadow-color': 'hsl(0 0% 0%)',
1330
+ 'shadow-opacity': '1',
1331
+ 'shadow-blur': '0px',
1332
+ 'shadow-spread': '0px',
1333
+ 'shadow-offset-x': '4px',
1334
+ 'shadow-offset-y': '4px'
1335
+ },
1336
+ dark: {
1337
+ background: 'oklch(0 0 0)',
1338
+ foreground: 'oklch(1.00 0 0)',
1339
+ card: 'oklch(0.32 0 0)',
1340
+ 'card-foreground': 'oklch(1.00 0 0)',
1341
+ popover: 'oklch(0.32 0 0)',
1342
+ 'popover-foreground': 'oklch(1.00 0 0)',
1343
+ primary: 'oklch(0.70 0.19 23.19)',
1344
+ 'primary-foreground': 'oklch(0 0 0)',
1345
+ secondary: 'oklch(0.97 0.20 109.62)',
1346
+ 'secondary-foreground': 'oklch(0 0 0)',
1347
+ muted: 'oklch(0.32 0 0)',
1348
+ 'muted-foreground': 'oklch(0.85 0 0)',
1349
+ accent: 'oklch(0.68 0.18 252.26)',
1350
+ 'accent-foreground': 'oklch(0 0 0)',
1351
+ destructive: 'oklch(1.00 0 0)',
1352
+ border: 'oklch(1.00 0 0)',
1353
+ input: 'oklch(1.00 0 0)',
1354
+ ring: 'oklch(0.70 0.19 23.19)',
1355
+ 'chart-1': 'oklch(0.70 0.19 23.19)',
1356
+ 'chart-2': 'oklch(0.97 0.20 109.62)',
1357
+ 'chart-3': 'oklch(0.68 0.18 252.26)',
1358
+ 'chart-4': 'oklch(0.74 0.23 142.85)',
1359
+ 'chart-5': 'oklch(0.61 0.25 328.07)',
1360
+ sidebar: 'oklch(0 0 0)',
1361
+ 'sidebar-foreground': 'oklch(1.00 0 0)',
1362
+ 'sidebar-primary': 'oklch(0.70 0.19 23.19)',
1363
+ 'sidebar-primary-foreground': 'oklch(0 0 0)',
1364
+ 'sidebar-accent': 'oklch(0.68 0.18 252.26)',
1365
+ 'sidebar-accent-foreground': 'oklch(0 0 0)',
1366
+ 'sidebar-border': 'oklch(1.00 0 0)',
1367
+ 'sidebar-ring': 'oklch(0.70 0.19 23.19)'
1368
+ }
1369
+ },
1370
+ 'pastel-dreams': {
1371
+ light: {
1372
+ background: 'oklch(0.97 0.01 314.78)',
1373
+ foreground: 'oklch(0.37 0.03 259.73)',
1374
+ card: 'oklch(1.00 0 0)',
1375
+ 'card-foreground': 'oklch(0.37 0.03 259.73)',
1376
+ popover: 'oklch(1.00 0 0)',
1377
+ 'popover-foreground': 'oklch(0.37 0.03 259.73)',
1378
+ primary: 'oklch(0.71 0.16 293.54)',
1379
+ 'primary-foreground': 'oklch(1.00 0 0)',
1380
+ secondary: 'oklch(0.91 0.05 306.09)',
1381
+ 'secondary-foreground': 'oklch(0.45 0.03 256.80)',
1382
+ muted: 'oklch(0.95 0.03 307.17)',
1383
+ 'muted-foreground': 'oklch(0.55 0.02 264.36)',
1384
+ accent: 'oklch(0.94 0.03 321.94)',
1385
+ 'accent-foreground': 'oklch(0.37 0.03 259.73)',
1386
+ destructive: 'oklch(0.81 0.10 19.57)',
1387
+ border: 'oklch(0.91 0.05 306.09)',
1388
+ input: 'oklch(0.91 0.05 306.09)',
1389
+ ring: 'oklch(0.71 0.16 293.54)',
1390
+ 'chart-1': 'oklch(0.71 0.16 293.54)',
1391
+ 'chart-2': 'oklch(0.61 0.22 292.72)',
1392
+ 'chart-3': 'oklch(0.54 0.25 293.01)',
1393
+ 'chart-4': 'oklch(0.49 0.24 292.58)',
1394
+ 'chart-5': 'oklch(0.43 0.21 292.76)',
1395
+ sidebar: 'oklch(0.91 0.05 306.09)',
1396
+ 'sidebar-foreground': 'oklch(0.37 0.03 259.73)',
1397
+ 'sidebar-primary': 'oklch(0.71 0.16 293.54)',
1398
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1399
+ 'sidebar-accent': 'oklch(0.94 0.03 321.94)',
1400
+ 'sidebar-accent-foreground': 'oklch(0.37 0.03 259.73)',
1401
+ 'sidebar-border': 'oklch(0.91 0.05 306.09)',
1402
+ 'sidebar-ring': 'oklch(0.71 0.16 293.54)',
1403
+ 'font-sans': 'Open Sans, sans-serif',
1404
+ 'font-serif': 'Source Serif 4, serif',
1405
+ 'font-mono': 'IBM Plex Mono, monospace',
1406
+ radius: '1.5rem',
1407
+ 'shadow-color': 'hsl(0 0% 0%)',
1408
+ 'shadow-opacity': '0.08',
1409
+ 'shadow-blur': '16px',
1410
+ 'shadow-spread': '-4px',
1411
+ 'shadow-offset-x': '0px',
1412
+ 'shadow-offset-y': '8px'
1413
+ },
1414
+ dark: {
1415
+ background: 'oklch(0.22 0.01 56.04)',
1416
+ foreground: 'oklch(0.93 0.03 272.79)',
1417
+ card: 'oklch(0.28 0.03 307.23)',
1418
+ 'card-foreground': 'oklch(0.93 0.03 272.79)',
1419
+ popover: 'oklch(0.28 0.03 307.23)',
1420
+ 'popover-foreground': 'oklch(0.93 0.03 272.79)',
1421
+ primary: 'oklch(0.79 0.12 295.75)',
1422
+ 'primary-foreground': 'oklch(0.22 0.01 56.04)',
1423
+ secondary: 'oklch(0.34 0.04 308.85)',
1424
+ 'secondary-foreground': 'oklch(0.87 0.01 258.34)',
1425
+ muted: 'oklch(0.28 0.03 307.23)',
1426
+ 'muted-foreground': 'oklch(0.71 0.02 261.32)',
1427
+ accent: 'oklch(0.39 0.05 304.64)',
1428
+ 'accent-foreground': 'oklch(0.87 0.01 258.34)',
1429
+ destructive: 'oklch(0.81 0.10 19.57)',
1430
+ border: 'oklch(0.34 0.04 308.85)',
1431
+ input: 'oklch(0.34 0.04 308.85)',
1432
+ ring: 'oklch(0.79 0.12 295.75)',
1433
+ 'chart-1': 'oklch(0.79 0.12 295.75)',
1434
+ 'chart-2': 'oklch(0.71 0.16 293.54)',
1435
+ 'chart-3': 'oklch(0.61 0.22 292.72)',
1436
+ 'chart-4': 'oklch(0.54 0.25 293.01)',
1437
+ 'chart-5': 'oklch(0.49 0.24 292.58)',
1438
+ sidebar: 'oklch(0.34 0.04 308.85)',
1439
+ 'sidebar-foreground': 'oklch(0.93 0.03 272.79)',
1440
+ 'sidebar-primary': 'oklch(0.79 0.12 295.75)',
1441
+ 'sidebar-primary-foreground': 'oklch(0.22 0.01 56.04)',
1442
+ 'sidebar-accent': 'oklch(0.39 0.05 304.64)',
1443
+ 'sidebar-accent-foreground': 'oklch(0.87 0.01 258.34)',
1444
+ 'sidebar-border': 'oklch(0.34 0.04 308.85)',
1445
+ 'sidebar-ring': 'oklch(0.79 0.12 295.75)'
1446
+ }
1447
+ },
1448
+ 'clean-slate': {
1449
+ light: {
1450
+ background: 'oklch(0.98 0.00 247.86)',
1451
+ foreground: 'oklch(0.28 0.04 260.03)',
1452
+ card: 'oklch(1.00 0 0)',
1453
+ 'card-foreground': 'oklch(0.28 0.04 260.03)',
1454
+ popover: 'oklch(1.00 0 0)',
1455
+ 'popover-foreground': 'oklch(0.28 0.04 260.03)',
1456
+ primary: 'oklch(0.59 0.20 277.12)',
1457
+ 'primary-foreground': 'oklch(1.00 0 0)',
1458
+ secondary: 'oklch(0.93 0.01 264.53)',
1459
+ 'secondary-foreground': 'oklch(0.37 0.03 259.73)',
1460
+ muted: 'oklch(0.97 0.00 264.54)',
1461
+ 'muted-foreground': 'oklch(0.55 0.02 264.36)',
1462
+ accent: 'oklch(0.93 0.03 272.79)',
1463
+ 'accent-foreground': 'oklch(0.37 0.03 259.73)',
1464
+ destructive: 'oklch(0.64 0.21 25.33)',
1465
+ border: 'oklch(0.87 0.01 258.34)',
1466
+ input: 'oklch(0.87 0.01 258.34)',
1467
+ ring: 'oklch(0.59 0.20 277.12)',
1468
+ 'chart-1': 'oklch(0.59 0.20 277.12)',
1469
+ 'chart-2': 'oklch(0.51 0.23 276.97)',
1470
+ 'chart-3': 'oklch(0.46 0.21 277.02)',
1471
+ 'chart-4': 'oklch(0.40 0.18 277.37)',
1472
+ 'chart-5': 'oklch(0.36 0.14 278.70)',
1473
+ sidebar: 'oklch(0.97 0.00 264.54)',
1474
+ 'sidebar-foreground': 'oklch(0.28 0.04 260.03)',
1475
+ 'sidebar-primary': 'oklch(0.59 0.20 277.12)',
1476
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1477
+ 'sidebar-accent': 'oklch(0.93 0.03 272.79)',
1478
+ 'sidebar-accent-foreground': 'oklch(0.37 0.03 259.73)',
1479
+ 'sidebar-border': 'oklch(0.87 0.01 258.34)',
1480
+ 'sidebar-ring': 'oklch(0.59 0.20 277.12)',
1481
+ 'font-sans': 'Inter, sans-serif',
1482
+ 'font-serif': 'Merriweather, serif',
1483
+ 'font-mono': 'JetBrains Mono, monospace',
1484
+ radius: '0.5rem',
1485
+ 'shadow-color': 'hsl(0 0% 0%)',
1486
+ 'shadow-opacity': '0.1',
1487
+ 'shadow-blur': '8px',
1488
+ 'shadow-spread': '-1px',
1489
+ 'shadow-offset-x': '0px',
1490
+ 'shadow-offset-y': '4px'
1491
+ },
1492
+ dark: {
1493
+ background: 'oklch(0.21 0.04 265.75)',
1494
+ foreground: 'oklch(0.93 0.01 255.51)',
1495
+ card: 'oklch(0.28 0.04 260.03)',
1496
+ 'card-foreground': 'oklch(0.93 0.01 255.51)',
1497
+ popover: 'oklch(0.28 0.04 260.03)',
1498
+ 'popover-foreground': 'oklch(0.93 0.01 255.51)',
1499
+ primary: 'oklch(0.68 0.16 276.93)',
1500
+ 'primary-foreground': 'oklch(0.21 0.04 265.75)',
1501
+ secondary: 'oklch(0.34 0.03 260.91)',
1502
+ 'secondary-foreground': 'oklch(0.87 0.01 258.34)',
1503
+ muted: 'oklch(0.28 0.04 260.03)',
1504
+ 'muted-foreground': 'oklch(0.71 0.02 261.32)',
1505
+ accent: 'oklch(0.37 0.03 259.73)',
1506
+ 'accent-foreground': 'oklch(0.87 0.01 258.34)',
1507
+ destructive: 'oklch(0.64 0.21 25.33)',
1508
+ border: 'oklch(0.45 0.03 256.80)',
1509
+ input: 'oklch(0.45 0.03 256.80)',
1510
+ ring: 'oklch(0.68 0.16 276.93)',
1511
+ 'chart-1': 'oklch(0.68 0.16 276.93)',
1512
+ 'chart-2': 'oklch(0.59 0.20 277.12)',
1513
+ 'chart-3': 'oklch(0.51 0.23 276.97)',
1514
+ 'chart-4': 'oklch(0.46 0.21 277.02)',
1515
+ 'chart-5': 'oklch(0.40 0.18 277.37)',
1516
+ sidebar: 'oklch(0.28 0.04 260.03)',
1517
+ 'sidebar-foreground': 'oklch(0.93 0.01 255.51)',
1518
+ 'sidebar-primary': 'oklch(0.68 0.16 276.93)',
1519
+ 'sidebar-primary-foreground': 'oklch(0.21 0.04 265.75)',
1520
+ 'sidebar-accent': 'oklch(0.37 0.03 259.73)',
1521
+ 'sidebar-accent-foreground': 'oklch(0.87 0.01 258.34)',
1522
+ 'sidebar-border': 'oklch(0.45 0.03 256.80)',
1523
+ 'sidebar-ring': 'oklch(0.68 0.16 276.93)'
1524
+ }
1525
+ },
1526
+ 'midnight-bloom': {
1527
+ light: {
1528
+ background: 'oklch(0.98 0 0)',
1529
+ foreground: 'oklch(0.32 0 0)',
1530
+ card: 'oklch(1.00 0 0)',
1531
+ 'card-foreground': 'oklch(0.32 0 0)',
1532
+ popover: 'oklch(1.00 0 0)',
1533
+ 'popover-foreground': 'oklch(0.32 0 0)',
1534
+ primary: 'oklch(0.57 0.20 283.08)',
1535
+ 'primary-foreground': 'oklch(1.00 0 0)',
1536
+ secondary: 'oklch(0.82 0.07 249.35)',
1537
+ 'secondary-foreground': 'oklch(0.32 0 0)',
1538
+ muted: 'oklch(0.82 0.02 91.62)',
1539
+ 'muted-foreground': 'oklch(0.54 0 0)',
1540
+ accent: 'oklch(0.65 0.06 117.43)',
1541
+ 'accent-foreground': 'oklch(1.00 0 0)',
1542
+ destructive: 'oklch(0.64 0.21 25.33)',
1543
+ border: 'oklch(0.87 0 0)',
1544
+ input: 'oklch(0.87 0 0)',
1545
+ ring: 'oklch(0.57 0.20 283.08)',
1546
+ 'chart-1': 'oklch(0.57 0.20 283.08)',
1547
+ 'chart-2': 'oklch(0.53 0.17 314.65)',
1548
+ 'chart-3': 'oklch(0.34 0.18 301.68)',
1549
+ 'chart-4': 'oklch(0.67 0.14 261.34)',
1550
+ 'chart-5': 'oklch(0.59 0.10 245.74)',
1551
+ sidebar: 'oklch(0.98 0 0)',
1552
+ 'sidebar-foreground': 'oklch(0.32 0 0)',
1553
+ 'sidebar-primary': 'oklch(0.57 0.20 283.08)',
1554
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1555
+ 'sidebar-accent': 'oklch(0.65 0.06 117.43)',
1556
+ 'sidebar-accent-foreground': 'oklch(1.00 0 0)',
1557
+ 'sidebar-border': 'oklch(0.87 0 0)',
1558
+ 'sidebar-ring': 'oklch(0.57 0.20 283.08)',
1559
+ 'font-sans': 'Montserrat, sans-serif',
1560
+ 'font-serif': 'Playfair Display, serif',
1561
+ 'font-mono': 'Source Code Pro, monospace',
1562
+ radius: '0.5rem',
1563
+ 'shadow-color': 'hsl(0 0% 0%)',
1564
+ 'shadow-opacity': '0.1',
1565
+ 'shadow-blur': '10px',
1566
+ 'shadow-spread': '-2px',
1567
+ 'shadow-offset-x': '0px',
1568
+ 'shadow-offset-y': '5px'
1569
+ },
1570
+ dark: {
1571
+ background: 'oklch(0.23 0.01 264.29)',
1572
+ foreground: 'oklch(0.92 0 0)',
1573
+ card: 'oklch(0.32 0.01 223.67)',
1574
+ 'card-foreground': 'oklch(0.92 0 0)',
1575
+ popover: 'oklch(0.32 0.01 223.67)',
1576
+ 'popover-foreground': 'oklch(0.92 0 0)',
1577
+ primary: 'oklch(0.57 0.20 283.08)',
1578
+ 'primary-foreground': 'oklch(1.00 0 0)',
1579
+ secondary: 'oklch(0.34 0.18 301.68)',
1580
+ 'secondary-foreground': 'oklch(0.92 0 0)',
1581
+ muted: 'oklch(0.39 0 0)',
1582
+ 'muted-foreground': 'oklch(0.72 0 0)',
1583
+ accent: 'oklch(0.67 0.14 261.34)',
1584
+ 'accent-foreground': 'oklch(0.92 0 0)',
1585
+ destructive: 'oklch(0.64 0.21 25.33)',
1586
+ border: 'oklch(0.39 0 0)',
1587
+ input: 'oklch(0.39 0 0)',
1588
+ ring: 'oklch(0.57 0.20 283.08)',
1589
+ 'chart-1': 'oklch(0.57 0.20 283.08)',
1590
+ 'chart-2': 'oklch(0.53 0.17 314.65)',
1591
+ 'chart-3': 'oklch(0.34 0.18 301.68)',
1592
+ 'chart-4': 'oklch(0.67 0.14 261.34)',
1593
+ 'chart-5': 'oklch(0.59 0.10 245.74)',
1594
+ sidebar: 'oklch(0.23 0.01 264.29)',
1595
+ 'sidebar-foreground': 'oklch(0.92 0 0)',
1596
+ 'sidebar-primary': 'oklch(0.57 0.20 283.08)',
1597
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1598
+ 'sidebar-accent': 'oklch(0.67 0.14 261.34)',
1599
+ 'sidebar-accent-foreground': 'oklch(0.92 0 0)',
1600
+ 'sidebar-border': 'oklch(0.39 0 0)',
1601
+ 'sidebar-ring': 'oklch(0.57 0.20 283.08)'
1602
+ }
1603
+ },
1604
+ 'sunset-horizon': {
1605
+ light: {
1606
+ background: 'oklch(0.99 0.01 56.32)',
1607
+ foreground: 'oklch(0.34 0.01 2.77)',
1608
+ card: 'oklch(1.00 0 0)',
1609
+ 'card-foreground': 'oklch(0.34 0.01 2.77)',
1610
+ popover: 'oklch(1.00 0 0)',
1611
+ 'popover-foreground': 'oklch(0.34 0.01 2.77)',
1612
+ primary: 'oklch(0.74 0.16 34.71)',
1613
+ 'primary-foreground': 'oklch(1.00 0 0)',
1614
+ secondary: 'oklch(0.96 0.02 28.90)',
1615
+ 'secondary-foreground': 'oklch(0.56 0.13 32.74)',
1616
+ muted: 'oklch(0.97 0.02 39.40)',
1617
+ 'muted-foreground': 'oklch(0.49 0.05 26.45)',
1618
+ accent: 'oklch(0.83 0.11 58.00)',
1619
+ 'accent-foreground': 'oklch(0.34 0.01 2.77)',
1620
+ destructive: 'oklch(0.61 0.21 22.24)',
1621
+ border: 'oklch(0.93 0.04 38.69)',
1622
+ input: 'oklch(0.93 0.04 38.69)',
1623
+ ring: 'oklch(0.74 0.16 34.71)',
1624
+ 'chart-1': 'oklch(0.74 0.16 34.71)',
1625
+ 'chart-2': 'oklch(0.83 0.11 58.00)',
1626
+ 'chart-3': 'oklch(0.88 0.08 54.93)',
1627
+ 'chart-4': 'oklch(0.82 0.11 40.89)',
1628
+ 'chart-5': 'oklch(0.64 0.13 32.07)',
1629
+ sidebar: 'oklch(0.97 0.02 39.40)',
1630
+ 'sidebar-foreground': 'oklch(0.34 0.01 2.77)',
1631
+ 'sidebar-primary': 'oklch(0.74 0.16 34.71)',
1632
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1633
+ 'sidebar-accent': 'oklch(0.83 0.11 58.00)',
1634
+ 'sidebar-accent-foreground': 'oklch(0.34 0.01 2.77)',
1635
+ 'sidebar-border': 'oklch(0.93 0.04 38.69)',
1636
+ 'sidebar-ring': 'oklch(0.74 0.16 34.71)',
1637
+ 'font-sans': 'Montserrat, sans-serif',
1638
+ 'font-serif': 'Merriweather, serif',
1639
+ 'font-mono': 'Ubuntu Mono, monospace',
1640
+ radius: '0.625rem',
1641
+ 'shadow-color': 'hsl(0 0% 0%)',
1642
+ 'shadow-opacity': '0.09',
1643
+ 'shadow-blur': '12px',
1644
+ 'shadow-spread': '-3px',
1645
+ 'shadow-offset-x': '0px',
1646
+ 'shadow-offset-y': '6px'
1647
+ },
1648
+ dark: {
1649
+ background: 'oklch(0.26 0.02 352.40)',
1650
+ foreground: 'oklch(0.94 0.01 51.32)',
1651
+ card: 'oklch(0.32 0.02 341.45)',
1652
+ 'card-foreground': 'oklch(0.94 0.01 51.32)',
1653
+ popover: 'oklch(0.32 0.02 341.45)',
1654
+ 'popover-foreground': 'oklch(0.94 0.01 51.32)',
1655
+ primary: 'oklch(0.74 0.16 34.71)',
1656
+ 'primary-foreground': 'oklch(1.00 0 0)',
1657
+ secondary: 'oklch(0.36 0.02 342.27)',
1658
+ 'secondary-foreground': 'oklch(0.94 0.01 51.32)',
1659
+ muted: 'oklch(0.32 0.02 341.45)',
1660
+ 'muted-foreground': 'oklch(0.84 0.02 52.63)',
1661
+ accent: 'oklch(0.83 0.11 58.00)',
1662
+ 'accent-foreground': 'oklch(0.26 0.02 352.40)',
1663
+ destructive: 'oklch(0.61 0.21 22.24)',
1664
+ border: 'oklch(0.36 0.02 342.27)',
1665
+ input: 'oklch(0.36 0.02 342.27)',
1666
+ ring: 'oklch(0.74 0.16 34.71)',
1667
+ 'chart-1': 'oklch(0.74 0.16 34.71)',
1668
+ 'chart-2': 'oklch(0.83 0.11 58.00)',
1669
+ 'chart-3': 'oklch(0.88 0.08 54.93)',
1670
+ 'chart-4': 'oklch(0.82 0.11 40.89)',
1671
+ 'chart-5': 'oklch(0.64 0.13 32.07)',
1672
+ sidebar: 'oklch(0.26 0.02 352.40)',
1673
+ 'sidebar-foreground': 'oklch(0.94 0.01 51.32)',
1674
+ 'sidebar-primary': 'oklch(0.74 0.16 34.71)',
1675
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1676
+ 'sidebar-accent': 'oklch(0.83 0.11 58.00)',
1677
+ 'sidebar-accent-foreground': 'oklch(0.26 0.02 352.40)',
1678
+ 'sidebar-border': 'oklch(0.36 0.02 342.27)',
1679
+ 'sidebar-ring': 'oklch(0.74 0.16 34.71)'
1680
+ }
1681
+ },
1682
+ claude: {
1683
+ light: {
1684
+ background: 'oklch(0.98 0.01 95.10)',
1685
+ foreground: 'oklch(0.34 0.03 95.72)',
1686
+ card: 'oklch(0.98 0.01 95.10)',
1687
+ 'card-foreground': 'oklch(0.19 0.00 106.59)',
1688
+ popover: 'oklch(1.00 0 0)',
1689
+ 'popover-foreground': 'oklch(0.27 0.02 98.94)',
1690
+ primary: 'oklch(0.62 0.14 39.04)',
1691
+ 'primary-foreground': 'oklch(1.00 0 0)',
1692
+ secondary: 'oklch(0.92 0.01 92.99)',
1693
+ 'secondary-foreground': 'oklch(0.43 0.02 98.60)',
1694
+ muted: 'oklch(0.93 0.02 90.24)',
1695
+ 'muted-foreground': 'oklch(0.61 0.01 97.42)',
1696
+ accent: 'oklch(0.92 0.01 92.99)',
1697
+ 'accent-foreground': 'oklch(0.27 0.02 98.94)',
1698
+ destructive: 'oklch(0.19 0.00 106.59)',
1699
+ border: 'oklch(0.88 0.01 97.36)',
1700
+ input: 'oklch(0.76 0.02 98.35)',
1701
+ ring: 'oklch(0.59 0.17 253.06)',
1702
+ 'chart-1': 'oklch(0.56 0.13 43.00)',
1703
+ 'chart-2': 'oklch(0.69 0.16 290.41)',
1704
+ 'chart-3': 'oklch(0.88 0.03 93.13)',
1705
+ 'chart-4': 'oklch(0.88 0.04 298.18)',
1706
+ 'chart-5': 'oklch(0.56 0.13 42.06)',
1707
+ sidebar: 'oklch(0.97 0.01 98.88)',
1708
+ 'sidebar-foreground': 'oklch(0.36 0.01 106.65)',
1709
+ 'sidebar-primary': 'oklch(0.62 0.14 39.04)',
1710
+ 'sidebar-primary-foreground': 'oklch(0.99 0 0)',
1711
+ 'sidebar-accent': 'oklch(0.92 0.01 92.99)',
1712
+ 'sidebar-accent-foreground': 'oklch(0.33 0 0)',
1713
+ 'sidebar-border': 'oklch(0.94 0 0)',
1714
+ 'sidebar-ring': 'oklch(0.77 0 0)',
1715
+ radius: '0.5rem'
1716
+ },
1717
+ dark: {
1718
+ background: 'oklch(0.27 0.00 106.64)',
1719
+ foreground: 'oklch(0.81 0.01 93.01)',
1720
+ card: 'oklch(0.27 0.00 106.64)',
1721
+ 'card-foreground': 'oklch(0.98 0.01 95.10)',
1722
+ popover: 'oklch(0.31 0.00 106.60)',
1723
+ 'popover-foreground': 'oklch(0.92 0.00 106.48)',
1724
+ primary: 'oklch(0.67 0.13 38.76)',
1725
+ 'primary-foreground': 'oklch(1.00 0 0)',
1726
+ secondary: 'oklch(0.98 0.01 95.10)',
1727
+ 'secondary-foreground': 'oklch(0.31 0.00 106.60)',
1728
+ muted: 'oklch(0.22 0.00 106.71)',
1729
+ 'muted-foreground': 'oklch(0.77 0.02 99.07)',
1730
+ accent: 'oklch(0.21 0.01 95.42)',
1731
+ 'accent-foreground': 'oklch(0.97 0.01 98.88)',
1732
+ destructive: 'oklch(0.64 0.21 25.33)',
1733
+ border: 'oklch(0.36 0.01 106.89)',
1734
+ input: 'oklch(0.43 0.01 100.22)',
1735
+ ring: 'oklch(0.59 0.17 253.06)',
1736
+ 'chart-1': 'oklch(0.56 0.13 43.00)',
1737
+ 'chart-2': 'oklch(0.69 0.16 290.41)',
1738
+ 'chart-3': 'oklch(0.21 0.01 95.42)',
1739
+ 'chart-4': 'oklch(0.31 0.05 289.32)',
1740
+ 'chart-5': 'oklch(0.56 0.13 42.06)',
1741
+ sidebar: 'oklch(0.24 0.00 67.71)',
1742
+ 'sidebar-foreground': 'oklch(0.81 0.01 93.01)',
1743
+ 'sidebar-primary': 'oklch(0.33 0 0)',
1744
+ 'sidebar-primary-foreground': 'oklch(0.99 0 0)',
1745
+ 'sidebar-accent': 'oklch(0.17 0.00 106.62)',
1746
+ 'sidebar-accent-foreground': 'oklch(0.81 0.01 93.01)',
1747
+ 'sidebar-border': 'oklch(0.94 0 0)',
1748
+ 'sidebar-ring': 'oklch(0.77 0 0)'
1749
+ }
1750
+ },
1751
+ caffeine: {
1752
+ light: {
1753
+ background: 'oklch(0.98 0 0)',
1754
+ foreground: 'oklch(0.24 0 0)',
1755
+ card: 'oklch(0.99 0 0)',
1756
+ 'card-foreground': 'oklch(0.24 0 0)',
1757
+ popover: 'oklch(0.99 0 0)',
1758
+ 'popover-foreground': 'oklch(0.24 0 0)',
1759
+ primary: 'oklch(0.43 0.04 41.99)',
1760
+ 'primary-foreground': 'oklch(1.00 0 0)',
1761
+ secondary: 'oklch(0.92 0.07 74.37)',
1762
+ 'secondary-foreground': 'oklch(0.35 0.07 40.83)',
1763
+ muted: 'oklch(0.95 0 0)',
1764
+ 'muted-foreground': 'oklch(0.50 0 0)',
1765
+ accent: 'oklch(0.93 0 0)',
1766
+ 'accent-foreground': 'oklch(0.24 0 0)',
1767
+ destructive: 'oklch(0.63 0.19 33.34)',
1768
+ border: 'oklch(0.88 0 0)',
1769
+ input: 'oklch(0.88 0 0)',
1770
+ ring: 'oklch(0.43 0.04 41.99)',
1771
+ 'chart-1': 'oklch(0.43 0.04 41.99)',
1772
+ 'chart-2': 'oklch(0.92 0.07 74.37)',
1773
+ 'chart-3': 'oklch(0.93 0 0)',
1774
+ 'chart-4': 'oklch(0.94 0.05 75.50)',
1775
+ 'chart-5': 'oklch(0.43 0.04 41.67)',
1776
+ sidebar: 'oklch(0.99 0 0)',
1777
+ 'sidebar-foreground': 'oklch(0.26 0 0)',
1778
+ 'sidebar-primary': 'oklch(0.33 0 0)',
1779
+ 'sidebar-primary-foreground': 'oklch(0.99 0 0)',
1780
+ 'sidebar-accent': 'oklch(0.98 0 0)',
1781
+ 'sidebar-accent-foreground': 'oklch(0.33 0 0)',
1782
+ 'sidebar-border': 'oklch(0.94 0 0)',
1783
+ 'sidebar-ring': 'oklch(0.77 0 0)',
1784
+ radius: '0.5rem'
1785
+ },
1786
+ dark: {
1787
+ background: 'oklch(0.18 0 0)',
1788
+ foreground: 'oklch(0.95 0 0)',
1789
+ card: 'oklch(0.21 0 0)',
1790
+ 'card-foreground': 'oklch(0.95 0 0)',
1791
+ popover: 'oklch(0.21 0 0)',
1792
+ 'popover-foreground': 'oklch(0.95 0 0)',
1793
+ primary: 'oklch(0.92 0.05 66.17)',
1794
+ 'primary-foreground': 'oklch(0.20 0.02 200.20)',
1795
+ secondary: 'oklch(0.32 0.02 63.70)',
1796
+ 'secondary-foreground': 'oklch(0.92 0.05 66.17)',
1797
+ muted: 'oklch(0.25 0 0)',
1798
+ 'muted-foreground': 'oklch(0.77 0 0)',
1799
+ accent: 'oklch(0.29 0 0)',
1800
+ 'accent-foreground': 'oklch(0.95 0 0)',
1801
+ destructive: 'oklch(0.63 0.19 33.34)',
1802
+ border: 'oklch(0.24 0.01 91.75)',
1803
+ input: 'oklch(0.40 0 0)',
1804
+ ring: 'oklch(0.92 0.05 66.17)',
1805
+ 'chart-1': 'oklch(0.92 0.05 66.17)',
1806
+ 'chart-2': 'oklch(0.32 0.02 63.70)',
1807
+ 'chart-3': 'oklch(0.29 0 0)',
1808
+ 'chart-4': 'oklch(0.35 0.02 67.00)',
1809
+ 'chart-5': 'oklch(0.92 0.05 67.09)',
1810
+ sidebar: 'oklch(0.21 0.01 285.89)',
1811
+ 'sidebar-foreground': 'oklch(0.97 0.00 286.38)',
1812
+ 'sidebar-primary': 'oklch(0.49 0.22 264.38)',
1813
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1814
+ 'sidebar-accent': 'oklch(0.27 0.01 286.03)',
1815
+ 'sidebar-accent-foreground': 'oklch(0.97 0.00 286.38)',
1816
+ 'sidebar-border': 'oklch(0.27 0.01 286.03)',
1817
+ 'sidebar-ring': 'oklch(0.87 0.01 286.29)'
1818
+ }
1819
+ },
1820
+ corporate: {
1821
+ light: {
1822
+ background: 'oklch(0.98 0 0)',
1823
+ foreground: 'oklch(0.21 0.03 264.67)',
1824
+ card: 'oklch(1.00 0 0)',
1825
+ 'card-foreground': 'oklch(0.21 0.03 264.67)',
1826
+ popover: 'oklch(1.00 0 0)',
1827
+ 'popover-foreground': 'oklch(0.21 0.03 264.67)',
1828
+ primary: 'oklch(0.48 0.20 260.48)',
1829
+ 'primary-foreground': 'oklch(1.00 0 0)',
1830
+ secondary: 'oklch(0.97 0.00 264.70)',
1831
+ 'secondary-foreground': 'oklch(0.37 0.03 259.73)',
1832
+ muted: 'oklch(0.97 0.00 264.70)',
1833
+ 'muted-foreground': 'oklch(0.55 0.02 264.37)',
1834
+ accent: 'oklch(0.95 0.02 261.78)',
1835
+ 'accent-foreground': 'oklch(0.48 0.20 260.48)',
1836
+ destructive: 'oklch(0.58 0.22 27.33)',
1837
+ border: 'oklch(0.93 0.01 264.60)',
1838
+ input: 'oklch(0.93 0.01 264.60)',
1839
+ ring: 'oklch(0.48 0.20 260.48)',
1840
+ 'chart-1': 'oklch(0.48 0.20 260.48)',
1841
+ 'chart-2': 'oklch(0.56 0.24 260.95)',
1842
+ 'chart-3': 'oklch(0.40 0.16 259.09)',
1843
+ 'chart-4': 'oklch(0.43 0.16 259.85)',
1844
+ 'chart-5': 'oklch(0.29 0.07 260.37)',
1845
+ sidebar: 'oklch(0.97 0.00 264.70)',
1846
+ 'sidebar-foreground': 'oklch(0.21 0.03 264.67)',
1847
+ 'sidebar-primary': 'oklch(0.48 0.20 260.48)',
1848
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1849
+ 'sidebar-accent': 'oklch(0.95 0.02 261.78)',
1850
+ 'sidebar-accent-foreground': 'oklch(0.48 0.20 260.48)',
1851
+ 'sidebar-border': 'oklch(0.93 0.01 264.60)',
1852
+ 'sidebar-ring': 'oklch(0.48 0.20 260.48)',
1853
+ 'font-sans': 'Inter, sans-serif',
1854
+ 'font-serif': 'Source Serif 4, serif',
1855
+ 'font-mono': 'IBM Plex Mono, monospace',
1856
+ radius: '0.375rem'
1857
+ },
1858
+ dark: {
1859
+ background: 'oklch(0.26 0.03 262.71)',
1860
+ foreground: 'oklch(0.93 0.01 264.60)',
1861
+ card: 'oklch(0.30 0.03 261.75)',
1862
+ 'card-foreground': 'oklch(0.93 0.01 264.60)',
1863
+ popover: 'oklch(0.30 0.03 261.75)',
1864
+ 'popover-foreground': 'oklch(0.93 0.01 264.60)',
1865
+ primary: 'oklch(0.56 0.24 260.95)',
1866
+ 'primary-foreground': 'oklch(1.00 0 0)',
1867
+ secondary: 'oklch(0.35 0.04 262.16)',
1868
+ 'secondary-foreground': 'oklch(0.93 0.01 264.60)',
1869
+ muted: 'oklch(0.30 0.03 261.75)',
1870
+ 'muted-foreground': 'oklch(0.71 0.02 261.33)',
1871
+ accent: 'oklch(0.33 0.04 264.82)',
1872
+ 'accent-foreground': 'oklch(0.93 0.01 264.60)',
1873
+ destructive: 'oklch(0.64 0.21 25.33)',
1874
+ border: 'oklch(0.35 0.04 262.16)',
1875
+ input: 'oklch(0.35 0.04 262.16)',
1876
+ ring: 'oklch(0.56 0.24 260.95)',
1877
+ 'chart-1': 'oklch(0.56 0.24 260.95)',
1878
+ 'chart-2': 'oklch(0.48 0.20 260.48)',
1879
+ 'chart-3': 'oklch(0.69 0.17 256.00)',
1880
+ 'chart-4': 'oklch(0.43 0.16 259.85)',
1881
+ 'chart-5': 'oklch(0.29 0.07 260.37)',
1882
+ sidebar: 'oklch(0.26 0.03 262.71)',
1883
+ 'sidebar-foreground': 'oklch(0.93 0.01 264.60)',
1884
+ 'sidebar-primary': 'oklch(0.56 0.24 260.95)',
1885
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1886
+ 'sidebar-accent': 'oklch(0.33 0.04 264.82)',
1887
+ 'sidebar-accent-foreground': 'oklch(0.93 0.01 264.60)',
1888
+ 'sidebar-border': 'oklch(0.35 0.04 262.16)',
1889
+ 'sidebar-ring': 'oklch(0.56 0.24 260.95)'
1890
+ }
1891
+ },
1892
+ slack: {
1893
+ light: {
1894
+ background: 'oklch(1.00 0 0)',
1895
+ foreground: 'oklch(0.23 0.00 325.86)',
1896
+ card: 'oklch(0.98 0 0)',
1897
+ 'card-foreground': 'oklch(0.23 0.00 325.86)',
1898
+ popover: 'oklch(0.98 0 0)',
1899
+ 'popover-foreground': 'oklch(0.23 0.00 325.86)',
1900
+ primary: 'oklch(0.37 0.14 323.23)',
1901
+ 'primary-foreground': 'oklch(1.00 0 0)',
1902
+ secondary: 'oklch(0.96 0.01 312.56)',
1903
+ 'secondary-foreground': 'oklch(0.31 0.11 327.07)',
1904
+ muted: 'oklch(0.97 0.00 264.70)',
1905
+ 'muted-foreground': 'oklch(0.49 0 0)',
1906
+ accent: 'oklch(0.88 0.02 323.34)',
1907
+ 'accent-foreground': 'oklch(0.31 0.11 327.07)',
1908
+ destructive: 'oklch(0.59 0.22 11.50)',
1909
+ border: 'oklch(0.91 0 0)',
1910
+ input: 'oklch(0.91 0 0)',
1911
+ ring: 'oklch(0.37 0.14 323.23)',
1912
+ 'chart-1': 'oklch(0.31 0.11 327.07)',
1913
+ 'chart-2': 'oklch(0.37 0.14 323.23)',
1914
+ 'chart-3': 'oklch(0.59 0.22 11.50)',
1915
+ 'chart-4': 'oklch(0.77 0.13 223.19)',
1916
+ 'chart-5': 'oklch(0.69 0.14 160.23)',
1917
+ sidebar: 'oklch(0.96 0.01 312.56)',
1918
+ 'sidebar-foreground': 'oklch(0.23 0.00 325.86)',
1919
+ 'sidebar-primary': 'oklch(0.37 0.14 323.23)',
1920
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1921
+ 'sidebar-accent': 'oklch(0.88 0.02 323.34)',
1922
+ 'sidebar-accent-foreground': 'oklch(0.31 0.11 327.07)',
1923
+ 'sidebar-border': 'oklch(0.91 0 0)',
1924
+ 'sidebar-ring': 'oklch(0.37 0.14 323.23)',
1925
+ 'font-sans': 'Lato, sans-serif',
1926
+ 'font-serif': 'Merriweather, serif',
1927
+ 'font-mono': 'Roboto Mono, monospace',
1928
+ radius: '0.5rem'
1929
+ },
1930
+ dark: {
1931
+ background: 'oklch(0.23 0.01 255.60)',
1932
+ foreground: 'oklch(0.93 0 0)',
1933
+ card: 'oklch(0.26 0.01 255.58)',
1934
+ 'card-foreground': 'oklch(0.93 0 0)',
1935
+ popover: 'oklch(0.26 0.01 255.58)',
1936
+ 'popover-foreground': 'oklch(0.93 0 0)',
1937
+ primary: 'oklch(0.58 0.14 327.21)',
1938
+ 'primary-foreground': 'oklch(1.00 0 0)',
1939
+ secondary: 'oklch(0.30 0.01 248.05)',
1940
+ 'secondary-foreground': 'oklch(0.93 0 0)',
1941
+ muted: 'oklch(0.26 0.01 255.58)',
1942
+ 'muted-foreground': 'oklch(0.68 0 0)',
1943
+ accent: 'oklch(0.33 0.03 326.23)',
1944
+ 'accent-foreground': 'oklch(0.93 0 0)',
1945
+ destructive: 'oklch(0.59 0.22 11.50)',
1946
+ border: 'oklch(0.30 0.01 268.37)',
1947
+ input: 'oklch(0.30 0.01 268.37)',
1948
+ ring: 'oklch(0.58 0.14 327.21)',
1949
+ 'chart-1': 'oklch(0.58 0.14 327.21)',
1950
+ 'chart-2': 'oklch(0.77 0.13 223.19)',
1951
+ 'chart-3': 'oklch(0.69 0.14 160.23)',
1952
+ 'chart-4': 'oklch(0.59 0.22 11.50)',
1953
+ 'chart-5': 'oklch(0.80 0.15 82.64)',
1954
+ sidebar: 'oklch(0.23 0.01 255.60)',
1955
+ 'sidebar-foreground': 'oklch(0.93 0 0)',
1956
+ 'sidebar-primary': 'oklch(0.58 0.14 327.21)',
1957
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1958
+ 'sidebar-accent': 'oklch(0.33 0.03 326.23)',
1959
+ 'sidebar-accent-foreground': 'oklch(0.93 0 0)',
1960
+ 'sidebar-border': 'oklch(0.30 0.01 268.37)',
1961
+ 'sidebar-ring': 'oklch(0.58 0.14 327.21)'
1962
+ }
1963
+ },
1964
+ perplexity: {
1965
+ light: {
1966
+ background: 'oklch(0.95 0.01 196.81)',
1967
+ foreground: 'oklch(0.38 0.06 212.65)',
1968
+ card: 'oklch(0.97 0.01 196.73)',
1969
+ 'card-foreground': 'oklch(0.38 0.06 212.65)',
1970
+ popover: 'oklch(0.97 0.01 196.73)',
1971
+ 'popover-foreground': 'oklch(0.38 0.06 212.65)',
1972
+ primary: 'oklch(0.72 0.12 209.78)',
1973
+ 'primary-foreground': 'oklch(1.00 0 0)',
1974
+ secondary: 'oklch(0.97 0.01 247.86)',
1975
+ 'secondary-foreground': 'oklch(0.14 0.00 285.86)',
1976
+ muted: 'oklch(0.97 0.01 247.86)',
1977
+ 'muted-foreground': 'oklch(0.55 0.04 257.42)',
1978
+ accent: 'oklch(0.96 0.02 205.23)',
1979
+ 'accent-foreground': 'oklch(0.57 0.10 213.38)',
1980
+ destructive: 'oklch(0.64 0.21 25.33)',
1981
+ border: 'oklch(0.93 0.01 255.51)',
1982
+ input: 'oklch(0.93 0.01 255.51)',
1983
+ ring: 'oklch(0.72 0.12 209.78)',
1984
+ 'chart-1': 'oklch(0.72 0.12 209.78)',
1985
+ 'chart-2': 'oklch(0.57 0.10 213.38)',
1986
+ 'chart-3': 'oklch(0.79 0.12 208.87)',
1987
+ 'chart-4': 'oklch(0.76 0.11 208.84)',
1988
+ 'chart-5': 'oklch(0.83 0.10 208.33)',
1989
+ sidebar: 'oklch(0.98 0.00 247.80)',
1990
+ 'sidebar-foreground': 'oklch(0.14 0.00 285.86)',
1991
+ 'sidebar-primary': 'oklch(0.72 0.12 209.78)',
1992
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
1993
+ 'sidebar-accent': 'oklch(0.96 0.02 205.23)',
1994
+ 'sidebar-accent-foreground': 'oklch(0.57 0.10 213.38)',
1995
+ 'sidebar-border': 'oklch(0.93 0.01 255.51)',
1996
+ 'sidebar-ring': 'oklch(0.72 0.12 209.78)',
1997
+ 'font-sans': 'Inter, sans-serif',
1998
+ 'font-serif': 'Lora, serif',
1999
+ 'font-mono': 'Roboto Mono, monospace',
2000
+ radius: '0.5rem'
2001
+ },
2002
+ dark: {
2003
+ background: 'oklch(0.21 0.02 224.44)',
2004
+ foreground: 'oklch(0.85 0.13 195.02)',
2005
+ card: 'oklch(0.23 0.03 216.05)',
2006
+ 'card-foreground': 'oklch(0.85 0.13 195.02)',
2007
+ popover: 'oklch(0.23 0.03 216.05)',
2008
+ 'popover-foreground': 'oklch(0.85 0.13 195.02)',
2009
+ primary: 'oklch(0.72 0.12 209.78)',
2010
+ 'primary-foreground': 'oklch(1.00 0 0)',
2011
+ secondary: 'oklch(0.27 0.01 286.10)',
2012
+ 'secondary-foreground': 'oklch(0.97 0.00 264.70)',
2013
+ muted: 'oklch(0.24 0 0)',
2014
+ 'muted-foreground': 'oklch(0.71 0.01 286.14)',
2015
+ accent: 'oklch(0.24 0.00 286.20)',
2016
+ 'accent-foreground': 'oklch(0.97 0.00 264.70)',
2017
+ destructive: 'oklch(0.64 0.21 25.33)',
2018
+ border: 'oklch(0.29 0.00 286.27)',
2019
+ input: 'oklch(0.29 0.00 286.27)',
2020
+ ring: 'oklch(0.72 0.12 209.78)',
2021
+ 'chart-1': 'oklch(0.72 0.12 209.78)',
2022
+ 'chart-2': 'oklch(0.79 0.12 208.87)',
2023
+ 'chart-3': 'oklch(0.76 0.11 208.84)',
2024
+ 'chart-4': 'oklch(0.83 0.10 208.33)',
2025
+ 'chart-5': 'oklch(0.57 0.10 213.38)',
2026
+ sidebar: 'oklch(0.19 0 0)',
2027
+ 'sidebar-foreground': 'oklch(0.97 0.00 264.70)',
2028
+ 'sidebar-primary': 'oklch(0.72 0.12 209.78)',
2029
+ 'sidebar-primary-foreground': 'oklch(1.00 0 0)',
2030
+ 'sidebar-accent': 'oklch(0.24 0.00 286.20)',
2031
+ 'sidebar-accent-foreground': 'oklch(0.97 0.00 264.70)',
2032
+ 'sidebar-border': 'oklch(0.29 0.00 286.27)',
2033
+ 'sidebar-ring': 'oklch(0.72 0.12 209.78)'
2034
+ }
2035
+ },
2036
+ neutral: {
2037
+ light: {
2038
+ "--radius": "0.65rem",
2039
+ "--background": "oklch(1 0 0)",
2040
+ "--foreground": "oklch(0.145 0 0)",
2041
+ "--card": "oklch(1 0 0)",
2042
+ "--card-foreground": "oklch(0.145 0 0)",
2043
+ "--popover": "oklch(1 0 0)",
2044
+ "--popover-foreground": "oklch(0.145 0 0)",
2045
+ "--primary": "oklch(0.205 0 0)",
2046
+ "--primary-foreground": "oklch(0.985 0 0)",
2047
+ "--secondary": "oklch(0.97 0 0)",
2048
+ "--secondary-foreground": "oklch(0.205 0 0)",
2049
+ "--muted": "oklch(0.97 0 0)",
2050
+ "--muted-foreground": "oklch(0.556 0 0)",
2051
+ "--accent": "oklch(0.97 0 0)",
2052
+ "--accent-foreground": "oklch(0.205 0 0)",
2053
+ "--destructive": "oklch(0.577 0.245 27.325)",
2054
+ "--border": "oklch(0.922 0 0)",
2055
+ "--input": "oklch(0.922 0 0)",
2056
+ "--ring": "oklch(0.708 0 0)",
2057
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2058
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2059
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2060
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2061
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2062
+ "--sidebar": "oklch(0.985 0 0)",
2063
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2064
+ "--sidebar-primary": "oklch(0.205 0 0)",
2065
+ "--sidebar-primary-foreground": "oklch(0.985 0 0)",
2066
+ "--sidebar-accent": "oklch(0.97 0 0)",
2067
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2068
+ "--sidebar-border": "oklch(0.922 0 0)",
2069
+ "--sidebar-ring": "oklch(0.708 0 0)"
2070
+ },
2071
+ dark: {
2072
+ "--background": "oklch(0.145 0 0)",
2073
+ "--foreground": "oklch(0.985 0 0)",
2074
+ "--card": "oklch(0.205 0 0)",
2075
+ "--card-foreground": "oklch(0.985 0 0)",
2076
+ "--popover": "oklch(0.205 0 0)",
2077
+ "--popover-foreground": "oklch(0.985 0 0)",
2078
+ "--primary": "oklch(0.922 0 0)",
2079
+ "--primary-foreground": "oklch(0.205 0 0)",
2080
+ "--secondary": "oklch(0.269 0 0)",
2081
+ "--secondary-foreground": "oklch(0.985 0 0)",
2082
+ "--muted": "oklch(0.269 0 0)",
2083
+ "--muted-foreground": "oklch(0.708 0 0)",
2084
+ "--accent": "oklch(0.269 0 0)",
2085
+ "--accent-foreground": "oklch(0.985 0 0)",
2086
+ "--destructive": "oklch(0.704 0.191 22.216)",
2087
+ "--border": "oklch(1 0 0 / 10%)",
2088
+ "--input": "oklch(1 0 0 / 15%)",
2089
+ "--ring": "oklch(0.556 0 0)",
2090
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2091
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2092
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2093
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2094
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2095
+ "--sidebar": "oklch(0.205 0 0)",
2096
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2097
+ "--sidebar-primary": "oklch(0.488 0.243 264.376)",
2098
+ "--sidebar-primary-foreground": "oklch(0.985 0 0)",
2099
+ "--sidebar-accent": "oklch(0.269 0 0)",
2100
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2101
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2102
+ "--sidebar-ring": "oklch(0.556 0 0)"
2103
+ }
2104
+ },
2105
+ red: {
2106
+ light: {
2107
+ "--radius": "0.65rem",
2108
+ "--background": "oklch(1 0 0)",
2109
+ "--foreground": "oklch(0.141 0.005 285.823)",
2110
+ "--card": "oklch(1 0 0)",
2111
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2112
+ "--popover": "oklch(1 0 0)",
2113
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2114
+ "--primary": "oklch(0.637 0.237 25.331)",
2115
+ "--primary-foreground": "oklch(0.971 0.013 17.38)",
2116
+ "--secondary": "oklch(0.967 0.001 286.375)",
2117
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2118
+ "--muted": "oklch(0.967 0.001 286.375)",
2119
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2120
+ "--accent": "oklch(0.967 0.001 286.375)",
2121
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2122
+ "--destructive": "oklch(0.577 0.245 27.325)",
2123
+ "--border": "oklch(0.92 0.004 286.32)",
2124
+ "--input": "oklch(0.92 0.004 286.32)",
2125
+ "--ring": "oklch(0.637 0.237 25.331)",
2126
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2127
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2128
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2129
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2130
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2131
+ "--sidebar": "oklch(0.985 0 0)",
2132
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2133
+ "--sidebar-primary": "oklch(0.637 0.237 25.331)",
2134
+ "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
2135
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2136
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2137
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2138
+ "--sidebar-ring": "oklch(0.637 0.237 25.331)"
2139
+ },
2140
+ dark: {
2141
+ "--background": "oklch(0.141 0.005 285.823)",
2142
+ "--foreground": "oklch(0.985 0 0)",
2143
+ "--card": "oklch(0.21 0.006 285.885)",
2144
+ "--card-foreground": "oklch(0.985 0 0)",
2145
+ "--popover": "oklch(0.21 0.006 285.885)",
2146
+ "--popover-foreground": "oklch(0.985 0 0)",
2147
+ "--primary": "oklch(0.637 0.237 25.331)",
2148
+ "--primary-foreground": "oklch(0.971 0.013 17.38)",
2149
+ "--secondary": "oklch(0.274 0.006 286.033)",
2150
+ "--secondary-foreground": "oklch(0.985 0 0)",
2151
+ "--muted": "oklch(0.274 0.006 286.033)",
2152
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2153
+ "--accent": "oklch(0.274 0.006 286.033)",
2154
+ "--accent-foreground": "oklch(0.985 0 0)",
2155
+ "--destructive": "oklch(0.704 0.191 22.216)",
2156
+ "--border": "oklch(1 0 0 / 10%)",
2157
+ "--input": "oklch(1 0 0 / 15%)",
2158
+ "--ring": "oklch(0.637 0.237 25.331)",
2159
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2160
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2161
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2162
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2163
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2164
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2165
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2166
+ "--sidebar-primary": "oklch(0.637 0.237 25.331)",
2167
+ "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
2168
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2169
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2170
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2171
+ "--sidebar-ring": "oklch(0.637 0.237 25.331)"
2172
+ }
2173
+ },
2174
+ rose: {
2175
+ light: {
2176
+ "--radius": "0.65rem",
2177
+ "--background": "oklch(1 0 0)",
2178
+ "--foreground": "oklch(0.141 0.005 285.823)",
2179
+ "--card": "oklch(1 0 0)",
2180
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2181
+ "--popover": "oklch(1 0 0)",
2182
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2183
+ "--primary": "oklch(0.645 0.246 16.439)",
2184
+ "--primary-foreground": "oklch(0.969 0.015 12.422)",
2185
+ "--secondary": "oklch(0.967 0.001 286.375)",
2186
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2187
+ "--muted": "oklch(0.967 0.001 286.375)",
2188
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2189
+ "--accent": "oklch(0.967 0.001 286.375)",
2190
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2191
+ "--destructive": "oklch(0.577 0.245 27.325)",
2192
+ "--border": "oklch(0.92 0.004 286.32)",
2193
+ "--input": "oklch(0.92 0.004 286.32)",
2194
+ "--ring": "oklch(0.645 0.246 16.439)",
2195
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2196
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2197
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2198
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2199
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2200
+ "--sidebar": "oklch(0.985 0 0)",
2201
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2202
+ "--sidebar-primary": "oklch(0.645 0.246 16.439)",
2203
+ "--sidebar-primary-foreground": "oklch(0.969 0.015 12.422)",
2204
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2205
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2206
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2207
+ "--sidebar-ring": "oklch(0.645 0.246 16.439)"
2208
+ },
2209
+ dark: {
2210
+ "--background": "oklch(0.141 0.005 285.823)",
2211
+ "--foreground": "oklch(0.985 0 0)",
2212
+ "--card": "oklch(0.21 0.006 285.885)",
2213
+ "--card-foreground": "oklch(0.985 0 0)",
2214
+ "--popover": "oklch(0.21 0.006 285.885)",
2215
+ "--popover-foreground": "oklch(0.985 0 0)",
2216
+ "--primary": "oklch(0.645 0.246 16.439)",
2217
+ "--primary-foreground": "oklch(0.969 0.015 12.422)",
2218
+ "--secondary": "oklch(0.274 0.006 286.033)",
2219
+ "--secondary-foreground": "oklch(0.985 0 0)",
2220
+ "--muted": "oklch(0.274 0.006 286.033)",
2221
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2222
+ "--accent": "oklch(0.274 0.006 286.033)",
2223
+ "--accent-foreground": "oklch(0.985 0 0)",
2224
+ "--destructive": "oklch(0.704 0.191 22.216)",
2225
+ "--border": "oklch(1 0 0 / 10%)",
2226
+ "--input": "oklch(1 0 0 / 15%)",
2227
+ "--ring": "oklch(0.645 0.246 16.439)",
2228
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2229
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2230
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2231
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2232
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2233
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2234
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2235
+ "--sidebar-primary": "oklch(0.645 0.246 16.439)",
2236
+ "--sidebar-primary-foreground": "oklch(0.969 0.015 12.422)",
2237
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2238
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2239
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2240
+ "--sidebar-ring": "oklch(0.645 0.246 16.439)"
2241
+ }
2242
+ },
2243
+ orange: {
2244
+ light: {
2245
+ "--radius": "0.65rem",
2246
+ "--background": "oklch(1 0 0)",
2247
+ "--foreground": "oklch(0.141 0.005 285.823)",
2248
+ "--card": "oklch(1 0 0)",
2249
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2250
+ "--popover": "oklch(1 0 0)",
2251
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2252
+ "--primary": "oklch(0.705 0.213 47.604)",
2253
+ "--primary-foreground": "oklch(0.98 0.016 73.684)",
2254
+ "--secondary": "oklch(0.967 0.001 286.375)",
2255
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2256
+ "--muted": "oklch(0.967 0.001 286.375)",
2257
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2258
+ "--accent": "oklch(0.967 0.001 286.375)",
2259
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2260
+ "--destructive": "oklch(0.577 0.245 27.325)",
2261
+ "--border": "oklch(0.92 0.004 286.32)",
2262
+ "--input": "oklch(0.92 0.004 286.32)",
2263
+ "--ring": "oklch(0.705 0.213 47.604)",
2264
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2265
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2266
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2267
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2268
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2269
+ "--sidebar": "oklch(0.985 0 0)",
2270
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2271
+ "--sidebar-primary": "oklch(0.705 0.213 47.604)",
2272
+ "--sidebar-primary-foreground": "oklch(0.98 0.016 73.684)",
2273
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2274
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2275
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2276
+ "--sidebar-ring": "oklch(0.705 0.213 47.604)"
2277
+ },
2278
+ dark: {
2279
+ "--background": "oklch(0.141 0.005 285.823)",
2280
+ "--foreground": "oklch(0.985 0 0)",
2281
+ "--card": "oklch(0.21 0.006 285.885)",
2282
+ "--card-foreground": "oklch(0.985 0 0)",
2283
+ "--popover": "oklch(0.21 0.006 285.885)",
2284
+ "--popover-foreground": "oklch(0.985 0 0)",
2285
+ "--primary": "oklch(0.646 0.222 41.116)",
2286
+ "--primary-foreground": "oklch(0.98 0.016 73.684)",
2287
+ "--secondary": "oklch(0.274 0.006 286.033)",
2288
+ "--secondary-foreground": "oklch(0.985 0 0)",
2289
+ "--muted": "oklch(0.274 0.006 286.033)",
2290
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2291
+ "--accent": "oklch(0.274 0.006 286.033)",
2292
+ "--accent-foreground": "oklch(0.985 0 0)",
2293
+ "--destructive": "oklch(0.704 0.191 22.216)",
2294
+ "--border": "oklch(1 0 0 / 10%)",
2295
+ "--input": "oklch(1 0 0 / 15%)",
2296
+ "--ring": "oklch(0.646 0.222 41.116)",
2297
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2298
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2299
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2300
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2301
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2302
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2303
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2304
+ "--sidebar-primary": "oklch(0.646 0.222 41.116)",
2305
+ "--sidebar-primary-foreground": "oklch(0.98 0.016 73.684)",
2306
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2307
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2308
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2309
+ "--sidebar-ring": "oklch(0.646 0.222 41.116)"
2310
+ }
2311
+ },
2312
+ green: {
2313
+ light: {
2314
+ "--radius": "0.65rem",
2315
+ "--background": "oklch(1 0 0)",
2316
+ "--foreground": "oklch(0.141 0.005 285.823)",
2317
+ "--card": "oklch(1 0 0)",
2318
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2319
+ "--popover": "oklch(1 0 0)",
2320
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2321
+ "--primary": "oklch(0.723 0.219 149.579)",
2322
+ "--primary-foreground": "oklch(0.982 0.018 155.826)",
2323
+ "--secondary": "oklch(0.967 0.001 286.375)",
2324
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2325
+ "--muted": "oklch(0.967 0.001 286.375)",
2326
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2327
+ "--accent": "oklch(0.967 0.001 286.375)",
2328
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2329
+ "--destructive": "oklch(0.577 0.245 27.325)",
2330
+ "--border": "oklch(0.92 0.004 286.32)",
2331
+ "--input": "oklch(0.92 0.004 286.32)",
2332
+ "--ring": "oklch(0.723 0.219 149.579)",
2333
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2334
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2335
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2336
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2337
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2338
+ "--sidebar": "oklch(0.985 0 0)",
2339
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2340
+ "--sidebar-primary": "oklch(0.723 0.219 149.579)",
2341
+ "--sidebar-primary-foreground": "oklch(0.982 0.018 155.826)",
2342
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2343
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2344
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2345
+ "--sidebar-ring": "oklch(0.723 0.219 149.579)"
2346
+ },
2347
+ dark: {
2348
+ "--background": "oklch(0.141 0.005 285.823)",
2349
+ "--foreground": "oklch(0.985 0 0)",
2350
+ "--card": "oklch(0.21 0.006 285.885)",
2351
+ "--card-foreground": "oklch(0.985 0 0)",
2352
+ "--popover": "oklch(0.21 0.006 285.885)",
2353
+ "--popover-foreground": "oklch(0.985 0 0)",
2354
+ "--primary": "oklch(0.696 0.17 162.48)",
2355
+ "--primary-foreground": "oklch(0.393 0.095 152.535)",
2356
+ "--secondary": "oklch(0.274 0.006 286.033)",
2357
+ "--secondary-foreground": "oklch(0.985 0 0)",
2358
+ "--muted": "oklch(0.274 0.006 286.033)",
2359
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2360
+ "--accent": "oklch(0.274 0.006 286.033)",
2361
+ "--accent-foreground": "oklch(0.985 0 0)",
2362
+ "--destructive": "oklch(0.704 0.191 22.216)",
2363
+ "--border": "oklch(1 0 0 / 10%)",
2364
+ "--input": "oklch(1 0 0 / 15%)",
2365
+ "--ring": "oklch(0.527 0.154 150.069)",
2366
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2367
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2368
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2369
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2370
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2371
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2372
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2373
+ "--sidebar-primary": "oklch(0.696 0.17 162.48)",
2374
+ "--sidebar-primary-foreground": "oklch(0.393 0.095 152.535)",
2375
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2376
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2377
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2378
+ "--sidebar-ring": "oklch(0.527 0.154 150.069)"
2379
+ }
2380
+ },
2381
+ blue: {
2382
+ light: {
2383
+ "--radius": "0.65rem",
2384
+ "--background": "oklch(1 0 0)",
2385
+ "--foreground": "oklch(0.141 0.005 285.823)",
2386
+ "--card": "oklch(1 0 0)",
2387
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2388
+ "--popover": "oklch(1 0 0)",
2389
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2390
+ "--primary": "oklch(0.623 0.214 259.815)",
2391
+ "--primary-foreground": "oklch(0.97 0.014 254.604)",
2392
+ "--secondary": "oklch(0.967 0.001 286.375)",
2393
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2394
+ "--muted": "oklch(0.967 0.001 286.375)",
2395
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2396
+ "--accent": "oklch(0.967 0.001 286.375)",
2397
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2398
+ "--destructive": "oklch(0.577 0.245 27.325)",
2399
+ "--border": "oklch(0.92 0.004 286.32)",
2400
+ "--input": "oklch(0.92 0.004 286.32)",
2401
+ "--ring": "oklch(0.623 0.214 259.815)",
2402
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2403
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2404
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2405
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2406
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2407
+ "--sidebar": "oklch(0.985 0 0)",
2408
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2409
+ "--sidebar-primary": "oklch(0.623 0.214 259.815)",
2410
+ "--sidebar-primary-foreground": "oklch(0.97 0.014 254.604)",
2411
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2412
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2413
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2414
+ "--sidebar-ring": "oklch(0.623 0.214 259.815)"
2415
+ },
2416
+ dark: {
2417
+ "--background": "oklch(0.141 0.005 285.823)",
2418
+ "--foreground": "oklch(0.985 0 0)",
2419
+ "--card": "oklch(0.21 0.006 285.885)",
2420
+ "--card-foreground": "oklch(0.985 0 0)",
2421
+ "--popover": "oklch(0.21 0.006 285.885)",
2422
+ "--popover-foreground": "oklch(0.985 0 0)",
2423
+ "--primary": "oklch(0.546 0.245 262.881)",
2424
+ "--primary-foreground": "oklch(0.379 0.146 265.522)",
2425
+ "--secondary": "oklch(0.274 0.006 286.033)",
2426
+ "--secondary-foreground": "oklch(0.985 0 0)",
2427
+ "--muted": "oklch(0.274 0.006 286.033)",
2428
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2429
+ "--accent": "oklch(0.274 0.006 286.033)",
2430
+ "--accent-foreground": "oklch(0.985 0 0)",
2431
+ "--destructive": "oklch(0.704 0.191 22.216)",
2432
+ "--border": "oklch(1 0 0 / 10%)",
2433
+ "--input": "oklch(1 0 0 / 15%)",
2434
+ "--ring": "oklch(0.488 0.243 264.376)",
2435
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2436
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2437
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2438
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2439
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2440
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2441
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2442
+ "--sidebar-primary": "oklch(0.546 0.245 262.881)",
2443
+ "--sidebar-primary-foreground": "oklch(0.379 0.146 265.522)",
2444
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2445
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2446
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2447
+ "--sidebar-ring": "oklch(0.488 0.243 264.376)"
2448
+ }
2449
+ },
2450
+ yellow: {
2451
+ light: {
2452
+ "--radius": "0.65rem",
2453
+ "--background": "oklch(1 0 0)",
2454
+ "--foreground": "oklch(0.141 0.005 285.823)",
2455
+ "--card": "oklch(1 0 0)",
2456
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2457
+ "--popover": "oklch(1 0 0)",
2458
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2459
+ "--primary": "oklch(0.795 0.184 86.047)",
2460
+ "--primary-foreground": "oklch(0.421 0.095 57.708)",
2461
+ "--secondary": "oklch(0.967 0.001 286.375)",
2462
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2463
+ "--muted": "oklch(0.967 0.001 286.375)",
2464
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2465
+ "--accent": "oklch(0.967 0.001 286.375)",
2466
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2467
+ "--destructive": "oklch(0.577 0.245 27.325)",
2468
+ "--border": "oklch(0.92 0.004 286.32)",
2469
+ "--input": "oklch(0.92 0.004 286.32)",
2470
+ "--ring": "oklch(0.795 0.184 86.047)",
2471
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2472
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2473
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2474
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2475
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2476
+ "--sidebar": "oklch(0.985 0 0)",
2477
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2478
+ "--sidebar-primary": "oklch(0.795 0.184 86.047)",
2479
+ "--sidebar-primary-foreground": "oklch(0.421 0.095 57.708)",
2480
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2481
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2482
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2483
+ "--sidebar-ring": "oklch(0.795 0.184 86.047)"
2484
+ },
2485
+ dark: {
2486
+ "--background": "oklch(0.141 0.005 285.823)",
2487
+ "--foreground": "oklch(0.985 0 0)",
2488
+ "--card": "oklch(0.21 0.006 285.885)",
2489
+ "--card-foreground": "oklch(0.985 0 0)",
2490
+ "--popover": "oklch(0.21 0.006 285.885)",
2491
+ "--popover-foreground": "oklch(0.985 0 0)",
2492
+ "--primary": "oklch(0.795 0.184 86.047)",
2493
+ "--primary-foreground": "oklch(0.421 0.095 57.708)",
2494
+ "--secondary": "oklch(0.274 0.006 286.033)",
2495
+ "--secondary-foreground": "oklch(0.985 0 0)",
2496
+ "--muted": "oklch(0.274 0.006 286.033)",
2497
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2498
+ "--accent": "oklch(0.274 0.006 286.033)",
2499
+ "--accent-foreground": "oklch(0.985 0 0)",
2500
+ "--destructive": "oklch(0.704 0.191 22.216)",
2501
+ "--border": "oklch(1 0 0 / 10%)",
2502
+ "--input": "oklch(1 0 0 / 15%)",
2503
+ "--ring": "oklch(0.554 0.135 66.442)",
2504
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2505
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2506
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2507
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2508
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2509
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2510
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2511
+ "--sidebar-primary": "oklch(0.795 0.184 86.047)",
2512
+ "--sidebar-primary-foreground": "oklch(0.421 0.095 57.708)",
2513
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2514
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2515
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2516
+ "--sidebar-ring": "oklch(0.554 0.135 66.442)"
2517
+ }
2518
+ },
2519
+ violet: {
2520
+ light: {
2521
+ "--radius": "0.65rem",
2522
+ "--background": "oklch(1 0 0)",
2523
+ "--foreground": "oklch(0.141 0.005 285.823)",
2524
+ "--card": "oklch(1 0 0)",
2525
+ "--card-foreground": "oklch(0.141 0.005 285.823)",
2526
+ "--popover": "oklch(1 0 0)",
2527
+ "--popover-foreground": "oklch(0.141 0.005 285.823)",
2528
+ "--primary": "oklch(0.637 0.237 25.331)",
2529
+ "--primary-foreground": "oklch(0.971 0.013 17.38)",
2530
+ "--secondary": "oklch(0.967 0.001 286.375)",
2531
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2532
+ "--muted": "oklch(0.967 0.001 286.375)",
2533
+ "--muted-foreground": "oklch(0.552 0.016 285.938)",
2534
+ "--accent": "oklch(0.967 0.001 286.375)",
2535
+ "--accent-foreground": "oklch(0.21 0.006 285.885)",
2536
+ "--destructive": "oklch(0.577 0.245 27.325)",
2537
+ "--border": "oklch(0.92 0.004 286.32)",
2538
+ "--input": "oklch(0.92 0.004 286.32)",
2539
+ "--ring": "oklch(0.637 0.237 25.331)",
2540
+ "--chart-1": "oklch(0.646 0.222 41.116)",
2541
+ "--chart-2": "oklch(0.6 0.118 184.704)",
2542
+ "--chart-3": "oklch(0.398 0.07 227.392)",
2543
+ "--chart-4": "oklch(0.828 0.189 84.429)",
2544
+ "--chart-5": "oklch(0.769 0.188 70.08)",
2545
+ "--sidebar": "oklch(0.985 0 0)",
2546
+ "--sidebar-foreground": "oklch(0.141 0.005 285.823)",
2547
+ "--sidebar-primary": "oklch(0.637 0.237 25.331)",
2548
+ "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
2549
+ "--sidebar-accent": "oklch(0.967 0.001 286.375)",
2550
+ "--sidebar-accent-foreground": "oklch(0.21 0.006 285.885)",
2551
+ "--sidebar-border": "oklch(0.92 0.004 286.32)",
2552
+ "--sidebar-ring": "oklch(0.637 0.237 25.331)"
2553
+ },
2554
+ dark: {
2555
+ "--background": "oklch(0.141 0.005 285.823)",
2556
+ "--foreground": "oklch(0.985 0 0)",
2557
+ "--card": "oklch(0.21 0.006 285.885)",
2558
+ "--card-foreground": "oklch(0.985 0 0)",
2559
+ "--popover": "oklch(0.21 0.006 285.885)",
2560
+ "--popover-foreground": "oklch(0.985 0 0)",
2561
+ "--primary": "oklch(0.637 0.237 25.331)",
2562
+ "--primary-foreground": "oklch(0.971 0.013 17.38)",
2563
+ "--secondary": "oklch(0.274 0.006 286.033)",
2564
+ "--secondary-foreground": "oklch(0.985 0 0)",
2565
+ "--muted": "oklch(0.274 0.006 286.033)",
2566
+ "--muted-foreground": "oklch(0.705 0.015 286.067)",
2567
+ "--accent": "oklch(0.274 0.006 286.033)",
2568
+ "--accent-foreground": "oklch(0.985 0 0)",
2569
+ "--destructive": "oklch(0.704 0.191 22.216)",
2570
+ "--border": "oklch(1 0 0 / 10%)",
2571
+ "--input": "oklch(1 0 0 / 15%)",
2572
+ "--ring": "oklch(0.637 0.237 25.331)",
2573
+ "--chart-1": "oklch(0.488 0.243 264.376)",
2574
+ "--chart-2": "oklch(0.696 0.17 162.48)",
2575
+ "--chart-3": "oklch(0.769 0.188 70.08)",
2576
+ "--chart-4": "oklch(0.627 0.265 303.9)",
2577
+ "--chart-5": "oklch(0.645 0.246 16.439)",
2578
+ "--sidebar": "oklch(0.21 0.006 285.885)",
2579
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2580
+ "--sidebar-primary": "oklch(0.637 0.237 25.331)",
2581
+ "--sidebar-primary-foreground": "oklch(0.971 0.013 17.38)",
2582
+ "--sidebar-accent": "oklch(0.274 0.006 286.033)",
2583
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2584
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2585
+ "--sidebar-ring": "oklch(0.637 0.237 25.331)"
2586
+ }
2587
+ },
2588
+ amber: {
2589
+ light: {
2590
+ "--background": "oklch(1 0 0)",
2591
+ "--foreground": "oklch(0.145 0 0)",
2592
+ "--card": "oklch(1 0 0)",
2593
+ "--card-foreground": "oklch(0.145 0 0)",
2594
+ "--popover": "oklch(1 0 0)",
2595
+ "--popover-foreground": "oklch(0.145 0 0)",
2596
+ "--primary": "oklch(0.67 0.16 58)",
2597
+ "--primary-foreground": "oklch(0.99 0.02 95)",
2598
+ "--secondary": "oklch(0.967 0.001 286.375)",
2599
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2600
+ "--muted": "oklch(0.97 0 0)",
2601
+ "--muted-foreground": "oklch(0.556 0 0)",
2602
+ "--accent": "oklch(0.97 0 0)",
2603
+ "--accent-foreground": "oklch(0.205 0 0)",
2604
+ "--destructive": "oklch(0.58 0.22 27)",
2605
+ "--border": "oklch(0.922 0 0)",
2606
+ "--input": "oklch(0.922 0 0)",
2607
+ "--ring": "oklch(0.708 0 0)",
2608
+ "--chart-1": "oklch(0.88 0.15 92)",
2609
+ "--chart-2": "oklch(0.77 0.16 70)",
2610
+ "--chart-3": "oklch(0.67 0.16 58)",
2611
+ "--chart-4": "oklch(0.56 0.15 49)",
2612
+ "--chart-5": "oklch(0.47 0.12 46)",
2613
+ "--radius": "0.625rem",
2614
+ "--sidebar": "oklch(0.985 0 0)",
2615
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2616
+ "--sidebar-primary": "oklch(0.51 0.23 277)",
2617
+ "--sidebar-primary-foreground": "oklch(0.96 0.02 272)",
2618
+ "--sidebar-accent": "oklch(0.97 0 0)",
2619
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2620
+ "--sidebar-border": "oklch(0.922 0 0)",
2621
+ "--sidebar-ring": "oklch(0.708 0 0)"
2622
+ },
2623
+ dark: {
2624
+ "--background": "oklch(0.145 0 0)",
2625
+ "--foreground": "oklch(0.985 0 0)",
2626
+ "--card": "oklch(0.205 0 0)",
2627
+ "--card-foreground": "oklch(0.985 0 0)",
2628
+ "--popover": "oklch(0.205 0 0)",
2629
+ "--popover-foreground": "oklch(0.985 0 0)",
2630
+ "--primary": "oklch(0.59 0.20 277)",
2631
+ "--primary-foreground": "oklch(0.96 0.02 272)",
2632
+ "--secondary": "oklch(0.274 0.006 286.033)",
2633
+ "--secondary-foreground": "oklch(0.985 0 0)",
2634
+ "--muted": "oklch(0.269 0 0)",
2635
+ "--muted-foreground": "oklch(0.708 0 0)",
2636
+ "--accent": "oklch(0.371 0 0)",
2637
+ "--accent-foreground": "oklch(0.985 0 0)",
2638
+ "--destructive": "oklch(0.704 0.191 22.216)",
2639
+ "--border": "oklch(1 0 0 / 10%)",
2640
+ "--input": "oklch(1 0 0 / 15%)",
2641
+ "--ring": "oklch(0.556 0 0)",
2642
+ "--chart-1": "oklch(0.79 0.10 275)",
2643
+ "--chart-2": "oklch(0.68 0.16 277)",
2644
+ "--chart-3": "oklch(0.59 0.20 277)",
2645
+ "--chart-4": "oklch(0.51 0.23 277)",
2646
+ "--chart-5": "oklch(0.46 0.21 277)",
2647
+ "--sidebar": "oklch(0.205 0 0)",
2648
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2649
+ "--sidebar-primary": "oklch(0.68 0.16 277)",
2650
+ "--sidebar-primary-foreground": "oklch(0.96 0.02 272)",
2651
+ "--sidebar-accent": "oklch(0.269 0 0)",
2652
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2653
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2654
+ "--sidebar-ring": "oklch(0.556 0 0)"
2655
+ }
2656
+ },
2657
+ lime: {
2658
+ light: {
2659
+ "--background": "oklch(1 0 0)",
2660
+ "--foreground": "oklch(0.145 0 0)",
2661
+ "--card": "oklch(1 0 0)",
2662
+ "--card-foreground": "oklch(0.145 0 0)",
2663
+ "--popover": "oklch(1 0 0)",
2664
+ "--popover-foreground": "oklch(0.145 0 0)",
2665
+ "--primary": "oklch(0.65 0.18 132)",
2666
+ "--primary-foreground": "oklch(0.99 0.03 121)",
2667
+ "--secondary": "oklch(0.967 0.001 286.375)",
2668
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2669
+ "--muted": "oklch(0.97 0 0)",
2670
+ "--muted-foreground": "oklch(0.556 0 0)",
2671
+ "--accent": "oklch(0.97 0 0)",
2672
+ "--accent-foreground": "oklch(0.205 0 0)",
2673
+ "--destructive": "oklch(0.58 0.22 27)",
2674
+ "--border": "oklch(0.922 0 0)",
2675
+ "--input": "oklch(0.922 0 0)",
2676
+ "--ring": "oklch(0.708 0 0)",
2677
+ "--chart-1": "oklch(0.90 0.18 127)",
2678
+ "--chart-2": "oklch(0.85 0.21 129)",
2679
+ "--chart-3": "oklch(0.77 0.20 131)",
2680
+ "--chart-4": "oklch(0.65 0.18 132)",
2681
+ "--chart-5": "oklch(0.53 0.14 132)",
2682
+ "--radius": "0.625rem",
2683
+ "--sidebar": "oklch(0.985 0 0)",
2684
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2685
+ "--sidebar-primary": "oklch(0.65 0.18 132)",
2686
+ "--sidebar-primary-foreground": "oklch(0.99 0.03 121)",
2687
+ "--sidebar-accent": "oklch(0.97 0 0)",
2688
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2689
+ "--sidebar-border": "oklch(0.922 0 0)",
2690
+ "--sidebar-ring": "oklch(0.708 0 0)"
2691
+ },
2692
+ dark: {
2693
+ "--background": "oklch(0.145 0 0)",
2694
+ "--foreground": "oklch(0.985 0 0)",
2695
+ "--card": "oklch(0.205 0 0)",
2696
+ "--card-foreground": "oklch(0.985 0 0)",
2697
+ "--popover": "oklch(0.205 0 0)",
2698
+ "--popover-foreground": "oklch(0.985 0 0)",
2699
+ "--primary": "oklch(0.77 0.20 131)",
2700
+ "--primary-foreground": "oklch(0.27 0.07 132)",
2701
+ "--secondary": "oklch(0.274 0.006 286.033)",
2702
+ "--secondary-foreground": "oklch(0.985 0 0)",
2703
+ "--muted": "oklch(0.269 0 0)",
2704
+ "--muted-foreground": "oklch(0.708 0 0)",
2705
+ "--accent": "oklch(0.371 0 0)",
2706
+ "--accent-foreground": "oklch(0.985 0 0)",
2707
+ "--destructive": "oklch(0.704 0.191 22.216)",
2708
+ "--border": "oklch(1 0 0 / 10%)",
2709
+ "--input": "oklch(1 0 0 / 15%)",
2710
+ "--ring": "oklch(0.556 0 0)",
2711
+ "--chart-1": "oklch(0.90 0.18 127)",
2712
+ "--chart-2": "oklch(0.85 0.21 129)",
2713
+ "--chart-3": "oklch(0.77 0.20 131)",
2714
+ "--chart-4": "oklch(0.65 0.18 132)",
2715
+ "--chart-5": "oklch(0.53 0.14 132)",
2716
+ "--sidebar": "oklch(0.205 0 0)",
2717
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2718
+ "--sidebar-primary": "oklch(0.85 0.21 129)",
2719
+ "--sidebar-primary-foreground": "oklch(0.27 0.07 132)",
2720
+ "--sidebar-accent": "oklch(0.269 0 0)",
2721
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2722
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2723
+ "--sidebar-ring": "oklch(0.556 0 0)"
2724
+ }
2725
+ },
2726
+ emerald: {
2727
+ light: {
2728
+ "--background": "oklch(1 0 0)",
2729
+ "--foreground": "oklch(0.145 0 0)",
2730
+ "--card": "oklch(1 0 0)",
2731
+ "--card-foreground": "oklch(0.145 0 0)",
2732
+ "--popover": "oklch(1 0 0)",
2733
+ "--popover-foreground": "oklch(0.145 0 0)",
2734
+ "--primary": "oklch(0.60 0.13 163)",
2735
+ "--primary-foreground": "oklch(0.98 0.02 166)",
2736
+ "--secondary": "oklch(0.967 0.001 286.375)",
2737
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2738
+ "--muted": "oklch(0.97 0 0)",
2739
+ "--muted-foreground": "oklch(0.556 0 0)",
2740
+ "--accent": "oklch(0.97 0 0)",
2741
+ "--accent-foreground": "oklch(0.205 0 0)",
2742
+ "--destructive": "oklch(0.58 0.22 27)",
2743
+ "--border": "oklch(0.922 0 0)",
2744
+ "--input": "oklch(0.922 0 0)",
2745
+ "--ring": "oklch(0.708 0 0)",
2746
+ "--chart-1": "oklch(0.85 0.13 165)",
2747
+ "--chart-2": "oklch(0.77 0.15 163)",
2748
+ "--chart-3": "oklch(0.70 0.15 162)",
2749
+ "--chart-4": "oklch(0.60 0.13 163)",
2750
+ "--chart-5": "oklch(0.51 0.10 166)",
2751
+ "--radius": "0.625rem",
2752
+ "--sidebar": "oklch(0.985 0 0)",
2753
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2754
+ "--sidebar-primary": "oklch(0.60 0.13 163)",
2755
+ "--sidebar-primary-foreground": "oklch(0.98 0.02 166)",
2756
+ "--sidebar-accent": "oklch(0.97 0 0)",
2757
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2758
+ "--sidebar-border": "oklch(0.922 0 0)",
2759
+ "--sidebar-ring": "oklch(0.708 0 0)"
2760
+ },
2761
+ dark: {
2762
+ "--background": "oklch(0.145 0 0)",
2763
+ "--foreground": "oklch(0.985 0 0)",
2764
+ "--card": "oklch(0.205 0 0)",
2765
+ "--card-foreground": "oklch(0.985 0 0)",
2766
+ "--popover": "oklch(0.205 0 0)",
2767
+ "--popover-foreground": "oklch(0.985 0 0)",
2768
+ "--primary": "oklch(0.70 0.15 162)",
2769
+ "--primary-foreground": "oklch(0.26 0.05 173)",
2770
+ "--secondary": "oklch(0.274 0.006 286.033)",
2771
+ "--secondary-foreground": "oklch(0.985 0 0)",
2772
+ "--muted": "oklch(0.269 0 0)",
2773
+ "--muted-foreground": "oklch(0.708 0 0)",
2774
+ "--accent": "oklch(0.371 0 0)",
2775
+ "--accent-foreground": "oklch(0.985 0 0)",
2776
+ "--destructive": "oklch(0.704 0.191 22.216)",
2777
+ "--border": "oklch(1 0 0 / 10%)",
2778
+ "--input": "oklch(1 0 0 / 15%)",
2779
+ "--ring": "oklch(0.556 0 0)",
2780
+ "--chart-1": "oklch(0.85 0.13 165)",
2781
+ "--chart-2": "oklch(0.77 0.15 163)",
2782
+ "--chart-3": "oklch(0.70 0.15 162)",
2783
+ "--chart-4": "oklch(0.60 0.13 163)",
2784
+ "--chart-5": "oklch(0.51 0.10 166)",
2785
+ "--sidebar": "oklch(0.205 0 0)",
2786
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2787
+ "--sidebar-primary": "oklch(0.77 0.15 163)",
2788
+ "--sidebar-primary-foreground": "oklch(0.26 0.05 173)",
2789
+ "--sidebar-accent": "oklch(0.269 0 0)",
2790
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2791
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2792
+ "--sidebar-ring": "oklch(0.556 0 0)"
2793
+ }
2794
+ },
2795
+ fuchsia: {
2796
+ light: {
2797
+ "--background": "oklch(1 0 0)",
2798
+ "--foreground": "oklch(0.145 0 0)",
2799
+ "--card": "oklch(1 0 0)",
2800
+ "--card-foreground": "oklch(0.145 0 0)",
2801
+ "--popover": "oklch(1 0 0)",
2802
+ "--popover-foreground": "oklch(0.145 0 0)",
2803
+ "--primary": "oklch(0.59 0.26 323)",
2804
+ "--primary-foreground": "oklch(0.98 0.02 320)",
2805
+ "--secondary": "oklch(0.967 0.001 286.375)",
2806
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2807
+ "--muted": "oklch(0.97 0 0)",
2808
+ "--muted-foreground": "oklch(0.556 0 0)",
2809
+ "--accent": "oklch(0.97 0 0)",
2810
+ "--accent-foreground": "oklch(0.205 0 0)",
2811
+ "--destructive": "oklch(0.58 0.22 27)",
2812
+ "--border": "oklch(0.922 0 0)",
2813
+ "--input": "oklch(0.922 0 0)",
2814
+ "--ring": "oklch(0.708 0 0)",
2815
+ "--chart-1": "oklch(0.83 0.13 321)",
2816
+ "--chart-2": "oklch(0.75 0.21 322)",
2817
+ "--chart-3": "oklch(0.67 0.26 322)",
2818
+ "--chart-4": "oklch(0.59 0.26 323)",
2819
+ "--chart-5": "oklch(0.52 0.23 324)",
2820
+ "--radius": "0.625rem",
2821
+ "--sidebar": "oklch(0.985 0 0)",
2822
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2823
+ "--sidebar-primary": "oklch(0.59 0.26 323)",
2824
+ "--sidebar-primary-foreground": "oklch(0.98 0.02 320)",
2825
+ "--sidebar-accent": "oklch(0.97 0 0)",
2826
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2827
+ "--sidebar-border": "oklch(0.922 0 0)",
2828
+ "--sidebar-ring": "oklch(0.708 0 0)"
2829
+ },
2830
+ dark: {
2831
+ "--background": "oklch(0.145 0 0)",
2832
+ "--foreground": "oklch(0.985 0 0)",
2833
+ "--card": "oklch(0.205 0 0)",
2834
+ "--card-foreground": "oklch(0.985 0 0)",
2835
+ "--popover": "oklch(0.205 0 0)",
2836
+ "--popover-foreground": "oklch(0.985 0 0)",
2837
+ "--primary": "oklch(0.67 0.26 322)",
2838
+ "--primary-foreground": "oklch(0.98 0.02 320)",
2839
+ "--secondary": "oklch(0.274 0.006 286.033)",
2840
+ "--secondary-foreground": "oklch(0.985 0 0)",
2841
+ "--muted": "oklch(0.269 0 0)",
2842
+ "--muted-foreground": "oklch(0.708 0 0)",
2843
+ "--accent": "oklch(0.371 0 0)",
2844
+ "--accent-foreground": "oklch(0.985 0 0)",
2845
+ "--destructive": "oklch(0.704 0.191 22.216)",
2846
+ "--border": "oklch(1 0 0 / 10%)",
2847
+ "--input": "oklch(1 0 0 / 15%)",
2848
+ "--ring": "oklch(0.556 0 0)",
2849
+ "--chart-1": "oklch(0.83 0.13 321)",
2850
+ "--chart-2": "oklch(0.75 0.21 322)",
2851
+ "--chart-3": "oklch(0.67 0.26 322)",
2852
+ "--chart-4": "oklch(0.59 0.26 323)",
2853
+ "--chart-5": "oklch(0.52 0.23 324)",
2854
+ "--sidebar": "oklch(0.205 0 0)",
2855
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2856
+ "--sidebar-primary": "oklch(0.75 0.21 322)",
2857
+ "--sidebar-primary-foreground": "oklch(0.98 0.02 320)",
2858
+ "--sidebar-accent": "oklch(0.269 0 0)",
2859
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2860
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2861
+ "--sidebar-ring": "oklch(0.556 0 0)"
2862
+ }
2863
+ },
2864
+ cyan: {
2865
+ light: {
2866
+ "--background": "oklch(1 0 0)",
2867
+ "--foreground": "oklch(0.145 0 0)",
2868
+ "--card": "oklch(1 0 0)",
2869
+ "--card-foreground": "oklch(0.145 0 0)",
2870
+ "--popover": "oklch(1 0 0)",
2871
+ "--popover-foreground": "oklch(0.145 0 0)",
2872
+ "--primary": "oklch(0.61 0.11 222)",
2873
+ "--primary-foreground": "oklch(0.98 0.02 201)",
2874
+ "--secondary": "oklch(0.967 0.001 286.375)",
2875
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2876
+ "--muted": "oklch(0.97 0 0)",
2877
+ "--muted-foreground": "oklch(0.556 0 0)",
2878
+ "--accent": "oklch(0.97 0 0)",
2879
+ "--accent-foreground": "oklch(0.205 0 0)",
2880
+ "--destructive": "oklch(0.58 0.22 27)",
2881
+ "--border": "oklch(0.922 0 0)",
2882
+ "--input": "oklch(0.922 0 0)",
2883
+ "--ring": "oklch(0.708 0 0)",
2884
+ "--chart-1": "oklch(0.87 0.12 207)",
2885
+ "--chart-2": "oklch(0.80 0.13 212)",
2886
+ "--chart-3": "oklch(0.71 0.13 215)",
2887
+ "--chart-4": "oklch(0.61 0.11 222)",
2888
+ "--chart-5": "oklch(0.52 0.09 223)",
2889
+ "--radius": "0.625rem",
2890
+ "--sidebar": "oklch(0.985 0 0)",
2891
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2892
+ "--sidebar-primary": "oklch(0.61 0.11 222)",
2893
+ "--sidebar-primary-foreground": "oklch(0.98 0.02 201)",
2894
+ "--sidebar-accent": "oklch(0.97 0 0)",
2895
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2896
+ "--sidebar-border": "oklch(0.922 0 0)",
2897
+ "--sidebar-ring": "oklch(0.708 0 0)"
2898
+ },
2899
+ dark: {
2900
+ "--background": "oklch(0.145 0 0)",
2901
+ "--foreground": "oklch(0.985 0 0)",
2902
+ "--card": "oklch(0.205 0 0)",
2903
+ "--card-foreground": "oklch(0.985 0 0)",
2904
+ "--popover": "oklch(0.205 0 0)",
2905
+ "--popover-foreground": "oklch(0.985 0 0)",
2906
+ "--primary": "oklch(0.71 0.13 215)",
2907
+ "--primary-foreground": "oklch(0.30 0.05 230)",
2908
+ "--secondary": "oklch(0.274 0.006 286.033)",
2909
+ "--secondary-foreground": "oklch(0.985 0 0)",
2910
+ "--muted": "oklch(0.269 0 0)",
2911
+ "--muted-foreground": "oklch(0.708 0 0)",
2912
+ "--accent": "oklch(0.371 0 0)",
2913
+ "--accent-foreground": "oklch(0.985 0 0)",
2914
+ "--destructive": "oklch(0.704 0.191 22.216)",
2915
+ "--border": "oklch(1 0 0 / 10%)",
2916
+ "--input": "oklch(1 0 0 / 15%)",
2917
+ "--ring": "oklch(0.556 0 0)",
2918
+ "--chart-1": "oklch(0.87 0.12 207)",
2919
+ "--chart-2": "oklch(0.80 0.13 212)",
2920
+ "--chart-3": "oklch(0.71 0.13 215)",
2921
+ "--chart-4": "oklch(0.61 0.11 222)",
2922
+ "--chart-5": "oklch(0.52 0.09 223)",
2923
+ "--sidebar": "oklch(0.205 0 0)",
2924
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2925
+ "--sidebar-primary": "oklch(0.80 0.13 212)",
2926
+ "--sidebar-primary-foreground": "oklch(0.30 0.05 230)",
2927
+ "--sidebar-accent": "oklch(0.269 0 0)",
2928
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2929
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2930
+ "--sidebar-ring": "oklch(0.556 0 0)"
2931
+ }
2932
+ },
2933
+ indigo: {
2934
+ light: {
2935
+ "--background": "oklch(1 0 0)",
2936
+ "--foreground": "oklch(0.145 0 0)",
2937
+ "--card": "oklch(1 0 0)",
2938
+ "--card-foreground": "oklch(0.145 0 0)",
2939
+ "--popover": "oklch(1 0 0)",
2940
+ "--popover-foreground": "oklch(0.145 0 0)",
2941
+ "--primary": "oklch(0.51 0.23 277)",
2942
+ "--primary-foreground": "oklch(0.96 0.02 272)",
2943
+ "--secondary": "oklch(0.967 0.001 286.375)",
2944
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
2945
+ "--muted": "oklch(0.97 0 0)",
2946
+ "--muted-foreground": "oklch(0.556 0 0)",
2947
+ "--accent": "oklch(0.97 0 0)",
2948
+ "--accent-foreground": "oklch(0.205 0 0)",
2949
+ "--destructive": "oklch(0.58 0.22 27)",
2950
+ "--border": "oklch(0.922 0 0)",
2951
+ "--input": "oklch(0.922 0 0)",
2952
+ "--ring": "oklch(0.708 0 0)",
2953
+ "--chart-1": "oklch(0.79 0.10 275)",
2954
+ "--chart-2": "oklch(0.68 0.16 277)",
2955
+ "--chart-3": "oklch(0.59 0.20 277)",
2956
+ "--chart-4": "oklch(0.51 0.23 277)",
2957
+ "--chart-5": "oklch(0.46 0.21 277)",
2958
+ "--radius": "0.625rem",
2959
+ "--sidebar": "oklch(0.985 0 0)",
2960
+ "--sidebar-foreground": "oklch(0.145 0 0)",
2961
+ "--sidebar-primary": "oklch(0.51 0.23 277)",
2962
+ "--sidebar-primary-foreground": "oklch(0.96 0.02 272)",
2963
+ "--sidebar-accent": "oklch(0.97 0 0)",
2964
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
2965
+ "--sidebar-border": "oklch(0.922 0 0)",
2966
+ "--sidebar-ring": "oklch(0.708 0 0)"
2967
+ },
2968
+ dark: {
2969
+ "--background": "oklch(0.145 0 0)",
2970
+ "--foreground": "oklch(0.985 0 0)",
2971
+ "--card": "oklch(0.205 0 0)",
2972
+ "--card-foreground": "oklch(0.985 0 0)",
2973
+ "--popover": "oklch(0.205 0 0)",
2974
+ "--popover-foreground": "oklch(0.985 0 0)",
2975
+ "--primary": "oklch(0.59 0.20 277)",
2976
+ "--primary-foreground": "oklch(0.96 0.02 272)",
2977
+ "--secondary": "oklch(0.274 0.006 286.033)",
2978
+ "--secondary-foreground": "oklch(0.985 0 0)",
2979
+ "--muted": "oklch(0.269 0 0)",
2980
+ "--muted-foreground": "oklch(0.708 0 0)",
2981
+ "--accent": "oklch(0.371 0 0)",
2982
+ "--accent-foreground": "oklch(0.985 0 0)",
2983
+ "--destructive": "oklch(0.704 0.191 22.216)",
2984
+ "--border": "oklch(1 0 0 / 10%)",
2985
+ "--input": "oklch(1 0 0 / 15%)",
2986
+ "--ring": "oklch(0.556 0 0)",
2987
+ "--chart-1": "oklch(0.79 0.10 275)",
2988
+ "--chart-2": "oklch(0.68 0.16 277)",
2989
+ "--chart-3": "oklch(0.59 0.20 277)",
2990
+ "--chart-4": "oklch(0.51 0.23 277)",
2991
+ "--chart-5": "oklch(0.46 0.21 277)",
2992
+ "--sidebar": "oklch(0.205 0 0)",
2993
+ "--sidebar-foreground": "oklch(0.985 0 0)",
2994
+ "--sidebar-primary": "oklch(0.68 0.16 277)",
2995
+ "--sidebar-primary-foreground": "oklch(0.96 0.02 272)",
2996
+ "--sidebar-accent": "oklch(0.269 0 0)",
2997
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
2998
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
2999
+ "--sidebar-ring": "oklch(0.556 0 0)"
3000
+ }
3001
+ },
3002
+ lime: {
3003
+ light: {
3004
+ "--background": "oklch(1 0 0)",
3005
+ "--foreground": "oklch(0.145 0 0)",
3006
+ "--card": "oklch(1 0 0)",
3007
+ "--card-foreground": "oklch(0.145 0 0)",
3008
+ "--popover": "oklch(1 0 0)",
3009
+ "--popover-foreground": "oklch(0.145 0 0)",
3010
+ "--primary": "oklch(0.65 0.18 132)",
3011
+ "--primary-foreground": "oklch(0.99 0.03 121)",
3012
+ "--secondary": "oklch(0.967 0.001 286.375)",
3013
+ "--secondary-foreground": "oklch(0.21 0.006 285.885)",
3014
+ "--muted": "oklch(0.97 0 0)",
3015
+ "--muted-foreground": "oklch(0.556 0 0)",
3016
+ "--accent": "oklch(0.97 0 0)",
3017
+ "--accent-foreground": "oklch(0.205 0 0)",
3018
+ "--destructive": "oklch(0.58 0.22 27)",
3019
+ "--border": "oklch(0.922 0 0)",
3020
+ "--input": "oklch(0.922 0 0)",
3021
+ "--ring": "oklch(0.708 0 0)",
3022
+ "--chart-1": "oklch(0.90 0.18 127)",
3023
+ "--chart-2": "oklch(0.85 0.21 129)",
3024
+ "--chart-3": "oklch(0.77 0.20 131)",
3025
+ "--chart-4": "oklch(0.65 0.18 132)",
3026
+ "--chart-5": "oklch(0.53 0.14 132)",
3027
+ "--radius": "0.625rem",
3028
+ "--sidebar": "oklch(0.985 0 0)",
3029
+ "--sidebar-foreground": "oklch(0.145 0 0)",
3030
+ "--sidebar-primary": "oklch(0.65 0.18 132)",
3031
+ "--sidebar-primary-foreground": "oklch(0.99 0.03 121)",
3032
+ "--sidebar-accent": "oklch(0.97 0 0)",
3033
+ "--sidebar-accent-foreground": "oklch(0.205 0 0)",
3034
+ "--sidebar-border": "oklch(0.922 0 0)",
3035
+ "--sidebar-ring": "oklch(0.708 0 0)"
3036
+ },
3037
+ dark: {
3038
+ "--background": "oklch(0.145 0 0)",
3039
+ "--foreground": "oklch(0.985 0 0)",
3040
+ "--card": "oklch(0.205 0 0)",
3041
+ "--card-foreground": "oklch(0.985 0 0)",
3042
+ "--popover": "oklch(0.205 0 0)",
3043
+ "--popover-foreground": "oklch(0.985 0 0)",
3044
+ "--primary": "oklch(0.77 0.20 131)",
3045
+ "--primary-foreground": "oklch(0.27 0.07 132)",
3046
+ "--secondary": "oklch(0.274 0.006 286.033)",
3047
+ "--secondary-foreground": "oklch(0.985 0 0)",
3048
+ "--muted": "oklch(0.269 0 0)",
3049
+ "--muted-foreground": "oklch(0.708 0 0)",
3050
+ "--accent": "oklch(0.371 0 0)",
3051
+ "--accent-foreground": "oklch(0.985 0 0)",
3052
+ "--destructive": "oklch(0.704 0.191 22.216)",
3053
+ "--border": "oklch(1 0 0 / 10%)",
3054
+ "--input": "oklch(1 0 0 / 15%)",
3055
+ "--ring": "oklch(0.556 0 0)",
3056
+ "--chart-1": "oklch(0.90 0.18 127)",
3057
+ "--chart-2": "oklch(0.85 0.21 129)",
3058
+ "--chart-3": "oklch(0.77 0.20 131)",
3059
+ "--chart-4": "oklch(0.65 0.18 132)",
3060
+ "--chart-5": "oklch(0.53 0.14 132)",
3061
+ "--sidebar": "oklch(0.205 0 0)",
3062
+ "--sidebar-foreground": "oklch(0.985 0 0)",
3063
+ "--sidebar-primary": "oklch(0.85 0.21 129)",
3064
+ "--sidebar-primary-foreground": "oklch(0.27 0.07 132)",
3065
+ "--sidebar-accent": "oklch(0.269 0 0)",
3066
+ "--sidebar-accent-foreground": "oklch(0.985 0 0)",
3067
+ "--sidebar-border": "oklch(1 0 0 / 10%)",
3068
+ "--sidebar-ring": "oklch(0.556 0 0)"
3069
+ }
3070
+ },
3071
+ darkBlue: {
3072
+ DARK: {
3073
+ "--background": "223 84% 5%",
3074
+ "--background-secondary": "221 39% 11%",
3075
+ "--foreground": "210 40% 98%",
3076
+ "--card": "222.2 84% 4.9%",
3077
+ "--card-foreground": "210 40% 98%",
3078
+ "--popover": "222.2 84% 4.9%",
3079
+ "--popover-foreground": "210 40% 98%",
3080
+ "--primary": "217.2 91.2% 59.8%",
3081
+ "--primary-foreground": "222.2 47.4% 11.2%",
3082
+ "--secondary": "217.2 32.6% 17.5%",
3083
+ "--secondary-foreground": "210 40% 98%",
3084
+ "--muted": "217.2 32.6% 17.5%",
3085
+ "--muted-foreground": "215 20.2% 65.1%",
3086
+ "--accent": "217.2 32.6% 17.5%",
3087
+ "--accent-foreground": "210 40% 98%",
3088
+ "--destructive": "0 62.8% 30.6%",
3089
+ "--destructive-foreground": "210 40% 98%",
3090
+ "--border": "0 0% 17%",
3091
+ "--input": "217 33% 17%",
3092
+ "--ring": "224.3 76.3% 48%",
3093
+ "--chart-1": "220 70% 50%",
3094
+ "--chart-2": "160 60% 45%",
3095
+ "--chart-3": "30 80% 55%",
3096
+ "--chart-4": "280 65% 60%",
3097
+ "--chart-5": "340 75% 55%",
3098
+ "--radius": "0.65rem",
3099
+ "--sidebar": "221 39% 11%",
3100
+ "--sidebar-foreground": "220 20% 95%",
3101
+ "--sidebar-muted-foreground": "220 20% 95%",
3102
+ "--sidebar-primary": "217 91% 60%",
3103
+ "--sidebar-primary-foreground": "220 20% 98%",
3104
+ "--sidebar-accent": "220 30% 20%",
3105
+ "--sidebar-accent-foreground": "220 20% 95%",
3106
+ "--sidebar-border": "220 20% 25%",
3107
+ "--sidebar-ring": "217 91% 60%",
3108
+ "--special": "227 21% 8%",
3109
+ "--special-muted-background": "240 10% 4%",
3110
+ "--special-border": "240 4% 16%",
3111
+ "--special-foreground": "240 5% 84%",
3112
+ "--special-muted-foreground": "240 4% 46%",
3113
+ }
3114
+ }
3115
+ }
3116
+ function convertV4ToV3Theme(v4Theme: any) {
3117
+ const convert = (vars: any) => {
3118
+ const converted: any = {};
3119
+
3120
+ for (const [key, value] of Object.entries(vars)) {
3121
+ if (typeof value !== 'string') continue;
3122
+
3123
+ // Remove the -- prefix if it exists
3124
+ const cleanKey = key.startsWith('--') ? key.slice(2) : key;
3125
+
3126
+ // Convert oklch/hsl values to plain HSL format
3127
+ let hslValue = value as string;
3128
+
3129
+ // If it's already in oklch format, convert to HSL
3130
+ if (hslValue.startsWith('oklch(')) {
3131
+ // Extract oklch values: oklch(L C H)
3132
+ const match = hslValue.match(/oklch\(([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+%?))?\)/);
3133
+ if (match) {
3134
+ const [, l, c, h, alpha] = match;
3135
+ // Simplified conversion (approximate)
3136
+ const lightness = (parseFloat(l) * 100).toFixed(1);
3137
+ const saturation = (parseFloat(c) * 100).toFixed(1);
3138
+ const hue = parseFloat(h).toFixed(1);
3139
+
3140
+ if (alpha) {
3141
+ hslValue = `${hue} ${saturation}% ${lightness}% / ${alpha}`;
3142
+ } else {
3143
+ hslValue = `${hue} ${saturation}% ${lightness}%`;
3144
+ }
3145
+ }
3146
+ }
3147
+ // If it's already hsl(), just extract the values
3148
+ else if (hslValue.startsWith('hsl(')) {
3149
+ const match = hslValue.match(/hsl\((.*?)\)/);
3150
+ if (match) {
3151
+ hslValue = match[1];
3152
+ }
3153
+ }
3154
+
3155
+ converted[cleanKey] = hslValue;
3156
+ }
3157
+
3158
+ return converted;
3159
+ };
3160
+
3161
+ return {
3162
+ light: convert(v4Theme.light || v4Theme.LIGHT || {}),
3163
+ dark: convert(v4Theme.dark || v4Theme.DARK || {}),
3164
+ };
3165
+ }
3166
+ function getPresetThemeStyles(name: string) {
3167
+ if (name === 'css') { return null; }
3168
+
3169
+ const preset = themePresets[name];
3170
+
3171
+ if (!preset) {
3172
+ console.warn(`Theme "${name}" not found, using default`);
3173
+ return null;
3174
+ }
3175
+
3176
+ // Check if using v4 format (has -- prefix or LIGHT/DARK keys)
3177
+ const usesV4Format = preset.LIGHT || preset.DARK ||
3178
+ (preset.light && Object.keys(preset.light)[0]?.startsWith('--'));
3179
+
3180
+ if (usesV4Format) {
3181
+ return convertV4ToV3Theme(preset);
3182
+ }
3183
+
3184
+ return {
3185
+ light: preset.light || {},
3186
+ dark: preset.dark || {},
3187
+ };
3188
+ }
3189
+ // #endregion =================================
3190
+ // SCALING UTILITIES
3191
+ // #region ====================================
3192
+ const scaleSpacing = (spacing, scale) => {
3193
+ return Object.entries(spacing).reduce((acc, [key, value]) => {
3194
+ if (typeof value === 'string' && value.endsWith('rem')) {
3195
+ const numValue = parseFloat(value)
3196
+ acc[key] = `${numValue * scale}rem`
3197
+ } else if (typeof value === 'string' && value.endsWith('px')) {
3198
+ const numValue = parseFloat(value)
3199
+ acc[key] = `${numValue * scale}px`
3200
+ } else {
3201
+ acc[key] = value
3202
+ }
3203
+ return acc
3204
+ }, {})
3205
+ }
3206
+
3207
+ // #endregion =================================
3208
+ // APPLY SELECTED PRESET
3209
+ // #region ====================================
3210
+ const selectedPreset = presets[PRESET]
3211
+
3212
+
3213
+ function getFontUrl(fontName: string): string {
3214
+ const fontUrls = {
3215
+ 'Inter': 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap',
3216
+ 'Roboto': 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap',
3217
+ 'Open Sans': 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap',
3218
+ 'Poppins': 'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap',
3219
+ 'Montserrat': 'https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap',
3220
+ 'Outfit': 'https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap',
3221
+ 'Plus Jakarta Sans': 'https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap',
3222
+ 'DM Sans': 'https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap',
3223
+ 'IBM Plex Sans': 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap',
3224
+ 'Nunito': 'https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap',
3225
+ 'Lato': 'https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap',
3226
+ 'Geist': 'https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap',
3227
+ 'Barlow': 'https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap',
3228
+ 'Source Code Pro': 'https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap',
3229
+ 'Gabriela': 'https://fonts.googleapis.com/css2?family=Gabriela&display=swap',
3230
+ 'Delius Swash Caps': 'https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&display=swap',
3231
+ 'Merriweather': 'https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap',
3232
+ 'Playfair Display': 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap',
3233
+ 'Lora': 'https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap',
3234
+ 'Source Serif 4': 'https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@300;400;500;600;700&display=swap',
3235
+ 'Libre Baskerville': 'https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap',
3236
+ 'Space Grotesk': 'https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap',
3237
+ 'PT Serif': 'https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap',
3238
+ 'JetBrains Mono': 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap',
3239
+ 'Fira Code': 'https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap',
3240
+ 'Geist Mono': 'https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&display=swap',
3241
+ 'IBM Plex Mono': 'https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap',
3242
+ 'Roboto Mono': 'https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap',
3243
+ 'Space Mono': 'https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap',
3244
+
3245
+ // --- SANS-SERIF (Modern & Humanist) ---
3246
+ 'Work Sans': 'https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap',
3247
+ 'Public Sans': 'https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap',
3248
+ 'Manrope': 'https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap',
3249
+ 'Urbanist': 'https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800&display=swap',
3250
+ 'Sora': 'https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap',
3251
+ 'Kanit': 'https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap',
3252
+ 'Figtree': 'https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;900&display=swap',
3253
+ 'Archivo': 'https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800&display=swap',
3254
+ 'Bricolage Grotesque': 'https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;400;700;800&display=swap',
3255
+
3256
+ // --- SERIF (Luxury & Editorial) ---
3257
+ 'Fraunces': 'https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;400;600;700&display=swap',
3258
+ 'Cormorant Garamond': 'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap',
3259
+ 'Crimson Pro': 'https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200;400;600;700&display=swap',
3260
+ 'EB Garamond': 'https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700;800&display=swap',
3261
+ 'Newsreader': 'https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,300;400;500;600;700&display=swap',
3262
+ 'DM Serif Display': 'https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap',
3263
+ 'Prata': 'https://fonts.googleapis.com/css2?family=Prata&display=swap',
3264
+ 'Bodoni Moda': 'https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;500;600;700&display=swap',
3265
+ 'Young Serif': 'https://fonts.googleapis.com/css2?family=Young+Serif&display=swap',
3266
+
3267
+ // --- MONOSPACE (Technical & Brutalist) ---
3268
+ 'Inconsolata': 'https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;500;600;700&display=swap',
3269
+ 'Ubuntu Mono': 'https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap',
3270
+ 'Major Mono Display': 'https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap',
3271
+ 'Red Hat Mono': 'https://fonts.googleapis.com/css2?family=Red+Hat+Mono:wght@300;400;500;600;700&display=swap',
3272
+ 'Nanum Gothic Coding': 'https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap',
3273
+ 'Cutive Mono': 'https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap',
3274
+
3275
+ // --- DISPLAY & PLAYFUL ---
3276
+ 'Clash Display': 'https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700&display=swap', // (Commonly used with Google sets)
3277
+ 'Syne': 'https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap',
3278
+ 'Unbounded': 'https://fonts.googleapis.com/css2?family=Unbounded:wght@300;400;700;900&display=swap',
3279
+ 'Cabinet Grotesk': 'https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@100,200,300,400,500,700,800,900&display=swap',
3280
+ 'Righteous': 'https://fonts.googleapis.com/css2?family=Righteous&display=swap',
3281
+ 'Lexend': 'https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap',
3282
+ };
3283
+
3284
+ return fontUrls[fontName] || '';
3285
+ }
3286
+
3287
+ const getFontFamily = () => {
3288
+ if (FONT_OVERRIDE && fonts[FONT_OVERRIDE]) {
3289
+ return {
3290
+ sans: fonts[FONT_OVERRIDE],
3291
+ serif: fonts[FONT_OVERRIDE],
3292
+ mono: fonts[FONT_OVERRIDE],
3293
+ }
3294
+ }
3295
+ return selectedPreset.fontFamily || {}
3296
+ }
3297
+
3298
+
3299
+
3300
+ export default {
3301
+ darkMode: ["class"],
3302
+ content: ["./app/**/*.{js,jsx,ts,tsx}"],
3303
+ theme: {
3304
+ spacing: scaleSpacing(defaultTheme.spacing, selectedPreset.scale),
3305
+ extend: {
3306
+ borderRadius: selectedPreset.borderRadius,
3307
+ fontFamily: getFontFamily(),
3308
+ fontSize: selectedPreset.fontSize,
3309
+ fontWeight: {
3310
+ thin: '100',
3311
+ light: '300',
3312
+ normal: '400',
3313
+ medium: '500',
3314
+ semibold: '600',
3315
+ bold: '700',
3316
+ black: '900',
3317
+ },
3318
+ fontVariationSettings: {
3319
+ 'tight': "'opsz' 12",
3320
+ 'wide': "'opsz' 72",
3321
+ },
3322
+ colors: {
3323
+ border: 'hsl(var(--border))',
3324
+ input: 'hsl(var(--input))',
3325
+ ring: 'hsl(var(--ring))',
3326
+ background: {
3327
+ DEFAULT: 'hsl(var(--background))',
3328
+ secondary: 'hsl(var(--background-secondary))'
3329
+ },
3330
+ foreground: 'hsl(var(--foreground))',
3331
+ primary: {
3332
+ DEFAULT: 'hsl(var(--primary))',
3333
+ foreground: 'hsl(var(--primary-foreground))'
3334
+ },
3335
+ secondary: {
3336
+ DEFAULT: 'hsl(var(--secondary))',
3337
+ foreground: 'hsl(var(--secondary-foreground))'
3338
+ },
3339
+ destructive: {
3340
+ DEFAULT: 'hsl(var(--destructive))',
3341
+ foreground: 'hsl(var(--destructive-foreground))'
3342
+ },
3343
+ muted: {
3344
+ DEFAULT: 'hsl(var(--muted))',
3345
+ foreground: 'hsl(var(--muted-foreground))'
3346
+ },
3347
+ accent: {
3348
+ DEFAULT: 'hsl(var(--accent))',
3349
+ foreground: 'hsl(var(--accent-foreground))'
3350
+ },
3351
+ popover: {
3352
+ DEFAULT: 'hsl(var(--popover))',
3353
+ foreground: 'hsl(var(--popover-foreground))'
3354
+ },
3355
+ card: {
3356
+ DEFAULT: 'hsl(var(--card))',
3357
+ foreground: 'hsl(var(--card-foreground))'
3358
+ },
3359
+ sidebar: {
3360
+ DEFAULT: 'hsl(var(--sidebar))',
3361
+ foreground: 'hsl(var(--sidebar-foreground))',
3362
+ muted: {
3363
+ DEFAULT: 'hsl(var(--sidebar-muted))',
3364
+ foreground: 'hsl(var(--sidebar-muted-foreground))'
3365
+ },
3366
+ primary: 'hsl(var(--sidebar-primary))',
3367
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
3368
+ accent: 'hsl(var(--sidebar-accent))',
3369
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
3370
+ border: 'hsl(var(--sidebar-border))',
3371
+ ring: 'hsl(var(--sidebar-ring))'
3372
+ },
3373
+ chart: {
3374
+ '1': 'hsl(var(--chart-1))',
3375
+ '2': 'hsl(var(--chart-2))',
3376
+ '3': 'hsl(var(--chart-3))',
3377
+ '4': 'hsl(var(--chart-4))',
3378
+ '5': 'hsl(var(--chart-5))'
3379
+ },
3380
+ special: {
3381
+ DEFAULT: 'hsl(var(--special))',
3382
+ 'muted-background': 'hsl(var(--special-muted-background))',
3383
+ border: 'hsl(var(--special-border))',
3384
+ foreground: 'hsl(var(--special-foreground))',
3385
+ 'muted-foreground': 'hsl(var(--special-muted-foreground))'
3386
+ }
3387
+ },
3388
+ backgroundColor: {
3389
+ background: 'hsl(var(--background))'
3390
+ },
3391
+ keyframes: {
3392
+ 'accordion-down': {
3393
+ from: {
3394
+ height: '0'
3395
+ },
3396
+ to: {
3397
+ height: 'var(--radix-accordion-content-height)'
3398
+ }
3399
+ },
3400
+ 'accordion-up': {
3401
+ from: {
3402
+ height: 'var(--radix-accordion-content-height)'
3403
+ },
3404
+ to: {
3405
+ height: '0'
3406
+ }
3407
+ },
3408
+ 'caret-blink': {
3409
+ '0%,70%,100%': {
3410
+ opacity: '1'
3411
+ },
3412
+ '20%,50%': {
3413
+ opacity: '0'
3414
+ }
3415
+ },
3416
+ float: {
3417
+ '0%, 100%': {
3418
+ transform: 'translateY(0px) scale(1)'
3419
+ },
3420
+ '50%': {
3421
+ transform: 'translateY(-20px) scale(1.05)'
3422
+ }
3423
+ },
3424
+ 'pulse-glow': {
3425
+ '0%, 100%': {
3426
+ opacity: '0.3',
3427
+ transform: 'scale(1)'
3428
+ },
3429
+ '50%': {
3430
+ opacity: '0.6',
3431
+ transform: 'scale(1.1)'
3432
+ }
3433
+ },
3434
+ shimmer: {
3435
+ '0%': {
3436
+ backgroundPosition: '-200% 0'
3437
+ },
3438
+ '100%': {
3439
+ backgroundPosition: '200% 0'
3440
+ }
3441
+ },
3442
+ 'spin-slow': {
3443
+ '0%': {
3444
+ transform: 'rotate(0deg)'
3445
+ },
3446
+ '100%': {
3447
+ transform: 'rotate(360deg)'
3448
+ }
3449
+ },
3450
+ 'spin-slower': {
3451
+ '0%': {
3452
+ transform: 'rotate(0deg)'
3453
+ },
3454
+ '100%': {
3455
+ transform: 'rotate(-360deg)'
3456
+ }
3457
+ },
3458
+ 'matrix-fade': {
3459
+ '0%, 100%': {
3460
+ opacity: '0'
3461
+ },
3462
+ '50%': {
3463
+ opacity: '1'
3464
+ }
3465
+ },
3466
+ click: {
3467
+ '0%, 100%': {
3468
+ transform: 'scale(1)'
3469
+ },
3470
+ '50%': {
3471
+ transform: 'scale(0.95)'
3472
+ }
3473
+ },
3474
+ move: {
3475
+ '0%': {
3476
+ transform: 'translateX(-200px)'
3477
+ },
3478
+ '100%': {
3479
+ transform: 'translateX(200px)'
3480
+ }
3481
+ },
3482
+ shine: {
3483
+ '0%': {
3484
+ backgroundPosition: '200% 0'
3485
+ },
3486
+ '25%': {
3487
+ backgroundPosition: '-200% 0'
3488
+ },
3489
+ '100%': {
3490
+ backgroundPosition: '-200% 0'
3491
+ }
3492
+ },
3493
+ gradientFlow: {
3494
+ '0%': {
3495
+ backgroundPosition: '0% 50%'
3496
+ },
3497
+ '50%': {
3498
+ backgroundPosition: '100% 50%'
3499
+ },
3500
+ '100%': {
3501
+ backgroundPosition: '0% 50%'
3502
+ }
3503
+ },
3504
+ "border-beam": {
3505
+ "100%": {
3506
+ "offset-distance": "100%",
3507
+ },
3508
+ },
3509
+ },
3510
+ transitionTimingFunction: {
3511
+ 'smooth': 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
3512
+ 'bounce': 'cubic-bezier(0.34, 1.56, 0.64, 1)',
3513
+ 'spring': 'cubic-bezier(0.16, 1, 0.3, 1)',
3514
+ 'overshoot': 'cubic-bezier(0.5, 0.85, 0.25, 1.1)',
3515
+ 'overshoot-lg': 'cubic-bezier(0.5, 0.85, 0.25, 1.8)',
3516
+ 'spring-bounce': 'cubic-bezier(0.16, 1, 0.3, 1.03)',
3517
+ 'custom': 'var(--easing)',
3518
+ },
3519
+ animation: {
3520
+ 'accordion-down': 'accordion-down 0.2s ease-out',
3521
+ 'accordion-up': 'accordion-up 0.2s ease-out',
3522
+ 'caret-blink': 'caret-blink 1.25s ease-out infinite',
3523
+ float: 'float 6s ease-in-out infinite',
3524
+ 'pulse-glow': 'pulse-glow 4s ease-in-out infinite',
3525
+ shimmer: 'shimmer 2s infinite',
3526
+ 'spin-slow': 'spin-slow 3s linear infinite',
3527
+ 'spin-slower': 'spin-slower 6s linear infinite',
3528
+ matrix: 'matrix-fade 0.5s ease-in-out infinite',
3529
+ click: 'click 0.3s ease-in-out',
3530
+ shine: 'shine 3s ease-out infinite',
3531
+ 'gradient-flow': 'gradientFlow 10s ease 0s infinite normal none running',
3532
+ move: 'move 5s linear infinite',
3533
+ "border-beam": "border-beam calc(var(--duration)*1s) infinite linear",
3534
+ },
3535
+ typography: {
3536
+ DEFAULT: {
3537
+ css: {
3538
+ h1: {
3539
+ fontSize: '1.875rem',
3540
+ fontWeight: '700',
3541
+ lineHeight: '1.25',
3542
+ letterSpacing: '-0.025em',
3543
+ textAlign: 'center',
3544
+ '@media (min-width: 1024px)': {
3545
+ lineHeight: '1.1'
3546
+ }
3547
+ },
3548
+ h2: {
3549
+ marginTop: '0.75rem',
3550
+ color: 'hsl(var(--muted-foreground))',
3551
+ fontWeight: '300',
3552
+ textAlign: 'center'
3553
+ },
3554
+ h3: {
3555
+ fontWeight: '600',
3556
+ marginBottom: '1rem',
3557
+ marginTop: '1rem'
3558
+ },
3559
+ h4: {
3560
+ fontSize: '1.25rem',
3561
+ fontWeight: '600',
3562
+ marginBottom: '0.75rem',
3563
+ marginTop: '0.75rem'
3564
+ },
3565
+ h5: {
3566
+ fontSize: '1.125rem',
3567
+ fontWeight: '500',
3568
+ marginBottom: '0.5rem',
3569
+ marginTop: '0.5rem'
3570
+ },
3571
+ p: {
3572
+ textWrap: 'balance',
3573
+ fontWeight: '300',
3574
+ color: 'hsl(var(--foreground))',
3575
+ fontSize: '0.875rem'
3576
+ }
3577
+ }
3578
+ }
3579
+ }
3580
+ }
3581
+ },
3582
+ plugins: [
3583
+ function ({ addBase }) {
3584
+ const fontUrl = getFontUrl(SELECTED_FONT);
3585
+ addBase({
3586
+ [`@import url('${fontUrl}')`]: {},
3587
+ ".borderBeam": {
3588
+ "position": "absolute",
3589
+ "inset": "0",
3590
+ "pointer-events": "none",
3591
+ "border": "calc(var(--border-width, 1.5px)) solid transparent",
3592
+ "border-radius": "inherit",
3593
+ "-webkit-mask-clip": "padding-box, border-box !important",
3594
+ "mask-clip": "padding-box, border-box !important",
3595
+ "-webkit-mask-composite": "source-in, xor !important",
3596
+ "mask-composite": "intersect !important",
3597
+ "-webkit-mask": "linear-gradient(transparent, transparent), linear-gradient(white, white)",
3598
+ "mask": "linear-gradient(transparent, transparent), linear-gradient(white, white)",
3599
+ "will-change": "auto",
3600
+ },
3601
+ ".borderBeam::after": {
3602
+ "content": "",
3603
+ "position": "absolute",
3604
+ "aspect-ratio": "1/1",
3605
+ "width": "calc(var(--size, 200px))",
3606
+ "background": "linear-gradient(to left, var(--color-from, #ffaa40), var(--color-to, #9c40ff), transparent)",
3607
+ "offset-anchor": "calc(var(--anchor, 90)) 50%",
3608
+ "offset-path": "rect(0 auto auto 0 round calc(var(--size)))",
3609
+ "animation": "border-beam calc(var(--duration, 15s)) infinite linear",
3610
+ "animation-delay": "calc(var(--delay, 0s))",
3611
+ "will-change": "auto",
3612
+ },
3613
+ '@keyframes glimmer': {
3614
+ '0%': {
3615
+ opacity: '0.1',
3616
+ },
3617
+ '50%': {
3618
+ opacity: '0.6',
3619
+ },
3620
+ '100%': {
3621
+ opacity: '0.1',
3622
+ }
3623
+ },
3624
+ 'html, body': {
3625
+ margin: '0',
3626
+ padding: '0',
3627
+ boxSizing: 'border-box',
3628
+ },
3629
+ '*': {
3630
+ borderColor: 'hsl(var(--border))',
3631
+ },
3632
+ '.no-select': {
3633
+ '-webkit-user-select': 'none',
3634
+ '-moz-user-select': 'none',
3635
+ '-ms-user-select': 'none',
3636
+ 'user-select': 'none',
3637
+ },
3638
+ '.carousel-container': {
3639
+ 'user-select': 'none',
3640
+ },
3641
+ '.carousel-container:active': {
3642
+ 'user-select': 'none',
3643
+ },
3644
+ '.format-active': {
3645
+ 'background-color': 'hsl(var(--background))',
3646
+ 'color': 'hsl(var(--foreground))',
3647
+ },
3648
+ '.markdown-preview': {
3649
+ 'color': 'hsl(var(--foreground))',
3650
+ },
3651
+ '.markdown-preview h1': {
3652
+ 'color': 'hsl(var(--foreground))',
3653
+ },
3654
+ '.markdown-preview h2': {
3655
+ 'color': 'hsl(var(--foreground))',
3656
+ },
3657
+ '.markdown-preview h3': {
3658
+ 'color': 'hsl(var(--foreground))',
3659
+ },
3660
+ '.markdown-preview a': {
3661
+ 'color': 'hsl(var(--foreground))',
3662
+ 'text-decoration': 'underline',
3663
+ },
3664
+ '.markdown-preview code': {
3665
+ 'background-color': 'hsl(var(--muted))',
3666
+ 'color': 'hsl(var(--primary))',
3667
+ 'padding': '0.2rem 0.4rem',
3668
+ 'border-radius': '0.25rem',
3669
+ },
3670
+ '.markdown-preview pre': {
3671
+ 'background-color': 'hsl(var(--muted))',
3672
+ 'padding': '1rem',
3673
+ 'border-radius': '0.5rem',
3674
+ 'overflow-x': 'auto',
3675
+ },
3676
+ '.mermaid-react': {
3677
+ 'margin': '1rem 0',
3678
+ 'min-height': '200px',
3679
+ 'background': 'hsl(var(--background))',
3680
+ 'border-radius': '0.5rem',
3681
+ 'padding': '1rem',
3682
+ },
3683
+ '.katex': {
3684
+ 'font-size': '1.1em',
3685
+ 'padding': '0.5rem 0',
3686
+ },
3687
+ '.dark .mermaid-react': {
3688
+ 'background': 'hsl(var(--background))',
3689
+ },
3690
+ '.dimmed-line': {
3691
+ 'opacity': '0.5',
3692
+ 'transition': 'opacity 0.2s ease',
3693
+ },
3694
+ '.focused-line': {
3695
+ 'opacity': '1',
3696
+ },
3697
+ '[data-typewriter-mode]': {
3698
+ 'scroll-padding': '50vh',
3699
+ },
3700
+ '.ToolbarPlugin__dialogActions': {
3701
+ 'display': 'flex',
3702
+ 'flex-direction': 'row',
3703
+ 'justify-content': 'right',
3704
+ 'margin-top': '20px',
3705
+ },
3706
+ '.ToolbarPlugin__dialogButtonsList': {
3707
+ 'display': 'flex',
3708
+ 'flex-direction': 'column',
3709
+ 'justify-content': 'right',
3710
+ 'margin-top': '20px',
3711
+ },
3712
+ '.ToolbarPlugin__dialogButtonsList button': {
3713
+ 'margin-bottom': '20px',
3714
+ },
3715
+ 'html': {
3716
+ 'scroll-behavior': 'smooth',
3717
+ },
3718
+ '[data-observe-section]': {
3719
+ 'scroll-margin-top': '100px',
3720
+ },
3721
+ '.recharts-line path, .recharts-bar-rectangle': {
3722
+ 'stroke': 'hsl(var(--primary)) !important',
3723
+ 'fill': 'hsl(var(--primary)) !important',
3724
+ },
3725
+ '.recharts-tooltip, .recharts-legend-item': {
3726
+ 'color': 'var(--primary) !important',
3727
+ },
3728
+ '.focus-mode-active': {
3729
+ 'background': '#f5f5f5',
3730
+ 'padding': '20px',
3731
+ 'border-radius': '4px',
3732
+ 'box-shadow': '0 0 0 2px #007bff',
3733
+ },
3734
+ '.table-cell': {
3735
+ 'width': '100%',
3736
+ 'border': '1px solid var(--border)',
3737
+ },
3738
+ 'table.EditorTheme__table td, table.EditorTheme__table th': {
3739
+ 'border': '1px solid var(--border) !important',
3740
+ 'padding': '8px',
3741
+ 'min-width': '75px',
3742
+ },
3743
+ 'table.EditorTheme__table th': {
3744
+ 'background': 'var(--muted)',
3745
+ 'font-weight': 'bold',
3746
+ },
3747
+ '.move-mode-active': {
3748
+ 'transition': 'all 0.2s ease',
3749
+ },
3750
+ '.move-mode-active .item': {
3751
+ 'cursor': 'grabbing !important',
3752
+ },
3753
+ '.move-mode-active .item:hover': {
3754
+ 'background-color': 'rgba(59, 130, 246, 0.1)',
3755
+ },
3756
+ '.theme-overlay': {
3757
+ 'z-index': '2147483643 !important',
3758
+ 'position': 'fixed !important',
3759
+ 'top': '0 !important',
3760
+ 'left': '0 !important',
3761
+ 'width': '100vw !important',
3762
+ 'height': '100vh !important',
3763
+ 'background': 'rgba(0, 0, 0, 0.6) !important',
3764
+ },
3765
+ '.theme-container': {
3766
+ 'z-index': '2147483644 !important',
3767
+ },
3768
+ '.theme-buttons': {
3769
+ 'z-index': '2147483646 !important',
3770
+ },
3771
+ '.theme-flying-theme': {
3772
+ 'z-index': '2147483647 !important',
3773
+ },
3774
+ '.theme-main-button': {
3775
+ 'z-index': '2147483645 !important',
3776
+ },
3777
+ '::-webkit-scrollbar': {
3778
+ 'width': '10px',
3779
+ 'height': '10px',
3780
+ },
3781
+ '::-webkit-scrollbar-track': {
3782
+ 'background-color': 'hsl(var(--muted))',
3783
+ 'border-radius': '0.25rem',
3784
+ },
3785
+ '::-webkit-scrollbar-thumb': {
3786
+ 'background-color': 'hsl(var(--primary) / 0.3)',
3787
+ 'border-radius': '0.25rem',
3788
+ },
3789
+ '::-webkit-scrollbar-thumb:hover': {
3790
+ 'background-color': 'hsl(var(--primary))',
3791
+ },
3792
+ });
3793
+ if (SELECTED_THEME === 'css') { return; }
3794
+
3795
+ const themeStyles = getPresetThemeStyles(SELECTED_THEME);
3796
+ if (themeStyles) {
3797
+ // Convert theme values to CSS variables
3798
+ const lightVars = Object.entries(themeStyles.light).reduce((acc, [key, value]) => {
3799
+ acc[`--${key}`] = value;
3800
+ return acc;
3801
+ }, {} as Record<string, string>);
3802
+
3803
+ const darkVars = Object.entries(themeStyles.dark).reduce((acc, [key, value]) => {
3804
+ acc[`--${key}`] = value;
3805
+ return acc;
3806
+ }, {} as Record<string, string>);
3807
+
3808
+ addBase({
3809
+ ':root': lightVars,
3810
+ '.dark': darkVars,
3811
+ });
3812
+ }
3813
+ if (SELECTED_MODE === 'dark') {
3814
+ addBase({
3815
+ 'html': {
3816
+ '@apply dark': {},
3817
+ },
3818
+ });
3819
+ }
3820
+ },
3821
+
3822
+ // v3ToV4Plugin,
3823
+ require("tailwindcss-animate"),
3824
+ require("@tailwindcss/typography")
3825
+ ]
3826
+ } satisfies Config;
3827
+
3828
+
3829
+ // #endregion
3830
+