@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
@@ -1,3830 +1,270 @@
1
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
2
 
3300
3
  export default {
3301
4
  darkMode: ["class"],
3302
- content: ["./app/**/*.{js,jsx,ts,tsx}"],
5
+ content: ["./app/**/{**,.client,.server}/**/*.{js,jsx,ts,tsx}"],
3303
6
  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
- },
7
+ extend: {
8
+ fontFamily: {
9
+ sans: [
10
+ 'Inter',
11
+ 'ui-sans-serif',
12
+ 'system-ui',
13
+ 'sans-serif',
14
+ 'Apple Color Emoji',
15
+ 'Segoe UI Emoji',
16
+ 'Segoe UI Symbol',
17
+ 'Noto Color Emoji'
18
+ ]
19
+ },
20
+ borderRadius: {
21
+ lg: 'var(--radius)',
22
+ md: 'calc(var(--radius) - 2px)',
23
+ sm: 'calc(var(--radius) - 4px)'
24
+ },
25
+ colors: {
26
+ border: 'hsl(var(--border))',
27
+ input: 'hsl(var(--input))',
28
+ ring: 'hsl(var(--ring))',
29
+ background: {
30
+ DEFAULT: 'hsl(var(--background))',
31
+ secondary: 'hsl(var(--background-secondary))'
32
+ },
33
+ foreground: 'hsl(var(--foreground))',
34
+ primary: {
35
+ DEFAULT: 'hsl(var(--primary))',
36
+ foreground: 'hsl(var(--primary-foreground))'
37
+ },
38
+ secondary: {
39
+ DEFAULT: 'hsl(var(--secondary))',
40
+ foreground: 'hsl(var(--secondary-foreground))'
41
+ },
42
+ destructive: {
43
+ DEFAULT: 'hsl(var(--destructive))',
44
+ foreground: 'hsl(var(--destructive-foreground))'
45
+ },
46
+ muted: {
47
+ DEFAULT: 'hsl(var(--muted))',
48
+ foreground: 'hsl(var(--muted-foreground))'
49
+ },
50
+ accent: {
51
+ DEFAULT: 'hsl(var(--accent))',
52
+ foreground: 'hsl(var(--accent-foreground))'
53
+ },
54
+ popover: {
55
+ DEFAULT: 'hsl(var(--popover))',
56
+ foreground: 'hsl(var(--popover-foreground))'
57
+ },
58
+ card: {
59
+ DEFAULT: 'hsl(var(--card))',
60
+ foreground: 'hsl(var(--card-foreground))'
61
+ },
62
+ sidebar: {
63
+ DEFAULT: 'hsl(var(--sidebar))',
64
+ foreground: 'hsl(var(--sidebar-foreground))',
65
+ primary: 'hsl(var(--sidebar-primary))',
66
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
67
+ accent: 'hsl(var(--sidebar-accent))',
68
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
69
+ border: 'hsl(var(--sidebar-border))',
70
+ ring: 'hsl(var(--sidebar-ring))'
71
+ },
72
+ chart: {
73
+ '1': 'hsl(var(--chart-1))',
74
+ '2': 'hsl(var(--chart-2))',
75
+ '3': 'hsl(var(--chart-3))',
76
+ '4': 'hsl(var(--chart-4))',
77
+ '5': 'hsl(var(--chart-5))'
78
+ },
79
+ special: {
80
+ DEFAULT: 'hsl(var(--special))',
81
+ 'muted-background': 'hsl(var(--special-muted-background))',
82
+ border: 'hsl(var(--special-border))',
83
+ foreground: 'hsl(var(--special-foreground))',
84
+ 'muted-foreground': 'hsl(var(--special-muted-foreground))'
85
+ }
86
+ },
87
+ backgroundColor: {
88
+ background: 'hsl(var(--background))'
89
+ },
90
+ keyframes: {
91
+ 'accordion-down': {
92
+ from: {
93
+ height: '0'
94
+ },
95
+ to: {
96
+ height: 'var(--radix-accordion-content-height)'
97
+ }
98
+ },
99
+ 'accordion-up': {
100
+ from: {
101
+ height: 'var(--radix-accordion-content-height)'
102
+ },
103
+ to: {
104
+ height: '0'
105
+ }
106
+ },
107
+ 'caret-blink': {
108
+ '0%,70%,100%': {
109
+ opacity: '1'
110
+ },
111
+ '20%,50%': {
112
+ opacity: '0'
113
+ }
114
+ },
115
+ float: {
116
+ '0%, 100%': {
117
+ transform: 'translateY(0px) scale(1)'
118
+ },
119
+ '50%': {
120
+ transform: 'translateY(-20px) scale(1.05)'
121
+ }
122
+ },
123
+ 'pulse-glow': {
124
+ '0%, 100%': {
125
+ opacity: '0.3',
126
+ transform: 'scale(1)'
127
+ },
128
+ '50%': {
129
+ opacity: '0.6',
130
+ transform: 'scale(1.1)'
131
+ }
132
+ },
133
+ shimmer: {
134
+ '0%': {
135
+ backgroundPosition: '-200% 0'
136
+ },
137
+ '100%': {
138
+ backgroundPosition: '200% 0'
139
+ }
140
+ },
141
+ 'spin-slow': {
142
+ '0%': {
143
+ transform: 'rotate(0deg)'
144
+ },
145
+ '100%': {
146
+ transform: 'rotate(360deg)'
147
+ }
148
+ },
149
+ 'spin-slower': {
150
+ '0%': {
151
+ transform: 'rotate(0deg)'
152
+ },
153
+ '100%': {
154
+ transform: 'rotate(-360deg)'
155
+ }
156
+ },
157
+ 'matrix-fade': {
158
+ '0%, 100%': {
159
+ opacity: '0'
160
+ },
161
+ '50%': {
162
+ opacity: '1'
163
+ }
164
+ },
165
+ click: {
166
+ '0%, 100%': {
167
+ transform: 'scale(1)'
168
+ },
169
+ '50%': {
170
+ transform: 'scale(0.95)'
171
+ }
172
+ },
173
+ move: {
174
+ '0%': {
175
+ transform: 'translateX(-200px)'
176
+ },
177
+ '100%': {
178
+ transform: 'translateX(200px)'
179
+ }
180
+ },
181
+ shine: {
182
+ '0%': {
183
+ backgroundPosition: '200% 0'
184
+ },
185
+ '25%': {
186
+ backgroundPosition: '-200% 0'
187
+ },
188
+ '100%': {
189
+ backgroundPosition: '-200% 0'
190
+ }
191
+ },
192
+ gradientFlow: {
193
+ '0%': {
194
+ backgroundPosition: '0% 50%'
195
+ },
196
+ '50%': {
197
+ backgroundPosition: '100% 50%'
198
+ },
199
+ '100%': {
200
+ backgroundPosition: '0% 50%'
201
+ }
202
+ }
203
+ },
204
+ animation: {
205
+ 'accordion-down': 'accordion-down 0.2s ease-out',
206
+ 'accordion-up': 'accordion-up 0.2s ease-out',
207
+ 'caret-blink': 'caret-blink 1.25s ease-out infinite',
208
+ float: 'float 6s ease-in-out infinite',
209
+ 'pulse-glow': 'pulse-glow 4s ease-in-out infinite',
210
+ shimmer: 'shimmer 2s infinite',
211
+ 'spin-slow': 'spin-slow 3s linear infinite',
212
+ 'spin-slower': 'spin-slower 6s linear infinite',
213
+ matrix: 'matrix-fade 0.5s ease-in-out infinite',
214
+ click: 'click 0.3s ease-in-out',
215
+ shine: 'shine 3s ease-out infinite',
216
+ 'gradient-flow': 'gradientFlow 10s ease 0s infinite normal none running',
217
+ move: 'move 5s linear infinite'
218
+ },
219
+ typography: {
220
+ DEFAULT: {
221
+ css: {
222
+ h1: {
223
+ fontSize: '1.875rem',
224
+ fontWeight: '700',
225
+ lineHeight: '1.25',
226
+ letterSpacing: '-0.025em',
227
+ textAlign: 'center',
228
+ '@media (min-width: 1024px)': {
229
+ lineHeight: '1.1'
230
+ }
231
+ },
232
+ h2: {
233
+ marginTop: '0.75rem',
234
+ color: 'hsl(var(--muted-foreground))',
235
+ fontWeight: '300',
236
+ textAlign: 'center'
237
+ },
238
+ h3: {
239
+ fontWeight: '600',
240
+ marginBottom: '1rem',
241
+ marginTop: '1rem'
242
+ },
243
+ h4: {
244
+ fontSize: '1.25rem',
245
+ fontWeight: '600',
246
+ marginBottom: '0.75rem',
247
+ marginTop: '0.75rem'
248
+ },
249
+ h5: {
250
+ fontSize: '1.125rem',
251
+ fontWeight: '500',
252
+ marginBottom: '0.5rem',
253
+ marginTop: '0.5rem'
254
+ },
255
+ p: {
256
+ textWrap: 'balance',
257
+ fontWeight: '300',
258
+ color: 'hsl(var(--foreground))',
259
+ fontSize: '0.875rem'
260
+ }
261
+ }
262
+ }
263
+ }
264
+ }
265
+ },
3582
266
  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
267
  require("tailwindcss-animate"),
3824
268
  require("@tailwindcss/typography")
3825
269
  ]
3826
- } satisfies Config;
3827
-
3828
-
3829
- // #endregion
3830
-
270
+ } satisfies Config;