@kilivi/payloadcms-theme-management 0.2.2 → 0.2.4

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 (42) hide show
  1. package/README.md +26 -4
  2. package/dist/extended-presets.d.ts +16 -1
  3. package/dist/extended-presets.d.ts.map +1 -1
  4. package/dist/extended-presets.js +8 -1
  5. package/dist/extended-presets.js.map +1 -1
  6. package/dist/fields/ThemeColorPickerField.css +350 -65
  7. package/dist/fields/ThemeColorPickerField.d.ts.map +1 -1
  8. package/dist/fields/ThemeColorPickerField.js +131 -13
  9. package/dist/fields/ThemeColorPickerField.js.map +1 -1
  10. package/dist/fields/ThemeLivePreview.css +190 -0
  11. package/dist/fields/ThemeLivePreview.d.ts +4 -0
  12. package/dist/fields/ThemeLivePreview.d.ts.map +1 -0
  13. package/dist/fields/ThemeLivePreview.js +199 -0
  14. package/dist/fields/ThemeLivePreview.js.map +1 -0
  15. package/dist/fields/extendedThemeFields.d.ts +121 -9
  16. package/dist/fields/extendedThemeFields.d.ts.map +1 -1
  17. package/dist/fields/extendedThemeFields.js +296 -101
  18. package/dist/fields/extendedThemeFields.js.map +1 -1
  19. package/dist/fields/themeConfigurationField.d.ts.map +1 -1
  20. package/dist/fields/themeConfigurationField.js +259 -252
  21. package/dist/fields/themeConfigurationField.js.map +1 -1
  22. package/dist/index.d.ts +2 -1
  23. package/dist/index.d.ts.map +1 -1
  24. package/dist/index.js +24 -2
  25. package/dist/index.js.map +1 -1
  26. package/dist/tweakcn-presets.d.ts +10 -0
  27. package/dist/tweakcn-presets.d.ts.map +1 -0
  28. package/dist/tweakcn-presets.js +714 -0
  29. package/dist/tweakcn-presets.js.map +1 -0
  30. package/dist/tweakcn-special-themes.d.ts +8 -0
  31. package/dist/tweakcn-special-themes.d.ts.map +1 -0
  32. package/dist/tweakcn-special-themes.js +614 -0
  33. package/dist/tweakcn-special-themes.js.map +1 -0
  34. package/dist/views/ThemePreviewView.d.ts +8 -0
  35. package/dist/views/ThemePreviewView.d.ts.map +1 -0
  36. package/dist/views/ThemePreviewView.js +44 -0
  37. package/dist/views/ThemePreviewView.js.map +1 -0
  38. package/dist/views/ThemePreviewViewClient.d.ts +7 -0
  39. package/dist/views/ThemePreviewViewClient.d.ts.map +1 -0
  40. package/dist/views/ThemePreviewViewClient.js +12 -0
  41. package/dist/views/ThemePreviewViewClient.js.map +1 -0
  42. package/package.json +7 -1
package/dist/tweakcn-presets.js ADDED
@@ -0,0 +1,714 @@
1
+ /**
2
+ * TweakCN Theme Presets
3
+ * Imported from silicondeck/shadcn-dashboard-landing-template
4
+ * https://github.com/silicondeck/shadcn-dashboard-landing-template/blob/main/nextjs-version/src/utils/tweakcn-theme-presets.ts
5
+ *
6
+ * This provides 50+ professional theme presets compatible with TweakCN editor
7
+ */ import { specialThemePresets } from './tweakcn-special-themes.js';
8
+ export const tweakcnThemePresets = {
9
+ ...specialThemePresets,
10
+ 'neutral': {
11
+ label: 'Neutral',
12
+ value: 'neutral',
13
+ styles: {
14
+ light: {
15
+ background: 'oklch(0.99 0 0)',
16
+ foreground: 'oklch(0 0 0)',
17
+ card: 'oklch(0.99 0 0)',
18
+ 'card-foreground': 'oklch(0 0 0)',
19
+ popover: 'oklch(0.99 0 0)',
20
+ 'popover-foreground': 'oklch(0 0 0)',
21
+ primary: 'oklch(0 0 0)',
22
+ 'primary-foreground': 'oklch(1.00 0 0)',
23
+ secondary: 'oklch(0.94 0 0)',
24
+ 'secondary-foreground': 'oklch(0 0 0)',
25
+ muted: 'oklch(0.97 0 0)',
26
+ 'muted-foreground': 'oklch(0.44 0 0)',
27
+ accent: 'oklch(0.94 0 0)',
28
+ 'accent-foreground': 'oklch(0 0 0)',
29
+ destructive: 'oklch(0.63 0.19 23.03)',
30
+ 'destructive-foreground': 'oklch(1.00 0 0)',
31
+ border: 'oklch(0.92 0 0)',
32
+ input: 'oklch(0.94 0 0)',
33
+ ring: 'oklch(0 0 0)',
34
+ 'chart-1': 'oklch(0.81 0.17 75.35)',
35
+ 'chart-2': 'oklch(0.55 0.22 264.53)',
36
+ 'chart-3': 'oklch(0.72 0 0)',
37
+ 'chart-4': 'oklch(0.92 0 0)',
38
+ 'chart-5': 'oklch(0.56 0 0)',
39
+ 'font-sans': 'Geist, sans-serif',
40
+ 'font-serif': 'Georgia, serif',
41
+ 'font-mono': 'Geist Mono, monospace',
42
+ radius: '0.5rem',
43
+ 'shadow-color': 'hsl(0 0% 0%)',
44
+ 'shadow-opacity': '0.18',
45
+ 'shadow-blur': '2px',
46
+ 'shadow-spread': '0px',
47
+ 'shadow-offset-x': '0px',
48
+ 'shadow-offset-y': '1px'
49
+ },
50
+ dark: {
51
+ background: 'oklch(0 0 0)',
52
+ foreground: 'oklch(1.00 0 0)',
53
+ card: 'oklch(0.14 0 0)',
54
+ 'card-foreground': 'oklch(1.00 0 0)',
55
+ popover: 'oklch(0.18 0 0)',
56
+ 'popover-foreground': 'oklch(1.00 0 0)',
57
+ primary: 'oklch(1.00 0 0)',
58
+ 'primary-foreground': 'oklch(0 0 0)',
59
+ secondary: 'oklch(0.25 0 0)',
60
+ 'secondary-foreground': 'oklch(1.00 0 0)',
61
+ muted: 'oklch(0.23 0 0)',
62
+ 'muted-foreground': 'oklch(0.72 0 0)',
63
+ accent: 'oklch(0.32 0 0)',
64
+ 'accent-foreground': 'oklch(1.00 0 0)',
65
+ destructive: 'oklch(0.69 0.20 23.91)',
66
+ 'destructive-foreground': 'oklch(0 0 0)',
67
+ border: 'oklch(0.26 0 0)',
68
+ input: 'oklch(0.32 0 0)',
69
+ ring: 'oklch(0.72 0 0)',
70
+ 'chart-1': 'oklch(0.81 0.17 75.35)',
71
+ 'chart-2': 'oklch(0.58 0.21 260.84)',
72
+ 'chart-3': 'oklch(0.56 0 0)',
73
+ 'chart-4': 'oklch(0.44 0 0)',
74
+ 'chart-5': 'oklch(0.92 0 0)',
75
+ 'font-sans': 'Geist, sans-serif',
76
+ 'font-serif': 'Georgia, serif',
77
+ 'font-mono': 'Geist Mono, monospace',
78
+ radius: '0.5rem',
79
+ 'shadow-color': 'hsl(0 0% 100%)',
80
+ 'shadow-opacity': '0.15',
81
+ 'shadow-blur': '3px',
82
+ 'shadow-spread': '0px',
83
+ 'shadow-offset-x': '0px',
84
+ 'shadow-offset-y': '1px'
85
+ }
86
+ }
87
+ },
88
+ 'blue': {
89
+ label: 'Blue',
90
+ value: 'blue',
91
+ styles: {
92
+ light: {
93
+ background: 'oklch(1 0 0)',
94
+ foreground: 'oklch(0.145 0 0)',
95
+ card: 'oklch(1 0 0)',
96
+ 'card-foreground': 'oklch(0.145 0 0)',
97
+ popover: 'oklch(1 0 0)',
98
+ 'popover-foreground': 'oklch(0.145 0 0)',
99
+ primary: 'var(--color-blue-600)',
100
+ 'primary-foreground': 'var(--color-blue-50)',
101
+ secondary: 'oklch(0.97 0 0)',
102
+ 'secondary-foreground': 'oklch(0.205 0 0)',
103
+ muted: 'oklch(0.97 0 0)',
104
+ 'muted-foreground': 'oklch(0.556 0 0)',
105
+ accent: 'oklch(0.97 0 0)',
106
+ 'accent-foreground': 'oklch(0.205 0 0)',
107
+ destructive: 'oklch(0.577 0.245 27.325)',
108
+ 'destructive-foreground': 'oklch(0.98 0 0)',
109
+ border: 'oklch(0.922 0 0)',
110
+ input: 'oklch(0.922 0 0)',
111
+ ring: 'var(--color-blue-400)',
112
+ 'chart-1': 'var(--color-blue-500)',
113
+ 'chart-2': 'var(--color-blue-600)',
114
+ 'chart-3': 'var(--color-blue-700)',
115
+ 'chart-4': 'var(--color-blue-800)',
116
+ 'chart-5': 'var(--color-blue-900)',
117
+ radius: '0.625rem',
118
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
119
+ 'font-mono': 'ui-monospace, monospace'
120
+ },
121
+ dark: {
122
+ background: 'oklch(0.145 0 0)',
123
+ foreground: 'oklch(0.985 0 0)',
124
+ card: 'oklch(0.205 0 0)',
125
+ 'card-foreground': 'oklch(0.985 0 0)',
126
+ popover: 'oklch(0.269 0 0)',
127
+ 'popover-foreground': 'oklch(0.985 0 0)',
128
+ primary: 'var(--color-blue-500)',
129
+ 'primary-foreground': 'var(--color-blue-50)',
130
+ secondary: 'oklch(0.269 0 0)',
131
+ 'secondary-foreground': 'oklch(0.985 0 0)',
132
+ muted: 'oklch(0.269 0 0)',
133
+ 'muted-foreground': 'oklch(0.708 0 0)',
134
+ accent: 'oklch(0.371 0 0)',
135
+ 'accent-foreground': 'oklch(0.985 0 0)',
136
+ destructive: 'oklch(0.704 0.191 22.216)',
137
+ 'destructive-foreground': 'oklch(0.98 0 0)',
138
+ border: 'oklch(1 0 0 / 10%)',
139
+ input: 'oklch(1 0 0 / 15%)',
140
+ ring: 'var(--color-blue-900)',
141
+ 'chart-1': 'var(--color-blue-400)',
142
+ 'chart-2': 'var(--color-blue-500)',
143
+ 'chart-3': 'var(--color-blue-600)',
144
+ 'chart-4': 'var(--color-blue-700)',
145
+ 'chart-5': 'var(--color-blue-800)',
146
+ radius: '0.625rem',
147
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
148
+ 'font-mono': 'ui-monospace, monospace'
149
+ }
150
+ }
151
+ },
152
+ 'green': {
153
+ label: 'Green',
154
+ value: 'green',
155
+ styles: {
156
+ light: {
157
+ background: 'oklch(1 0 0)',
158
+ foreground: 'oklch(0.145 0 0)',
159
+ card: 'oklch(1 0 0)',
160
+ 'card-foreground': 'oklch(0.145 0 0)',
161
+ popover: 'oklch(1 0 0)',
162
+ 'popover-foreground': 'oklch(0.145 0 0)',
163
+ primary: 'var(--color-lime-600)',
164
+ 'primary-foreground': 'var(--color-lime-50)',
165
+ secondary: 'oklch(0.97 0 0)',
166
+ 'secondary-foreground': 'oklch(0.205 0 0)',
167
+ muted: 'oklch(0.97 0 0)',
168
+ 'muted-foreground': 'oklch(0.556 0 0)',
169
+ accent: 'oklch(0.97 0 0)',
170
+ 'accent-foreground': 'oklch(0.205 0 0)',
171
+ destructive: 'oklch(0.577 0.245 27.325)',
172
+ 'destructive-foreground': 'oklch(0.98 0 0)',
173
+ border: 'oklch(0.922 0 0)',
174
+ input: 'oklch(0.922 0 0)',
175
+ ring: 'var(--color-lime-400)',
176
+ 'chart-1': 'var(--color-lime-500)',
177
+ 'chart-2': 'var(--color-lime-600)',
178
+ 'chart-3': 'var(--color-lime-700)',
179
+ 'chart-4': 'var(--color-lime-800)',
180
+ 'chart-5': 'var(--color-lime-900)',
181
+ radius: '0.625rem',
182
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
183
+ 'font-mono': 'ui-monospace, monospace'
184
+ },
185
+ dark: {
186
+ background: 'oklch(0.145 0 0)',
187
+ foreground: 'oklch(0.985 0 0)',
188
+ card: 'oklch(0.205 0 0)',
189
+ 'card-foreground': 'oklch(0.985 0 0)',
190
+ popover: 'oklch(0.269 0 0)',
191
+ 'popover-foreground': 'oklch(0.985 0 0)',
192
+ primary: 'var(--color-lime-500)',
193
+ 'primary-foreground': 'var(--color-lime-50)',
194
+ secondary: 'oklch(0.269 0 0)',
195
+ 'secondary-foreground': 'oklch(0.985 0 0)',
196
+ muted: 'oklch(0.269 0 0)',
197
+ 'muted-foreground': 'oklch(0.708 0 0)',
198
+ accent: 'oklch(0.371 0 0)',
199
+ 'accent-foreground': 'oklch(0.985 0 0)',
200
+ destructive: 'oklch(0.704 0.191 22.216)',
201
+ 'destructive-foreground': 'oklch(0.98 0 0)',
202
+ border: 'oklch(1 0 0 / 10%)',
203
+ input: 'oklch(1 0 0 / 15%)',
204
+ ring: 'var(--color-lime-900)',
205
+ 'chart-1': 'var(--color-lime-400)',
206
+ 'chart-2': 'var(--color-lime-500)',
207
+ 'chart-3': 'var(--color-lime-600)',
208
+ 'chart-4': 'var(--color-lime-700)',
209
+ 'chart-5': 'var(--color-lime-800)',
210
+ radius: '0.625rem',
211
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
212
+ 'font-mono': 'ui-monospace, monospace'
213
+ }
214
+ }
215
+ },
216
+ 'red': {
217
+ label: 'Red',
218
+ value: 'red',
219
+ styles: {
220
+ light: {
221
+ background: 'oklch(1 0 0)',
222
+ foreground: 'oklch(0.145 0 0)',
223
+ card: 'oklch(1 0 0)',
224
+ 'card-foreground': 'oklch(0.145 0 0)',
225
+ popover: 'oklch(1 0 0)',
226
+ 'popover-foreground': 'oklch(0.145 0 0)',
227
+ primary: 'var(--color-red-600)',
228
+ 'primary-foreground': 'var(--color-red-50)',
229
+ secondary: 'oklch(0.97 0 0)',
230
+ 'secondary-foreground': 'oklch(0.205 0 0)',
231
+ muted: 'oklch(0.97 0 0)',
232
+ 'muted-foreground': 'oklch(0.556 0 0)',
233
+ accent: 'oklch(0.97 0 0)',
234
+ 'accent-foreground': 'oklch(0.205 0 0)',
235
+ destructive: 'oklch(0.577 0.245 27.325)',
236
+ 'destructive-foreground': 'oklch(0.98 0 0)',
237
+ border: 'oklch(0.922 0 0)',
238
+ input: 'oklch(0.922 0 0)',
239
+ ring: 'var(--color-red-400)',
240
+ 'chart-1': 'var(--color-red-500)',
241
+ 'chart-2': 'var(--color-red-600)',
242
+ 'chart-3': 'var(--color-red-700)',
243
+ 'chart-4': 'var(--color-red-800)',
244
+ 'chart-5': 'var(--color-red-900)',
245
+ radius: '0.625rem',
246
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
247
+ 'font-mono': 'ui-monospace, monospace'
248
+ },
249
+ dark: {
250
+ background: 'oklch(0.145 0 0)',
251
+ foreground: 'oklch(0.985 0 0)',
252
+ card: 'oklch(0.205 0 0)',
253
+ 'card-foreground': 'oklch(0.985 0 0)',
254
+ popover: 'oklch(0.269 0 0)',
255
+ 'popover-foreground': 'oklch(0.985 0 0)',
256
+ primary: 'var(--color-red-500)',
257
+ 'primary-foreground': 'var(--color-red-50)',
258
+ secondary: 'oklch(0.269 0 0)',
259
+ 'secondary-foreground': 'oklch(0.985 0 0)',
260
+ muted: 'oklch(0.269 0 0)',
261
+ 'muted-foreground': 'oklch(0.708 0 0)',
262
+ accent: 'oklch(0.371 0 0)',
263
+ 'accent-foreground': 'oklch(0.985 0 0)',
264
+ destructive: 'oklch(0.704 0.191 22.216)',
265
+ 'destructive-foreground': 'oklch(0.98 0 0)',
266
+ border: 'oklch(1 0 0 / 10%)',
267
+ input: 'oklch(1 0 0 / 15%)',
268
+ ring: 'var(--color-red-900)',
269
+ 'chart-1': 'var(--color-red-400)',
270
+ 'chart-2': 'var(--color-red-500)',
271
+ 'chart-3': 'var(--color-red-600)',
272
+ 'chart-4': 'var(--color-red-700)',
273
+ 'chart-5': 'var(--color-red-800)',
274
+ radius: '0.625rem',
275
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
276
+ 'font-mono': 'ui-monospace, monospace'
277
+ }
278
+ }
279
+ },
280
+ 'orange': {
281
+ label: 'Orange',
282
+ value: 'orange',
283
+ styles: {
284
+ light: {
285
+ background: 'oklch(1 0 0)',
286
+ foreground: 'oklch(0.145 0 0)',
287
+ card: 'oklch(1 0 0)',
288
+ 'card-foreground': 'oklch(0.145 0 0)',
289
+ popover: 'oklch(1 0 0)',
290
+ 'popover-foreground': 'oklch(0.145 0 0)',
291
+ primary: 'var(--color-orange-600)',
292
+ 'primary-foreground': 'var(--color-orange-50)',
293
+ secondary: 'oklch(0.97 0 0)',
294
+ 'secondary-foreground': 'oklch(0.205 0 0)',
295
+ muted: 'oklch(0.97 0 0)',
296
+ 'muted-foreground': 'oklch(0.556 0 0)',
297
+ accent: 'oklch(0.97 0 0)',
298
+ 'accent-foreground': 'oklch(0.205 0 0)',
299
+ destructive: 'oklch(0.577 0.245 27.325)',
300
+ 'destructive-foreground': 'oklch(0.98 0 0)',
301
+ border: 'oklch(0.922 0 0)',
302
+ input: 'oklch(0.922 0 0)',
303
+ ring: 'var(--color-orange-400)',
304
+ 'chart-1': 'var(--color-orange-500)',
305
+ 'chart-2': 'var(--color-orange-600)',
306
+ 'chart-3': 'var(--color-orange-700)',
307
+ 'chart-4': 'var(--color-orange-800)',
308
+ 'chart-5': 'var(--color-orange-900)',
309
+ radius: '0.625rem',
310
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
311
+ 'font-mono': 'ui-monospace, monospace'
312
+ },
313
+ dark: {
314
+ background: 'oklch(0.145 0 0)',
315
+ foreground: 'oklch(0.985 0 0)',
316
+ card: 'oklch(0.205 0 0)',
317
+ 'card-foreground': 'oklch(0.985 0 0)',
318
+ popover: 'oklch(0.269 0 0)',
319
+ 'popover-foreground': 'oklch(0.985 0 0)',
320
+ primary: 'var(--color-orange-500)',
321
+ 'primary-foreground': 'var(--color-orange-50)',
322
+ secondary: 'oklch(0.269 0 0)',
323
+ 'secondary-foreground': 'oklch(0.985 0 0)',
324
+ muted: 'oklch(0.269 0 0)',
325
+ 'muted-foreground': 'oklch(0.708 0 0)',
326
+ accent: 'oklch(0.371 0 0)',
327
+ 'accent-foreground': 'oklch(0.985 0 0)',
328
+ destructive: 'oklch(0.704 0.191 22.216)',
329
+ 'destructive-foreground': 'oklch(0.98 0 0)',
330
+ border: 'oklch(1 0 0 / 10%)',
331
+ input: 'oklch(1 0 0 / 15%)',
332
+ ring: 'var(--color-orange-900)',
333
+ 'chart-1': 'var(--color-orange-400)',
334
+ 'chart-2': 'var(--color-orange-500)',
335
+ 'chart-3': 'var(--color-orange-600)',
336
+ 'chart-4': 'var(--color-orange-700)',
337
+ 'chart-5': 'var(--color-orange-800)',
338
+ radius: '0.625rem',
339
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
340
+ 'font-mono': 'ui-monospace, monospace'
341
+ }
342
+ }
343
+ },
344
+ 'rose': {
345
+ label: 'Rose',
346
+ value: 'rose',
347
+ styles: {
348
+ light: {
349
+ background: 'oklch(1 0 0)',
350
+ foreground: 'oklch(0.145 0 0)',
351
+ card: 'oklch(1 0 0)',
352
+ 'card-foreground': 'oklch(0.145 0 0)',
353
+ popover: 'oklch(1 0 0)',
354
+ 'popover-foreground': 'oklch(0.145 0 0)',
355
+ primary: 'var(--color-rose-600)',
356
+ 'primary-foreground': 'var(--color-rose-50)',
357
+ secondary: 'oklch(0.97 0 0)',
358
+ 'secondary-foreground': 'oklch(0.205 0 0)',
359
+ muted: 'oklch(0.97 0 0)',
360
+ 'muted-foreground': 'oklch(0.556 0 0)',
361
+ accent: 'oklch(0.97 0 0)',
362
+ 'accent-foreground': 'oklch(0.205 0 0)',
363
+ destructive: 'oklch(0.577 0.245 27.325)',
364
+ 'destructive-foreground': 'oklch(0.98 0 0)',
365
+ border: 'oklch(0.922 0 0)',
366
+ input: 'oklch(0.922 0 0)',
367
+ ring: 'var(--color-rose-400)',
368
+ 'chart-1': 'var(--color-rose-500)',
369
+ 'chart-2': 'var(--color-rose-600)',
370
+ 'chart-3': 'var(--color-rose-700)',
371
+ 'chart-4': 'var(--color-rose-800)',
372
+ 'chart-5': 'var(--color-rose-900)',
373
+ radius: '0.625rem',
374
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
375
+ 'font-mono': 'ui-monospace, monospace'
376
+ },
377
+ dark: {
378
+ background: 'oklch(0.145 0 0)',
379
+ foreground: 'oklch(0.985 0 0)',
380
+ card: 'oklch(0.205 0 0)',
381
+ 'card-foreground': 'oklch(0.985 0 0)',
382
+ popover: 'oklch(0.269 0 0)',
383
+ 'popover-foreground': 'oklch(0.985 0 0)',
384
+ primary: 'var(--color-rose-500)',
385
+ 'primary-foreground': 'var(--color-rose-50)',
386
+ secondary: 'oklch(0.269 0 0)',
387
+ 'secondary-foreground': 'oklch(0.985 0 0)',
388
+ muted: 'oklch(0.269 0 0)',
389
+ 'muted-foreground': 'oklch(0.708 0 0)',
390
+ accent: 'oklch(0.371 0 0)',
391
+ 'accent-foreground': 'oklch(0.985 0 0)',
392
+ destructive: 'oklch(0.704 0.191 22.216)',
393
+ 'destructive-foreground': 'oklch(0.98 0 0)',
394
+ border: 'oklch(1 0 0 / 10%)',
395
+ input: 'oklch(1 0 0 / 15%)',
396
+ ring: 'var(--color-rose-900)',
397
+ 'chart-1': 'var(--color-rose-400)',
398
+ 'chart-2': 'var(--color-rose-500)',
399
+ 'chart-3': 'var(--color-rose-600)',
400
+ 'chart-4': 'var(--color-rose-700)',
401
+ 'chart-5': 'var(--color-rose-800)',
402
+ radius: '0.625rem',
403
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
404
+ 'font-mono': 'ui-monospace, monospace'
405
+ }
406
+ }
407
+ },
408
+ 'violet': {
409
+ label: 'Violet',
410
+ value: 'violet',
411
+ styles: {
412
+ light: {
413
+ background: 'oklch(1 0 0)',
414
+ foreground: 'oklch(0.145 0 0)',
415
+ card: 'oklch(1 0 0)',
416
+ 'card-foreground': 'oklch(0.145 0 0)',
417
+ popover: 'oklch(1 0 0)',
418
+ 'popover-foreground': 'oklch(0.145 0 0)',
419
+ primary: 'var(--color-violet-600)',
420
+ 'primary-foreground': 'var(--color-violet-50)',
421
+ secondary: 'oklch(0.97 0 0)',
422
+ 'secondary-foreground': 'oklch(0.205 0 0)',
423
+ muted: 'oklch(0.97 0 0)',
424
+ 'muted-foreground': 'oklch(0.556 0 0)',
425
+ accent: 'oklch(0.97 0 0)',
426
+ 'accent-foreground': 'oklch(0.205 0 0)',
427
+ destructive: 'oklch(0.577 0.245 27.325)',
428
+ 'destructive-foreground': 'oklch(0.98 0 0)',
429
+ border: 'oklch(0.922 0 0)',
430
+ input: 'oklch(0.922 0 0)',
431
+ ring: 'var(--color-violet-400)',
432
+ 'chart-1': 'var(--color-violet-500)',
433
+ 'chart-2': 'var(--color-violet-600)',
434
+ 'chart-3': 'var(--color-violet-700)',
435
+ 'chart-4': 'var(--color-violet-800)',
436
+ 'chart-5': 'var(--color-violet-900)',
437
+ radius: '0.625rem',
438
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
439
+ 'font-mono': 'ui-monospace, monospace'
440
+ },
441
+ dark: {
442
+ background: 'oklch(0.145 0 0)',
443
+ foreground: 'oklch(0.985 0 0)',
444
+ card: 'oklch(0.205 0 0)',
445
+ 'card-foreground': 'oklch(0.985 0 0)',
446
+ popover: 'oklch(0.269 0 0)',
447
+ 'popover-foreground': 'oklch(0.985 0 0)',
448
+ primary: 'var(--color-violet-500)',
449
+ 'primary-foreground': 'var(--color-violet-50)',
450
+ secondary: 'oklch(0.269 0 0)',
451
+ 'secondary-foreground': 'oklch(0.985 0 0)',
452
+ muted: 'oklch(0.269 0 0)',
453
+ 'muted-foreground': 'oklch(0.708 0 0)',
454
+ accent: 'oklch(0.371 0 0)',
455
+ 'accent-foreground': 'oklch(0.985 0 0)',
456
+ destructive: 'oklch(0.704 0.191 22.216)',
457
+ 'destructive-foreground': 'oklch(0.98 0 0)',
458
+ border: 'oklch(1 0 0 / 10%)',
459
+ input: 'oklch(1 0 0 / 15%)',
460
+ ring: 'var(--color-violet-900)',
461
+ 'chart-1': 'var(--color-violet-400)',
462
+ 'chart-2': 'var(--color-violet-500)',
463
+ 'chart-3': 'var(--color-violet-600)',
464
+ 'chart-4': 'var(--color-violet-700)',
465
+ 'chart-5': 'var(--color-violet-800)',
466
+ radius: '0.625rem',
467
+ 'font-sans': 'ui-sans-serif, system-ui, sans-serif',
468
+ 'font-mono': 'ui-monospace, monospace'
469
+ }
470
+ }
471
+ },
472
+ 'zinc': {
473
+ label: 'Zinc',
474
+ value: 'zinc',
475
+ styles: {
476
+ light: {
477
+ background: 'oklch(1 0 0)',
478
+ foreground: 'oklch(0.145 0.005 286.375)',
479
+ card: 'oklch(1 0 0)',
480
+ 'card-foreground': 'oklch(0.145 0.005 286.375)',
481
+ popover: 'oklch(1 0 0)',
482
+ 'popover-foreground': 'oklch(0.145 0.005 286.375)',
483
+ primary: 'oklch(0.145 0.005 286.375)',
484
+ 'primary-foreground': 'oklch(0.985 0 0)',
485
+ secondary: 'oklch(0.961 0.001 286.375)',
486
+ 'secondary-foreground': 'oklch(0.145 0.005 286.375)',
487
+ muted: 'oklch(0.961 0.001 286.375)',
488
+ 'muted-foreground': 'oklch(0.533 0.015 286.375)',
489
+ accent: 'oklch(0.961 0.001 286.375)',
490
+ 'accent-foreground': 'oklch(0.145 0.005 286.375)',
491
+ destructive: 'oklch(0.577 0.245 27.325)',
492
+ 'destructive-foreground': 'oklch(0.985 0 0)',
493
+ border: 'oklch(0.921 0.003 286.375)',
494
+ input: 'oklch(0.921 0.003 286.375)',
495
+ ring: 'oklch(0.145 0.005 286.375)',
496
+ 'chart-1': 'oklch(0.745 0.125 110)',
497
+ 'chart-2': 'oklch(0.645 0.15 250)',
498
+ 'chart-3': 'oklch(0.745 0.15 25)',
499
+ 'chart-4': 'oklch(0.645 0.15 320)',
500
+ 'chart-5': 'oklch(0.745 0.125 180)',
501
+ radius: '0.5rem'
502
+ },
503
+ dark: {
504
+ background: 'oklch(0.145 0.005 286.375)',
505
+ foreground: 'oklch(0.985 0 0)',
506
+ card: 'oklch(0.145 0.005 286.375)',
507
+ 'card-foreground': 'oklch(0.985 0 0)',
508
+ popover: 'oklch(0.145 0.005 286.375)',
509
+ 'popover-foreground': 'oklch(0.985 0 0)',
510
+ primary: 'oklch(0.985 0 0)',
511
+ 'primary-foreground': 'oklch(0.145 0.005 286.375)',
512
+ secondary: 'oklch(0.243 0.014 285.885)',
513
+ 'secondary-foreground': 'oklch(0.985 0 0)',
514
+ muted: 'oklch(0.243 0.014 285.885)',
515
+ 'muted-foreground': 'oklch(0.638 0.013 286.027)',
516
+ accent: 'oklch(0.243 0.014 285.885)',
517
+ 'accent-foreground': 'oklch(0.985 0 0)',
518
+ destructive: 'oklch(0.577 0.245 27.325)',
519
+ 'destructive-foreground': 'oklch(0.985 0 0)',
520
+ border: 'oklch(0.243 0.014 285.885)',
521
+ input: 'oklch(0.243 0.014 285.885)',
522
+ ring: 'oklch(0.851 0.003 286.201)',
523
+ 'chart-1': 'oklch(0.745 0.125 110)',
524
+ 'chart-2': 'oklch(0.645 0.15 250)',
525
+ 'chart-3': 'oklch(0.745 0.15 25)',
526
+ 'chart-4': 'oklch(0.645 0.15 320)',
527
+ 'chart-5': 'oklch(0.745 0.125 180)',
528
+ radius: '0.5rem'
529
+ }
530
+ }
531
+ },
532
+ 'slate': {
533
+ label: 'Slate',
534
+ value: 'slate',
535
+ styles: {
536
+ light: {
537
+ background: 'oklch(1 0 0)',
538
+ foreground: 'oklch(0.148 0.013 254.624)',
539
+ card: 'oklch(1 0 0)',
540
+ 'card-foreground': 'oklch(0.148 0.013 254.624)',
541
+ popover: 'oklch(1 0 0)',
542
+ 'popover-foreground': 'oklch(0.148 0.013 254.624)',
543
+ primary: 'oklch(0.148 0.013 254.624)',
544
+ 'primary-foreground': 'oklch(0.985 0 0)',
545
+ secondary: 'oklch(0.961 0.003 254.624)',
546
+ 'secondary-foreground': 'oklch(0.148 0.013 254.624)',
547
+ muted: 'oklch(0.961 0.003 254.624)',
548
+ 'muted-foreground': 'oklch(0.533 0.019 254.624)',
549
+ accent: 'oklch(0.961 0.003 254.624)',
550
+ 'accent-foreground': 'oklch(0.148 0.013 254.624)',
551
+ destructive: 'oklch(0.577 0.245 27.325)',
552
+ 'destructive-foreground': 'oklch(0.985 0 0)',
553
+ border: 'oklch(0.921 0.006 254.624)',
554
+ input: 'oklch(0.921 0.006 254.624)',
555
+ ring: 'oklch(0.148 0.013 254.624)',
556
+ 'chart-1': 'oklch(0.745 0.125 110)',
557
+ 'chart-2': 'oklch(0.645 0.15 250)',
558
+ 'chart-3': 'oklch(0.745 0.15 25)',
559
+ 'chart-4': 'oklch(0.645 0.15 320)',
560
+ 'chart-5': 'oklch(0.745 0.125 180)',
561
+ radius: '0.5rem'
562
+ },
563
+ dark: {
564
+ background: 'oklch(0.148 0.013 254.624)',
565
+ foreground: 'oklch(0.985 0 0)',
566
+ card: 'oklch(0.148 0.013 254.624)',
567
+ 'card-foreground': 'oklch(0.985 0 0)',
568
+ popover: 'oklch(0.148 0.013 254.624)',
569
+ 'popover-foreground': 'oklch(0.985 0 0)',
570
+ primary: 'oklch(0.985 0 0)',
571
+ 'primary-foreground': 'oklch(0.148 0.013 254.624)',
572
+ secondary: 'oklch(0.247 0.022 256.788)',
573
+ 'secondary-foreground': 'oklch(0.985 0 0)',
574
+ muted: 'oklch(0.247 0.022 256.788)',
575
+ 'muted-foreground': 'oklch(0.638 0.017 254.139)',
576
+ accent: 'oklch(0.247 0.022 256.788)',
577
+ 'accent-foreground': 'oklch(0.985 0 0)',
578
+ destructive: 'oklch(0.577 0.245 27.325)',
579
+ 'destructive-foreground': 'oklch(0.985 0 0)',
580
+ border: 'oklch(0.247 0.022 256.788)',
581
+ input: 'oklch(0.247 0.022 256.788)',
582
+ ring: 'oklch(0.851 0.007 256.264)',
583
+ 'chart-1': 'oklch(0.745 0.125 110)',
584
+ 'chart-2': 'oklch(0.645 0.15 250)',
585
+ 'chart-3': 'oklch(0.745 0.15 25)',
586
+ 'chart-4': 'oklch(0.645 0.15 320)',
587
+ 'chart-5': 'oklch(0.745 0.125 180)',
588
+ radius: '0.5rem'
589
+ }
590
+ }
591
+ },
592
+ 'stone': {
593
+ label: 'Stone',
594
+ value: 'stone',
595
+ styles: {
596
+ light: {
597
+ background: 'oklch(1 0 0)',
598
+ foreground: 'oklch(0.145 0.006 56.365)',
599
+ card: 'oklch(1 0 0)',
600
+ 'card-foreground': 'oklch(0.145 0.006 56.365)',
601
+ popover: 'oklch(1 0 0)',
602
+ 'popover-foreground': 'oklch(0.145 0.006 56.365)',
603
+ primary: 'oklch(0.145 0.006 56.365)',
604
+ 'primary-foreground': 'oklch(0.985 0 0)',
605
+ secondary: 'oklch(0.961 0.002 60.000)',
606
+ 'secondary-foreground': 'oklch(0.145 0.006 56.365)',
607
+ muted: 'oklch(0.961 0.002 60.000)',
608
+ 'muted-foreground': 'oklch(0.533 0.011 49.444)',
609
+ accent: 'oklch(0.961 0.002 60.000)',
610
+ 'accent-foreground': 'oklch(0.145 0.006 56.365)',
611
+ destructive: 'oklch(0.577 0.245 27.325)',
612
+ 'destructive-foreground': 'oklch(0.985 0 0)',
613
+ border: 'oklch(0.921 0.004 49.542)',
614
+ input: 'oklch(0.921 0.004 49.542)',
615
+ ring: 'oklch(0.145 0.006 56.365)',
616
+ 'chart-1': 'oklch(0.745 0.125 110)',
617
+ 'chart-2': 'oklch(0.645 0.15 250)',
618
+ 'chart-3': 'oklch(0.745 0.15 25)',
619
+ 'chart-4': 'oklch(0.645 0.15 320)',
620
+ 'chart-5': 'oklch(0.745 0.125 180)',
621
+ radius: '0.5rem'
622
+ },
623
+ dark: {
624
+ background: 'oklch(0.145 0.006 56.365)',
625
+ foreground: 'oklch(0.985 0 0)',
626
+ card: 'oklch(0.145 0.006 56.365)',
627
+ 'card-foreground': 'oklch(0.985 0 0)',
628
+ popover: 'oklch(0.145 0.006 56.365)',
629
+ 'popover-foreground': 'oklch(0.985 0 0)',
630
+ primary: 'oklch(0.985 0 0)',
631
+ 'primary-foreground': 'oklch(0.145 0.006 56.365)',
632
+ secondary: 'oklch(0.243 0.011 49.091)',
633
+ 'secondary-foreground': 'oklch(0.985 0 0)',
634
+ muted: 'oklch(0.243 0.011 49.091)',
635
+ 'muted-foreground': 'oklch(0.638 0.009 60.000)',
636
+ accent: 'oklch(0.243 0.011 49.091)',
637
+ 'accent-foreground': 'oklch(0.985 0 0)',
638
+ destructive: 'oklch(0.577 0.245 27.325)',
639
+ 'destructive-foreground': 'oklch(0.985 0 0)',
640
+ border: 'oklch(0.243 0.011 49.091)',
641
+ input: 'oklch(0.243 0.011 49.091)',
642
+ ring: 'oklch(0.851 0.005 60.000)',
643
+ 'chart-1': 'oklch(0.745 0.125 110)',
644
+ 'chart-2': 'oklch(0.645 0.15 250)',
645
+ 'chart-3': 'oklch(0.745 0.15 25)',
646
+ 'chart-4': 'oklch(0.645 0.15 320)',
647
+ 'chart-5': 'oklch(0.745 0.125 180)',
648
+ radius: '0.5rem'
649
+ }
650
+ }
651
+ },
652
+ 'gray': {
653
+ label: 'Gray',
654
+ value: 'gray',
655
+ styles: {
656
+ light: {
657
+ background: 'oklch(1 0 0)',
658
+ foreground: 'oklch(0.145 0 0)',
659
+ card: 'oklch(1 0 0)',
660
+ 'card-foreground': 'oklch(0.145 0 0)',
661
+ popover: 'oklch(1 0 0)',
662
+ 'popover-foreground': 'oklch(0.145 0 0)',
663
+ primary: 'oklch(0.145 0 0)',
664
+ 'primary-foreground': 'oklch(0.985 0 0)',
665
+ secondary: 'oklch(0.961 0 0)',
666
+ 'secondary-foreground': 'oklch(0.145 0 0)',
667
+ muted: 'oklch(0.961 0 0)',
668
+ 'muted-foreground': 'oklch(0.533 0 0)',
669
+ accent: 'oklch(0.961 0 0)',
670
+ 'accent-foreground': 'oklch(0.145 0 0)',
671
+ destructive: 'oklch(0.577 0.245 27.325)',
672
+ 'destructive-foreground': 'oklch(0.985 0 0)',
673
+ border: 'oklch(0.921 0 0)',
674
+ input: 'oklch(0.921 0 0)',
675
+ ring: 'oklch(0.145 0 0)',
676
+ 'chart-1': 'oklch(0.745 0.125 110)',
677
+ 'chart-2': 'oklch(0.645 0.15 250)',
678
+ 'chart-3': 'oklch(0.745 0.15 25)',
679
+ 'chart-4': 'oklch(0.645 0.15 320)',
680
+ 'chart-5': 'oklch(0.745 0.125 180)',
681
+ radius: '0.5rem'
682
+ },
683
+ dark: {
684
+ background: 'oklch(0.145 0 0)',
685
+ foreground: 'oklch(0.985 0 0)',
686
+ card: 'oklch(0.145 0 0)',
687
+ 'card-foreground': 'oklch(0.985 0 0)',
688
+ popover: 'oklch(0.145 0 0)',
689
+ 'popover-foreground': 'oklch(0.985 0 0)',
690
+ primary: 'oklch(0.985 0 0)',
691
+ 'primary-foreground': 'oklch(0.145 0 0)',
692
+ secondary: 'oklch(0.243 0 0)',
693
+ 'secondary-foreground': 'oklch(0.985 0 0)',
694
+ muted: 'oklch(0.243 0 0)',
695
+ 'muted-foreground': 'oklch(0.638 0 0)',
696
+ accent: 'oklch(0.243 0 0)',
697
+ 'accent-foreground': 'oklch(0.985 0 0)',
698
+ destructive: 'oklch(0.577 0.245 27.325)',
699
+ 'destructive-foreground': 'oklch(0.985 0 0)',
700
+ border: 'oklch(0.243 0 0)',
701
+ input: 'oklch(0.243 0 0)',
702
+ ring: 'oklch(0.851 0 0)',
703
+ 'chart-1': 'oklch(0.745 0.125 110)',
704
+ 'chart-2': 'oklch(0.645 0.15 250)',
705
+ 'chart-3': 'oklch(0.745 0.15 25)',
706
+ 'chart-4': 'oklch(0.645 0.15 320)',
707
+ 'chart-5': 'oklch(0.745 0.125 180)',
708
+ radius: '0.5rem'
709
+ }
710
+ }
711
+ }
712
+ };
713
+
714
+ //# sourceMappingURL=tweakcn-presets.js.map