@getdashfy/themes 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/LICENSE +661 -0
  3. package/README.md +45 -0
  4. package/dist/index.cjs +959 -0
  5. package/dist/index.cjs.map +1 -0
  6. package/dist/index.d.cts +318 -0
  7. package/dist/index.d.ts +318 -0
  8. package/dist/index.js +941 -0
  9. package/dist/index.js.map +1 -0
  10. package/package.json +70 -0
package/dist/index.cjs ADDED
@@ -0,0 +1,959 @@
1
+ 'use strict';
2
+
3
+ // src/lib/googleFont.ts
4
+ var DEFAULT_FONTS_FALLBACK = {
5
+ sans: "ui-sans-serif, system-ui, sans-serif",
6
+ serif: "ui-serif, Georgia, serif",
7
+ mono: "ui-monospace, SFMono-Regular, monospace"
8
+ };
9
+ var GOOGLE_FONTS_BASE = "https://fonts.googleapis.com/css2";
10
+ function googleFont(config) {
11
+ const entries = Object.entries(config);
12
+ const familyParams = entries.map(([, entry]) => {
13
+ const encoded = entry.family.replace(/ /g, "+");
14
+ const weights = entry.weights ?? [400];
15
+ return `family=${encoded}:wght@${weights.join(";")}`;
16
+ }).join("&");
17
+ const importHref = `${GOOGLE_FONTS_BASE}?${familyParams}&display=swap`;
18
+ const cssVar = (role, entry) => `"${entry.family}", ${entry.fallback ?? DEFAULT_FONTS_FALLBACK[role]}`;
19
+ const cssVariables = {
20
+ "--font-sans": cssVar("sans", config.sans),
21
+ "--font-mono": cssVar("mono", config.mono)
22
+ };
23
+ if (config.serif) {
24
+ cssVariables["--font-serif"] = cssVar("serif", config.serif);
25
+ }
26
+ return { importHref, cssVariables };
27
+ }
28
+
29
+ // src/lib/fonts.ts
30
+ var DEFAULT_FONT = googleFont({
31
+ sans: { family: "Geist", weights: [400, 500, 600, 700] },
32
+ mono: { family: "Geist Mono", weights: [400, 500, 600, 700] }
33
+ });
34
+ var DEFAULT_FONT_MONO = googleFont({
35
+ sans: {
36
+ family: "Geist Mono",
37
+ weights: [400, 500, 600, 700],
38
+ fallback: DEFAULT_FONTS_FALLBACK.mono
39
+ },
40
+ mono: { family: "Geist Mono", weights: [400, 500, 600, 700] }
41
+ });
42
+
43
+ // src/themes/default.ts
44
+ var defaultTheme = {
45
+ id: "default",
46
+ name: "default",
47
+ displayName: "Default",
48
+ fonts: DEFAULT_FONT,
49
+ light: {
50
+ colors: {
51
+ background: "hsl(0 0% 100%)",
52
+ foreground: "hsl(240 10% 3.9%)",
53
+ card: "hsl(0 0% 100%)",
54
+ cardForeground: "hsl(240 10% 3.9%)",
55
+ popover: "hsl(0 0% 100%)",
56
+ popoverForeground: "hsl(240 10% 3.9%)",
57
+ primary: "hsl(240 5.9% 10%)",
58
+ primaryForeground: "hsl(0 0% 98%)",
59
+ secondary: "hsl(240 4.8% 95.9%)",
60
+ secondaryForeground: "hsl(240 5.9% 10%)",
61
+ muted: "hsl(240 4.8% 95.9%)",
62
+ mutedForeground: "hsl(240 3.8% 46.1%)",
63
+ accent: "hsl(240 4.8% 95.9%)",
64
+ accentForeground: "hsl(240 5.9% 10%)",
65
+ destructive: "hsl(0 84.2% 60.2%)",
66
+ destructiveForeground: "hsl(0 0% 98%)",
67
+ success: "hsl(142.1 76.2% 36.3%)",
68
+ successForeground: "hsl(0 0% 98%)",
69
+ warning: "hsl(38 92% 50%)",
70
+ warningForeground: "hsl(0 0% 98%)",
71
+ error: "hsl(0 84.2% 60.2%)",
72
+ errorForeground: "hsl(0 0% 98%)",
73
+ info: "hsl(199 89% 48%)",
74
+ infoForeground: "hsl(0 0% 98%)",
75
+ border: "hsl(240 5.9% 90%)",
76
+ input: "hsl(240 5.9% 90%)",
77
+ ring: "hsl(240 5.9% 10%)",
78
+ chart1: "hsl(12 76% 61%)",
79
+ chart2: "hsl(173 58% 39%)",
80
+ chart3: "hsl(197 37% 24%)",
81
+ chart4: "hsl(43 74% 66%)",
82
+ chart5: "hsl(27 87% 67%)"
83
+ },
84
+ cssVariables: {
85
+ "--background": "0 0% 100%",
86
+ "--foreground": "240 10% 3.9%",
87
+ "--card": "0 0% 100%",
88
+ "--card-foreground": "240 10% 3.9%",
89
+ "--popover": "0 0% 100%",
90
+ "--popover-foreground": "240 10% 3.9%",
91
+ "--primary": "240 5.9% 10%",
92
+ "--primary-foreground": "0 0% 98%",
93
+ "--secondary": "240 4.8% 95.9%",
94
+ "--secondary-foreground": "240 5.9% 10%",
95
+ "--muted": "240 4.8% 95.9%",
96
+ "--muted-foreground": "240 3.8% 46.1%",
97
+ "--accent": "240 4.8% 95.9%",
98
+ "--accent-foreground": "240 5.9% 10%",
99
+ "--destructive": "0 84.2% 60.2%",
100
+ "--destructive-foreground": "0 0% 98%",
101
+ "--success": "142.1 76.2% 36.3%",
102
+ "--success-foreground": "0 0% 98%",
103
+ "--warning": "38 92% 50%",
104
+ "--warning-foreground": "0 0% 98%",
105
+ "--error": "0 84.2% 60.2%",
106
+ "--error-foreground": "0 0% 98%",
107
+ "--info": "199 89% 48%",
108
+ "--info-foreground": "0 0% 98%",
109
+ "--border": "240 5.9% 90%",
110
+ "--input": "240 5.9% 90%",
111
+ "--ring": "240 5.9% 10%",
112
+ "--radius": "0.5rem",
113
+ "--chart-1": "12 76% 61%",
114
+ "--chart-2": "173 58% 39%",
115
+ "--chart-3": "197 37% 24%",
116
+ "--chart-4": "43 74% 66%",
117
+ "--chart-5": "27 87% 67%"
118
+ }
119
+ },
120
+ dark: {
121
+ colors: {
122
+ background: "hsl(240 10% 3.9%)",
123
+ foreground: "hsl(0 0% 98%)",
124
+ card: "hsl(240 10% 3.9%)",
125
+ cardForeground: "hsl(0 0% 98%)",
126
+ popover: "hsl(240 10% 3.9%)",
127
+ popoverForeground: "hsl(0 0% 98%)",
128
+ primary: "hsl(0 0% 98%)",
129
+ primaryForeground: "hsl(240 5.9% 10%)",
130
+ secondary: "hsl(240 3.7% 15.9%)",
131
+ secondaryForeground: "hsl(0 0% 98%)",
132
+ muted: "hsl(240 3.7% 15.9%)",
133
+ mutedForeground: "hsl(240 5% 64.9%)",
134
+ accent: "hsl(240 3.7% 15.9%)",
135
+ accentForeground: "hsl(0 0% 98%)",
136
+ destructive: "hsl(0 62.8% 30.6%)",
137
+ destructiveForeground: "hsl(0 0% 98%)",
138
+ success: "hsl(142.1 70.6% 45.3%)",
139
+ successForeground: "hsl(0 0% 10%)",
140
+ warning: "hsl(38 92% 50%)",
141
+ warningForeground: "hsl(0 0% 10%)",
142
+ error: "hsl(0 62.8% 30.6%)",
143
+ errorForeground: "hsl(0 0% 98%)",
144
+ info: "hsl(199 89% 48%)",
145
+ infoForeground: "hsl(0 0% 10%)",
146
+ border: "hsl(240 3.7% 15.9%)",
147
+ input: "hsl(240 3.7% 15.9%)",
148
+ ring: "hsl(240 4.9% 83.9%)",
149
+ chart1: "hsl(220 70% 50%)",
150
+ chart2: "hsl(160 60% 45%)",
151
+ chart3: "hsl(30 80% 55%)",
152
+ chart4: "hsl(280 65% 60%)",
153
+ chart5: "hsl(340 75% 55%)"
154
+ },
155
+ cssVariables: {
156
+ "--background": "240 10% 3.9%",
157
+ "--foreground": "0 0% 98%",
158
+ "--card": "240 10% 3.9%",
159
+ "--card-foreground": "0 0% 98%",
160
+ "--popover": "240 10% 3.9%",
161
+ "--popover-foreground": "0 0% 98%",
162
+ "--primary": "0 0% 98%",
163
+ "--primary-foreground": "240 5.9% 10%",
164
+ "--secondary": "240 3.7% 15.9%",
165
+ "--secondary-foreground": "0 0% 98%",
166
+ "--muted": "240 3.7% 15.9%",
167
+ "--muted-foreground": "240 5% 64.9%",
168
+ "--accent": "240 3.7% 15.9%",
169
+ "--accent-foreground": "0 0% 98%",
170
+ "--destructive": "0 62.8% 30.6%",
171
+ "--destructive-foreground": "0 0% 98%",
172
+ "--success": "142.1 70.6% 45.3%",
173
+ "--success-foreground": "0 0% 10%",
174
+ "--warning": "38 92% 50%",
175
+ "--warning-foreground": "0 0% 10%",
176
+ "--error": "0 62.8% 30.6%",
177
+ "--error-foreground": "0 0% 98%",
178
+ "--info": "199 89% 48%",
179
+ "--info-foreground": "0 0% 10%",
180
+ "--border": "240 3.7% 15.9%",
181
+ "--input": "240 3.7% 15.9%",
182
+ "--ring": "240 4.9% 83.9%",
183
+ "--radius": "0.5rem",
184
+ "--chart-1": "220 70% 50%",
185
+ "--chart-2": "160 60% 45%",
186
+ "--chart-3": "30 80% 55%",
187
+ "--chart-4": "280 65% 60%",
188
+ "--chart-5": "340 75% 55%"
189
+ }
190
+ }
191
+ };
192
+
193
+ // src/themes/kodamaGrove.ts
194
+ var FONTS = googleFont({
195
+ sans: {
196
+ family: "Merriweather",
197
+ weights: [400, 500, 600, 700],
198
+ fallback: DEFAULT_FONTS_FALLBACK.serif
199
+ },
200
+ serif: {
201
+ family: "Source Serif 4",
202
+ weights: [400, 500, 600, 700],
203
+ fallback: DEFAULT_FONTS_FALLBACK.serif
204
+ },
205
+ mono: { family: "JetBrains Mono", weights: [400, 500, 600, 700] }
206
+ });
207
+ var kodamaGroveTheme = {
208
+ id: "kodamaGrove",
209
+ name: "kodamaGrove",
210
+ displayName: "Kodama Grove",
211
+ fonts: FONTS,
212
+ light: {
213
+ colors: {
214
+ background: "hsl(45 49.0566% 79.2157%)",
215
+ foreground: "hsl(26 19.4805% 30.1961%)",
216
+ card: "hsl(42 45.4545% 82.7451%)",
217
+ cardForeground: "hsl(26 19.4805% 30.1961%)",
218
+ popover: "hsl(43.6364 57.8947% 88.8235%)",
219
+ popoverForeground: "hsl(26 19.4805% 30.1961%)",
220
+ primary: "hsl(72.3077 33.0508% 46.2745%)",
221
+ primaryForeground: "hsl(42.8571 63.6364% 97.8431%)",
222
+ secondary: "hsl(44.5161 48.4375% 74.902%)",
223
+ secondaryForeground: "hsl(26 19.4805% 30.1961%)",
224
+ muted: "hsl(44.5161 48.4375% 74.902%)",
225
+ mutedForeground: "hsl(26.6667 11.2971% 46.8627%)",
226
+ accent: "hsl(43.9437 49.6503% 71.9608%)",
227
+ accentForeground: "hsl(26 19.4805% 30.1961%)",
228
+ destructive: "hsl(8.5714 54.491% 67.2549%)",
229
+ destructiveForeground: "hsl(45 44.4444% 96.4706%)",
230
+ success: "hsl(104.4444 11.2971% 46.8627%)",
231
+ successForeground: "hsl(42.8571 63.6364% 97.8431%)",
232
+ warning: "hsl(38 50% 55%)",
233
+ warningForeground: "hsl(26 19.4805% 30.1961%)",
234
+ error: "hsl(8.5714 54.491% 67.2549%)",
235
+ errorForeground: "hsl(45 44.4444% 96.4706%)",
236
+ info: "hsl(199 30% 55%)",
237
+ infoForeground: "hsl(42.8571 63.6364% 97.8431%)",
238
+ border: "hsl(26.25 23.5294% 60%)",
239
+ input: "hsl(43.9437 49.6503% 71.9608%)",
240
+ ring: "hsl(92.4324 19.171% 62.1569%)",
241
+ chart1: "hsl(92.4324 19.171% 62.1569%)",
242
+ chart2: "hsl(95 15.7895% 55.2941%)",
243
+ chart3: "hsl(102.8571 16.2791% 74.7059%)",
244
+ chart4: "hsl(104.4444 11.2971% 46.8627%)",
245
+ chart5: "hsl(103.6364 11.1111% 38.8235%)"
246
+ },
247
+ cssVariables: {
248
+ "--background": "45 49.0566% 79.2157%",
249
+ "--foreground": "26 19.4805% 30.1961%",
250
+ "--card": "42 45.4545% 82.7451%",
251
+ "--card-foreground": "26 19.4805% 30.1961%",
252
+ "--popover": "43.6364 57.8947% 88.8235%",
253
+ "--popover-foreground": "26 19.4805% 30.1961%",
254
+ "--primary": "72.3077 33.0508% 46.2745%",
255
+ "--primary-foreground": "42.8571 63.6364% 97.8431%",
256
+ "--secondary": "44.5161 48.4375% 74.902%",
257
+ "--secondary-foreground": "26 19.4805% 30.1961%",
258
+ "--muted": "44.5161 48.4375% 74.902%",
259
+ "--muted-foreground": "26.6667 11.2971% 46.8627%",
260
+ "--accent": "43.9437 49.6503% 71.9608%",
261
+ "--accent-foreground": "26 19.4805% 30.1961%",
262
+ "--destructive": "8.5714 54.491% 67.2549%",
263
+ "--destructive-foreground": "45 44.4444% 96.4706%",
264
+ "--success": "104.4444 11.2971% 46.8627%",
265
+ "--success-foreground": "42.8571 63.6364% 97.8431%",
266
+ "--warning": "38 50% 55%",
267
+ "--warning-foreground": "26 19.4805% 30.1961%",
268
+ "--error": "8.5714 54.491% 67.2549%",
269
+ "--error-foreground": "45 44.4444% 96.4706%",
270
+ "--info": "199 30% 55%",
271
+ "--info-foreground": "42.8571 63.6364% 97.8431%",
272
+ "--border": "26.25 23.5294% 60%",
273
+ "--input": "43.9437 49.6503% 71.9608%",
274
+ "--ring": "92.4324 19.171% 62.1569%",
275
+ "--radius": "0.425rem",
276
+ "--chart-1": "92.4324 19.171% 62.1569%",
277
+ "--chart-2": "95 15.7895% 55.2941%",
278
+ "--chart-3": "102.8571 16.2791% 74.7059%",
279
+ "--chart-4": "104.4444 11.2971% 46.8627%",
280
+ "--chart-5": "103.6364 11.1111% 38.8235%",
281
+ "--spacing": "0.25rem",
282
+ "--tracking-normal": "0em",
283
+ "--shadow-color": "hsl(88 22% 35% / 0.15)",
284
+ "--shadow-2xs": "3px 3px 2px 0px hsl(88 22% 35% / 0.07)",
285
+ "--shadow-xs": "3px 3px 2px 0px hsl(88 22% 35% / 0.07)",
286
+ "--shadow-sm": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15)",
287
+ "--shadow": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15)",
288
+ "--shadow-md": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 2px 4px -1px hsl(88 22% 35% / 0.15)",
289
+ "--shadow-lg": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 4px 6px -1px hsl(88 22% 35% / 0.15)",
290
+ "--shadow-xl": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 8px 10px -1px hsl(88 22% 35% / 0.15)",
291
+ "--shadow-2xl": "3px 3px 2px 0px hsl(88 22% 35% / 0.38)"
292
+ }
293
+ },
294
+ dark: {
295
+ colors: {
296
+ background: "hsl(42.3529 17.1717% 19.4118%)",
297
+ foreground: "hsl(38.4 40.9836% 88.0392%)",
298
+ card: "hsl(38.5714 12.069% 22.7451%)",
299
+ cardForeground: "hsl(38.4 40.9836% 88.0392%)",
300
+ popover: "hsl(38.5714 12.069% 22.7451%)",
301
+ popoverForeground: "hsl(38.4 40.9836% 88.0392%)",
302
+ primary: "hsl(95 15.7895% 55.2941%)",
303
+ primaryForeground: "hsl(26.6667 12% 14.7059%)",
304
+ secondary: "hsl(40 13.2075% 31.1765%)",
305
+ secondaryForeground: "hsl(38.4 40.9836% 88.0392%)",
306
+ muted: "hsl(38.8235 12.9771% 25.6863%)",
307
+ mutedForeground: "hsl(33.3333 9.375% 62.3529%)",
308
+ accent: "hsl(44.3478 27.2727% 49.6078%)",
309
+ accentForeground: "hsl(26.6667 12% 14.7059%)",
310
+ destructive: "hsl(9.6 33.6323% 56.2745%)",
311
+ destructiveForeground: "hsl(40 41.1765% 90%)",
312
+ success: "hsl(95 15.7895% 55.2941%)",
313
+ successForeground: "hsl(26.6667 12% 14.7059%)",
314
+ warning: "hsl(44.3478 27.2727% 49.6078%)",
315
+ warningForeground: "hsl(26.6667 12% 14.7059%)",
316
+ error: "hsl(9.6 33.6323% 56.2745%)",
317
+ errorForeground: "hsl(40 41.1765% 90%)",
318
+ info: "hsl(199 25% 48%)",
319
+ infoForeground: "hsl(40 41.1765% 90%)",
320
+ border: "hsl(40 13.2075% 31.1765%)",
321
+ input: "hsl(40 13.2075% 31.1765%)",
322
+ ring: "hsl(95 15.7895% 55.2941%)",
323
+ chart1: "hsl(95 15.7895% 55.2941%)",
324
+ chart2: "hsl(92.4324 19.171% 62.1569%)",
325
+ chart3: "hsl(104.4444 11.2971% 46.8627%)",
326
+ chart4: "hsl(44.3478 27.2727% 49.6078%)",
327
+ chart5: "hsl(103.6364 11.1111% 38.8235%)"
328
+ },
329
+ cssVariables: {
330
+ "--background": "42.3529 17.1717% 19.4118%",
331
+ "--foreground": "38.4 40.9836% 88.0392%",
332
+ "--card": "38.5714 12.069% 22.7451%",
333
+ "--card-foreground": "38.4 40.9836% 88.0392%",
334
+ "--popover": "38.5714 12.069% 22.7451%",
335
+ "--popover-foreground": "38.4 40.9836% 88.0392%",
336
+ "--primary": "95 15.7895% 55.2941%",
337
+ "--primary-foreground": "26.6667 12% 14.7059%",
338
+ "--secondary": "40 13.2075% 31.1765%",
339
+ "--secondary-foreground": "38.4 40.9836% 88.0392%",
340
+ "--muted": "38.8235 12.9771% 25.6863%",
341
+ "--muted-foreground": "33.3333 9.375% 62.3529%",
342
+ "--accent": "44.3478 27.2727% 49.6078%",
343
+ "--accent-foreground": "26.6667 12% 14.7059%",
344
+ "--destructive": "9.6 33.6323% 56.2745%",
345
+ "--destructive-foreground": "40 41.1765% 90%",
346
+ "--success": "95 15.7895% 55.2941%",
347
+ "--success-foreground": "26.6667 12% 14.7059%",
348
+ "--warning": "44.3478 27.2727% 49.6078%",
349
+ "--warning-foreground": "26.6667 12% 14.7059%",
350
+ "--error": "9.6 33.6323% 56.2745%",
351
+ "--error-foreground": "40 41.1765% 90%",
352
+ "--info": "199 25% 48%",
353
+ "--info-foreground": "40 41.1765% 90%",
354
+ "--border": "40 13.2075% 31.1765%",
355
+ "--input": "40 13.2075% 31.1765%",
356
+ "--ring": "95 15.7895% 55.2941%",
357
+ "--radius": "0.425rem",
358
+ "--chart-1": "95 15.7895% 55.2941%",
359
+ "--chart-2": "92.4324 19.171% 62.1569%",
360
+ "--chart-3": "104.4444 11.2971% 46.8627%",
361
+ "--chart-4": "44.3478 27.2727% 49.6078%",
362
+ "--chart-5": "103.6364 11.1111% 38.8235%",
363
+ "--spacing": "0.25rem",
364
+ "--tracking-normal": "0em",
365
+ "--shadow-color": "hsl(88 22% 35% / 0.15)",
366
+ "--shadow-2xs": "3px 3px 2px 0px hsl(88 22% 35% / 0.07)",
367
+ "--shadow-xs": "3px 3px 2px 0px hsl(88 22% 35% / 0.07)",
368
+ "--shadow-sm": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15)",
369
+ "--shadow": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 1px 2px -1px hsl(88 22% 35% / 0.15)",
370
+ "--shadow-md": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 2px 4px -1px hsl(88 22% 35% / 0.15)",
371
+ "--shadow-lg": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 4px 6px -1px hsl(88 22% 35% / 0.15)",
372
+ "--shadow-xl": "3px 3px 2px 0px hsl(88 22% 35% / 0.15), 3px 8px 10px -1px hsl(88 22% 35% / 0.15)",
373
+ "--shadow-2xl": "3px 3px 2px 0px hsl(88 22% 35% / 0.38)"
374
+ }
375
+ }
376
+ };
377
+
378
+ // src/themes/midnightBlue.ts
379
+ var midnightBlueTheme = {
380
+ id: "midnightBlue",
381
+ name: "midnightBlue",
382
+ displayName: "Midnight Blue",
383
+ fonts: DEFAULT_FONT,
384
+ light: {
385
+ colors: {
386
+ background: "hsl(210 40% 98%)",
387
+ foreground: "hsl(222.2 47.4% 11.2%)",
388
+ card: "hsl(0 0% 100%)",
389
+ cardForeground: "hsl(222.2 47.4% 11.2%)",
390
+ popover: "hsl(0 0% 100%)",
391
+ popoverForeground: "hsl(222.2 47.4% 11.2%)",
392
+ primary: "hsl(217.2 91.2% 59.8%)",
393
+ primaryForeground: "hsl(0 0% 98%)",
394
+ secondary: "hsl(214.3 31.8% 91.4%)",
395
+ secondaryForeground: "hsl(222.2 47.4% 11.2%)",
396
+ muted: "hsl(214.3 31.8% 91.4%)",
397
+ mutedForeground: "hsl(215 16.3% 46.9%)",
398
+ accent: "hsl(210 40% 96.1%)",
399
+ accentForeground: "hsl(222.2 47.4% 11.2%)",
400
+ destructive: "hsl(0 84.2% 60.2%)",
401
+ destructiveForeground: "hsl(0 0% 98%)",
402
+ success: "hsl(142.1 76.2% 36.3%)",
403
+ successForeground: "hsl(0 0% 98%)",
404
+ warning: "hsl(38 92% 50%)",
405
+ warningForeground: "hsl(0 0% 98%)",
406
+ error: "hsl(0 84.2% 60.2%)",
407
+ errorForeground: "hsl(0 0% 98%)",
408
+ info: "hsl(199 89% 48%)",
409
+ infoForeground: "hsl(0 0% 98%)",
410
+ border: "hsl(214.3 31.8% 91.4%)",
411
+ input: "hsl(214.3 31.8% 91.4%)",
412
+ ring: "hsl(217.2 91.2% 59.8%)",
413
+ chart1: "hsl(217.2 91.2% 59.8%)",
414
+ chart2: "hsl(199 89% 48%)",
415
+ chart3: "hsl(240 60% 60%)",
416
+ chart4: "hsl(210 80% 65%)",
417
+ chart5: "hsl(195 75% 55%)"
418
+ },
419
+ cssVariables: {
420
+ "--background": "210 40% 98%",
421
+ "--foreground": "222.2 47.4% 11.2%",
422
+ "--card": "0 0% 100%",
423
+ "--card-foreground": "222.2 47.4% 11.2%",
424
+ "--popover": "0 0% 100%",
425
+ "--popover-foreground": "222.2 47.4% 11.2%",
426
+ "--primary": "217.2 91.2% 59.8%",
427
+ "--primary-foreground": "0 0% 98%",
428
+ "--secondary": "214.3 31.8% 91.4%",
429
+ "--secondary-foreground": "222.2 47.4% 11.2%",
430
+ "--muted": "214.3 31.8% 91.4%",
431
+ "--muted-foreground": "215 16.3% 46.9%",
432
+ "--accent": "210 40% 96.1%",
433
+ "--accent-foreground": "222.2 47.4% 11.2%",
434
+ "--destructive": "0 84.2% 60.2%",
435
+ "--destructive-foreground": "0 0% 98%",
436
+ "--success": "142.1 76.2% 36.3%",
437
+ "--success-foreground": "0 0% 98%",
438
+ "--warning": "38 92% 50%",
439
+ "--warning-foreground": "0 0% 98%",
440
+ "--error": "0 84.2% 60.2%",
441
+ "--error-foreground": "0 0% 98%",
442
+ "--info": "199 89% 48%",
443
+ "--info-foreground": "0 0% 98%",
444
+ "--border": "214.3 31.8% 91.4%",
445
+ "--input": "214.3 31.8% 91.4%",
446
+ "--ring": "217.2 91.2% 59.8%",
447
+ "--radius": "0.5rem",
448
+ "--chart-1": "217.2 91.2% 59.8%",
449
+ "--chart-2": "199 89% 48%",
450
+ "--chart-3": "240 60% 60%",
451
+ "--chart-4": "210 80% 65%",
452
+ "--chart-5": "195 75% 55%"
453
+ }
454
+ },
455
+ dark: {
456
+ colors: {
457
+ background: "hsl(222.2 84% 4.9%)",
458
+ foreground: "hsl(210 40% 98%)",
459
+ card: "hsl(222.2 84% 4.9%)",
460
+ cardForeground: "hsl(210 40% 98%)",
461
+ popover: "hsl(222.2 84% 4.9%)",
462
+ popoverForeground: "hsl(210 40% 98%)",
463
+ primary: "hsl(217.2 91.2% 59.8%)",
464
+ primaryForeground: "hsl(222.2 47.4% 11.2%)",
465
+ secondary: "hsl(217.2 32.6% 17.5%)",
466
+ secondaryForeground: "hsl(210 40% 98%)",
467
+ muted: "hsl(217.2 32.6% 17.5%)",
468
+ mutedForeground: "hsl(215 20.2% 65.1%)",
469
+ accent: "hsl(217.2 32.6% 17.5%)",
470
+ accentForeground: "hsl(210 40% 98%)",
471
+ destructive: "hsl(0 62.8% 30.6%)",
472
+ destructiveForeground: "hsl(0 85.7% 97.3%)",
473
+ success: "hsl(142.1 70.6% 45.3%)",
474
+ successForeground: "hsl(144.9 80.4% 95%)",
475
+ warning: "hsl(38 92% 50%)",
476
+ warningForeground: "hsl(20.5 90.2% 10%)",
477
+ error: "hsl(0 62.8% 30.6%)",
478
+ errorForeground: "hsl(0 85.7% 97.3%)",
479
+ info: "hsl(199 89% 48%)",
480
+ infoForeground: "hsl(210 40% 98%)",
481
+ border: "hsl(217.2 32.6% 17.5%)",
482
+ input: "hsl(217.2 32.6% 17.5%)",
483
+ ring: "hsl(224.3 76.3% 48%)",
484
+ chart1: "hsl(220 70% 50%)",
485
+ chart2: "hsl(160 60% 45%)",
486
+ chart3: "hsl(30 80% 55%)",
487
+ chart4: "hsl(280 65% 60%)",
488
+ chart5: "hsl(340 75% 55%)"
489
+ },
490
+ cssVariables: {
491
+ "--background": "222.2 84% 4.9%",
492
+ "--foreground": "210 40% 98%",
493
+ "--card": "222.2 84% 4.9%",
494
+ "--card-foreground": "210 40% 98%",
495
+ "--popover": "222.2 84% 4.9%",
496
+ "--popover-foreground": "210 40% 98%",
497
+ "--primary": "217.2 91.2% 59.8%",
498
+ "--primary-foreground": "222.2 47.4% 11.2%",
499
+ "--secondary": "217.2 32.6% 17.5%",
500
+ "--secondary-foreground": "210 40% 98%",
501
+ "--muted": "217.2 32.6% 17.5%",
502
+ "--muted-foreground": "215 20.2% 65.1%",
503
+ "--accent": "217.2 32.6% 17.5%",
504
+ "--accent-foreground": "210 40% 98%",
505
+ "--destructive": "0 62.8% 30.6%",
506
+ "--destructive-foreground": "0 85.7% 97.3%",
507
+ "--success": "142.1 70.6% 45.3%",
508
+ "--success-foreground": "144.9 80.4% 95%",
509
+ "--warning": "38 92% 50%",
510
+ "--warning-foreground": "20.5 90.2% 10%",
511
+ "--error": "0 62.8% 30.6%",
512
+ "--error-foreground": "0 85.7% 97.3%",
513
+ "--info": "199 89% 48%",
514
+ "--info-foreground": "210 40% 98%",
515
+ "--border": "217.2 32.6% 17.5%",
516
+ "--input": "217.2 32.6% 17.5%",
517
+ "--ring": "224.3 76.3% 48%",
518
+ "--radius": "0.5rem",
519
+ "--chart-1": "220 70% 50%",
520
+ "--chart-2": "160 60% 45%",
521
+ "--chart-3": "30 80% 55%",
522
+ "--chart-4": "280 65% 60%",
523
+ "--chart-5": "340 75% 55%"
524
+ }
525
+ }
526
+ };
527
+
528
+ // src/themes/minimal.ts
529
+ var minimalTheme = {
530
+ id: "minimal",
531
+ name: "minimal",
532
+ displayName: "Minimal",
533
+ fonts: DEFAULT_FONT_MONO,
534
+ light: {
535
+ colors: {
536
+ background: "hsl(0 0% 100%)",
537
+ foreground: "hsl(0 0% 0%)",
538
+ card: "hsl(0 0% 100%)",
539
+ cardForeground: "hsl(0 0% 0%)",
540
+ popover: "hsl(0 0% 100%)",
541
+ popoverForeground: "hsl(0 0% 0%)",
542
+ primary: "hsl(0 0% 0%)",
543
+ primaryForeground: "hsl(0 0% 100%)",
544
+ secondary: "hsl(0 0% 96%)",
545
+ secondaryForeground: "hsl(0 0% 0%)",
546
+ muted: "hsl(0 0% 96%)",
547
+ mutedForeground: "hsl(0 0% 45%)",
548
+ accent: "hsl(0 0% 96%)",
549
+ accentForeground: "hsl(0 0% 0%)",
550
+ destructive: "hsl(11 93% 73%)",
551
+ destructiveForeground: "hsl(0 0% 0%)",
552
+ success: "hsl(166 46% 49%)",
553
+ successForeground: "hsl(0 0% 100%)",
554
+ warning: "hsl(43 74% 60%)",
555
+ warningForeground: "hsl(0 0% 0%)",
556
+ error: "hsl(11 93% 73%)",
557
+ errorForeground: "hsl(0 0% 0%)",
558
+ info: "hsl(199 89% 48%)",
559
+ infoForeground: "hsl(0 0% 100%)",
560
+ border: "hsl(0 0% 0%)",
561
+ input: "hsl(0 0% 90%)",
562
+ ring: "hsl(0 0% 0%)",
563
+ chart1: "hsl(0 0% 20%)",
564
+ chart2: "hsl(0 0% 35%)",
565
+ chart3: "hsl(0 0% 50%)",
566
+ chart4: "hsl(0 0% 65%)",
567
+ chart5: "hsl(0 0% 80%)"
568
+ },
569
+ cssVariables: {
570
+ "--background": "0 0% 100%",
571
+ "--foreground": "0 0% 0%",
572
+ "--card": "0 0% 100%",
573
+ "--card-foreground": "0 0% 0%",
574
+ "--popover": "0 0% 100%",
575
+ "--popover-foreground": "0 0% 0%",
576
+ "--primary": "0 0% 0%",
577
+ "--primary-foreground": "0 0% 100%",
578
+ "--secondary": "0 0% 96%",
579
+ "--secondary-foreground": "0 0% 0%",
580
+ "--muted": "0 0% 96%",
581
+ "--muted-foreground": "0 0% 45%",
582
+ "--accent": "0 0% 96%",
583
+ "--accent-foreground": "0 0% 0%",
584
+ "--destructive": "11 93% 73%",
585
+ "--destructive-foreground": "0 0% 0%",
586
+ "--success": "166 46% 49%",
587
+ "--success-foreground": "0 0% 100%",
588
+ "--warning": "43 74% 60%",
589
+ "--warning-foreground": "0 0% 0%",
590
+ "--error": "11 93% 73%",
591
+ "--error-foreground": "0 0% 0%",
592
+ "--info": "199 89% 48%",
593
+ "--info-foreground": "0 0% 100%",
594
+ "--border": "0 0% 0%",
595
+ "--input": "0 0% 90%",
596
+ "--ring": "0 0% 0%",
597
+ "--radius": "0.25rem",
598
+ "--chart-1": "0 0% 20%",
599
+ "--chart-2": "0 0% 35%",
600
+ "--chart-3": "0 0% 50%",
601
+ "--chart-4": "0 0% 65%",
602
+ "--chart-5": "0 0% 80%"
603
+ }
604
+ },
605
+ dark: {
606
+ colors: {
607
+ background: "hsl(0 0% 0%)",
608
+ foreground: "hsl(0 0% 100%)",
609
+ card: "hsl(0 0% 0%)",
610
+ cardForeground: "hsl(0 0% 100%)",
611
+ popover: "hsl(0 0% 0%)",
612
+ popoverForeground: "hsl(0 0% 100%)",
613
+ primary: "hsl(0 0% 100%)",
614
+ primaryForeground: "hsl(0 0% 0%)",
615
+ secondary: "hsl(0 0% 10%)",
616
+ secondaryForeground: "hsl(0 0% 100%)",
617
+ muted: "hsl(0 0% 10%)",
618
+ mutedForeground: "hsl(0 0% 55%)",
619
+ accent: "hsl(0 0% 10%)",
620
+ accentForeground: "hsl(0 0% 100%)",
621
+ destructive: "hsl(11 93% 45%)",
622
+ destructiveForeground: "hsl(0 0% 100%)",
623
+ success: "hsl(166 46% 49%)",
624
+ successForeground: "hsl(0 0% 0%)",
625
+ warning: "hsl(43 74% 60%)",
626
+ warningForeground: "hsl(0 0% 0%)",
627
+ error: "hsl(11 93% 45%)",
628
+ errorForeground: "hsl(0 0% 100%)",
629
+ info: "hsl(199 89% 48%)",
630
+ infoForeground: "hsl(0 0% 0%)",
631
+ border: "hsl(0 0% 100%)",
632
+ input: "hsl(0 0% 20%)",
633
+ ring: "hsl(0 0% 100%)",
634
+ chart1: "hsl(0 0% 80%)",
635
+ chart2: "hsl(0 0% 65%)",
636
+ chart3: "hsl(0 0% 50%)",
637
+ chart4: "hsl(0 0% 35%)",
638
+ chart5: "hsl(0 0% 20%)"
639
+ },
640
+ cssVariables: {
641
+ "--background": "0 0% 0%",
642
+ "--foreground": "0 0% 100%",
643
+ "--card": "0 0% 0%",
644
+ "--card-foreground": "0 0% 100%",
645
+ "--popover": "0 0% 0%",
646
+ "--popover-foreground": "0 0% 100%",
647
+ "--primary": "0 0% 100%",
648
+ "--primary-foreground": "0 0% 0%",
649
+ "--secondary": "0 0% 10%",
650
+ "--secondary-foreground": "0 0% 100%",
651
+ "--muted": "0 0% 10%",
652
+ "--muted-foreground": "0 0% 55%",
653
+ "--accent": "0 0% 10%",
654
+ "--accent-foreground": "0 0% 100%",
655
+ "--destructive": "11 93% 45%",
656
+ "--destructive-foreground": "0 0% 100%",
657
+ "--success": "166 46% 49%",
658
+ "--success-foreground": "0 0% 0%",
659
+ "--warning": "43 74% 60%",
660
+ "--warning-foreground": "0 0% 0%",
661
+ "--error": "11 93% 45%",
662
+ "--error-foreground": "0 0% 100%",
663
+ "--info": "199 89% 48%",
664
+ "--info-foreground": "0 0% 0%",
665
+ "--border": "0 0% 100%",
666
+ "--input": "0 0% 20%",
667
+ "--ring": "0 0% 100%",
668
+ "--radius": "0.25rem",
669
+ "--chart-1": "0 0% 80%",
670
+ "--chart-2": "0 0% 65%",
671
+ "--chart-3": "0 0% 50%",
672
+ "--chart-4": "0 0% 35%",
673
+ "--chart-5": "0 0% 20%"
674
+ }
675
+ }
676
+ };
677
+
678
+ // src/themes/nord.ts
679
+ var nordTheme = {
680
+ id: "nord",
681
+ name: "nord",
682
+ displayName: "Nord",
683
+ fonts: DEFAULT_FONT,
684
+ light: {
685
+ colors: {
686
+ background: "hsl(218 27% 94%)",
687
+ foreground: "hsl(220 16% 22%)",
688
+ card: "hsl(0 0% 100%)",
689
+ cardForeground: "hsl(220 16% 22%)",
690
+ popover: "hsl(0 0% 100%)",
691
+ popoverForeground: "hsl(220 16% 22%)",
692
+ primary: "hsl(213 32% 52%)",
693
+ primaryForeground: "hsl(218 27% 94%)",
694
+ secondary: "hsl(220 16% 88%)",
695
+ secondaryForeground: "hsl(220 16% 22%)",
696
+ muted: "hsl(220 16% 88%)",
697
+ mutedForeground: "hsl(220 17% 40%)",
698
+ accent: "hsl(179 25% 65%)",
699
+ accentForeground: "hsl(220 16% 22%)",
700
+ destructive: "hsl(354 42% 56%)",
701
+ destructiveForeground: "hsl(218 27% 94%)",
702
+ success: "hsl(92 28% 45%)",
703
+ successForeground: "hsl(218 27% 94%)",
704
+ warning: "hsl(40 71% 55%)",
705
+ warningForeground: "hsl(220 16% 22%)",
706
+ error: "hsl(354 42% 56%)",
707
+ errorForeground: "hsl(218 27% 94%)",
708
+ info: "hsl(199 89% 48%)",
709
+ infoForeground: "hsl(218 27% 94%)",
710
+ border: "hsl(220 16% 80%)",
711
+ input: "hsl(220 16% 88%)",
712
+ ring: "hsl(213 32% 52%)",
713
+ chart1: "hsl(213 32% 52%)",
714
+ chart2: "hsl(179 25% 65%)",
715
+ chart3: "hsl(92 28% 65%)",
716
+ chart4: "hsl(40 71% 73%)",
717
+ chart5: "hsl(354 42% 56%)"
718
+ },
719
+ cssVariables: {
720
+ "--background": "218 27% 94%",
721
+ "--foreground": "220 16% 22%",
722
+ "--card": "0 0% 100%",
723
+ "--card-foreground": "220 16% 22%",
724
+ "--popover": "0 0% 100%",
725
+ "--popover-foreground": "220 16% 22%",
726
+ "--primary": "213 32% 52%",
727
+ "--primary-foreground": "218 27% 94%",
728
+ "--secondary": "220 16% 88%",
729
+ "--secondary-foreground": "220 16% 22%",
730
+ "--muted": "220 16% 88%",
731
+ "--muted-foreground": "220 17% 40%",
732
+ "--accent": "179 25% 65%",
733
+ "--accent-foreground": "220 16% 22%",
734
+ "--destructive": "354 42% 56%",
735
+ "--destructive-foreground": "218 27% 94%",
736
+ "--success": "92 28% 45%",
737
+ "--success-foreground": "218 27% 94%",
738
+ "--warning": "40 71% 55%",
739
+ "--warning-foreground": "220 16% 22%",
740
+ "--error": "354 42% 56%",
741
+ "--error-foreground": "218 27% 94%",
742
+ "--info": "199 89% 48%",
743
+ "--info-foreground": "218 27% 94%",
744
+ "--border": "220 16% 80%",
745
+ "--input": "220 16% 88%",
746
+ "--ring": "213 32% 52%",
747
+ "--radius": "0.5rem",
748
+ "--chart-1": "213 32% 52%",
749
+ "--chart-2": "179 25% 65%",
750
+ "--chart-3": "92 28% 65%",
751
+ "--chart-4": "40 71% 73%",
752
+ "--chart-5": "354 42% 56%"
753
+ }
754
+ },
755
+ dark: {
756
+ colors: {
757
+ background: "hsl(220 16% 22%)",
758
+ foreground: "hsl(218 27% 94%)",
759
+ card: "hsl(220 17% 20%)",
760
+ cardForeground: "hsl(218 27% 94%)",
761
+ popover: "hsl(220 17% 20%)",
762
+ popoverForeground: "hsl(218 27% 94%)",
763
+ primary: "hsl(213 32% 52%)",
764
+ primaryForeground: "hsl(218 27% 94%)",
765
+ secondary: "hsl(220 16% 28%)",
766
+ secondaryForeground: "hsl(218 27% 94%)",
767
+ muted: "hsl(220 16% 28%)",
768
+ mutedForeground: "hsl(220 17% 66%)",
769
+ accent: "hsl(179 25% 65%)",
770
+ accentForeground: "hsl(220 16% 22%)",
771
+ destructive: "hsl(354 42% 56%)",
772
+ destructiveForeground: "hsl(218 27% 94%)",
773
+ success: "hsl(92 28% 65%)",
774
+ successForeground: "hsl(220 16% 22%)",
775
+ warning: "hsl(40 71% 73%)",
776
+ warningForeground: "hsl(220 16% 22%)",
777
+ error: "hsl(354 42% 56%)",
778
+ errorForeground: "hsl(218 27% 94%)",
779
+ info: "hsl(199 89% 48%)",
780
+ infoForeground: "hsl(218 27% 94%)",
781
+ border: "hsl(220 16% 36%)",
782
+ input: "hsl(220 16% 28%)",
783
+ ring: "hsl(213 32% 52%)",
784
+ chart1: "hsl(213 32% 52%)",
785
+ chart2: "hsl(179 25% 65%)",
786
+ chart3: "hsl(92 28% 65%)",
787
+ chart4: "hsl(40 71% 73%)",
788
+ chart5: "hsl(354 42% 56%)"
789
+ },
790
+ cssVariables: {
791
+ "--background": "220 16% 22%",
792
+ "--foreground": "218 27% 94%",
793
+ "--card": "220 17% 20%",
794
+ "--card-foreground": "218 27% 94%",
795
+ "--popover": "220 17% 20%",
796
+ "--popover-foreground": "218 27% 94%",
797
+ "--primary": "213 32% 52%",
798
+ "--primary-foreground": "218 27% 94%",
799
+ "--secondary": "220 16% 28%",
800
+ "--secondary-foreground": "218 27% 94%",
801
+ "--muted": "220 16% 28%",
802
+ "--muted-foreground": "220 17% 66%",
803
+ "--accent": "179 25% 65%",
804
+ "--accent-foreground": "220 16% 22%",
805
+ "--destructive": "354 42% 56%",
806
+ "--destructive-foreground": "218 27% 94%",
807
+ "--success": "92 28% 65%",
808
+ "--success-foreground": "220 16% 22%",
809
+ "--warning": "40 71% 73%",
810
+ "--warning-foreground": "220 16% 22%",
811
+ "--error": "354 42% 56%",
812
+ "--error-foreground": "218 27% 94%",
813
+ "--info": "199 89% 48%",
814
+ "--info-foreground": "218 27% 94%",
815
+ "--border": "220 16% 36%",
816
+ "--input": "220 16% 28%",
817
+ "--ring": "213 32% 52%",
818
+ "--radius": "0.5rem",
819
+ "--chart-1": "213 32% 52%",
820
+ "--chart-2": "179 25% 65%",
821
+ "--chart-3": "92 28% 65%",
822
+ "--chart-4": "40 71% 73%",
823
+ "--chart-5": "354 42% 56%"
824
+ }
825
+ }
826
+ };
827
+
828
+ // src/themes/index.ts
829
+ var themes = {
830
+ default: defaultTheme,
831
+ kodamaGrove: kodamaGroveTheme,
832
+ midnightBlue: midnightBlueTheme,
833
+ minimal: minimalTheme,
834
+ nord: nordTheme
835
+ };
836
+
837
+ // src/index.ts
838
+ var DEFAULT_THEME = "default";
839
+ var THEME_FONT_LINK_ID = "dashfy-theme-fonts";
840
+ function getTheme(id) {
841
+ return themes[id];
842
+ }
843
+ function applyTheme(theme, mode) {
844
+ if (typeof document === "undefined") {
845
+ return;
846
+ }
847
+ const root = document.documentElement;
848
+ const currentMode = mode ?? (root.classList.contains("dark") ? "dark" : "light");
849
+ const themeColors = currentMode === "dark" ? theme.dark : theme.light;
850
+ Object.entries(themeColors.cssVariables).forEach(([key, value]) => {
851
+ root.style.setProperty(key, value);
852
+ });
853
+ if (theme.fonts) {
854
+ Object.entries(theme.fonts.cssVariables).forEach(([key, value]) => {
855
+ root.style.setProperty(key, value);
856
+ });
857
+ let link = document.getElementById(THEME_FONT_LINK_ID);
858
+ if (!link) {
859
+ link = document.createElement("link");
860
+ link.id = THEME_FONT_LINK_ID;
861
+ link.rel = "stylesheet";
862
+ document.head.appendChild(link);
863
+ }
864
+ link.href = theme.fonts.importHref;
865
+ } else {
866
+ document.getElementById(THEME_FONT_LINK_ID)?.remove();
867
+ root.style.removeProperty("--font-sans");
868
+ root.style.removeProperty("--font-mono");
869
+ }
870
+ root.setAttribute("data-theme", theme.id);
871
+ }
872
+ function removeTheme(theme) {
873
+ if (typeof document === "undefined") {
874
+ return;
875
+ }
876
+ const root = document.documentElement;
877
+ Object.keys(theme.light.cssVariables).forEach((key) => {
878
+ root.style.removeProperty(key);
879
+ });
880
+ if (theme.fonts) {
881
+ Object.keys(theme.fonts.cssVariables).forEach((key) => {
882
+ root.style.removeProperty(key);
883
+ });
884
+ }
885
+ document.getElementById(THEME_FONT_LINK_ID)?.remove();
886
+ root.removeAttribute("data-theme");
887
+ }
888
+ function getCurrentTheme() {
889
+ if (typeof document === "undefined") {
890
+ return null;
891
+ }
892
+ const themeId = document.documentElement.getAttribute("data-theme");
893
+ return themeId;
894
+ }
895
+ function listThemes() {
896
+ return Object.keys(themes);
897
+ }
898
+ function createTheme(options) {
899
+ const {
900
+ id,
901
+ name,
902
+ displayName,
903
+ lightColors,
904
+ darkColors,
905
+ baseTheme = defaultTheme,
906
+ fonts
907
+ } = options;
908
+ const convertColorsToCssVars = (colors) => {
909
+ return Object.entries(colors).reduce(
910
+ (acc, [key, value]) => {
911
+ const cssVar = `--${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
912
+ const cssValue = typeof value === "string" && value.startsWith("hsl(") ? value.replace("hsl(", "").replace(")", "") : value;
913
+ acc[cssVar] = cssValue;
914
+ return acc;
915
+ },
916
+ {}
917
+ );
918
+ };
919
+ return {
920
+ id,
921
+ name,
922
+ displayName,
923
+ fonts: fonts ?? baseTheme.fonts,
924
+ light: {
925
+ colors: { ...baseTheme.light.colors, ...lightColors },
926
+ cssVariables: {
927
+ ...baseTheme.light.cssVariables,
928
+ ...convertColorsToCssVars(lightColors)
929
+ }
930
+ },
931
+ dark: {
932
+ colors: { ...baseTheme.dark.colors, ...darkColors ?? lightColors },
933
+ cssVariables: {
934
+ ...baseTheme.dark.cssVariables,
935
+ ...convertColorsToCssVars(darkColors ?? lightColors)
936
+ }
937
+ }
938
+ };
939
+ }
940
+
941
+ exports.DEFAULT_FONT = DEFAULT_FONT;
942
+ exports.DEFAULT_FONTS_FALLBACK = DEFAULT_FONTS_FALLBACK;
943
+ exports.DEFAULT_FONT_MONO = DEFAULT_FONT_MONO;
944
+ exports.DEFAULT_THEME = DEFAULT_THEME;
945
+ exports.applyTheme = applyTheme;
946
+ exports.createTheme = createTheme;
947
+ exports.defaultTheme = defaultTheme;
948
+ exports.getCurrentTheme = getCurrentTheme;
949
+ exports.getTheme = getTheme;
950
+ exports.googleFont = googleFont;
951
+ exports.kodamaGroveTheme = kodamaGroveTheme;
952
+ exports.listThemes = listThemes;
953
+ exports.midnightBlueTheme = midnightBlueTheme;
954
+ exports.minimalTheme = minimalTheme;
955
+ exports.nordTheme = nordTheme;
956
+ exports.removeTheme = removeTheme;
957
+ exports.themes = themes;
958
+ //# sourceMappingURL=index.cjs.map
959
+ //# sourceMappingURL=index.cjs.map