paperclip-theme 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 (27) hide show
  1. package/README.md +47 -0
  2. package/dist/constants.d.ts +82 -0
  3. package/dist/constants.d.ts.map +1 -0
  4. package/dist/constants.js +644 -0
  5. package/dist/constants.js.map +1 -0
  6. package/dist/index.d.ts +3 -0
  7. package/dist/index.d.ts.map +1 -0
  8. package/dist/index.js +3 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/manifest.d.ts +4 -0
  11. package/dist/manifest.d.ts.map +1 -0
  12. package/dist/manifest.js +31 -0
  13. package/dist/manifest.js.map +1 -0
  14. package/dist/ui/index.js +815 -0
  15. package/dist/ui/index.js.map +7 -0
  16. package/dist/worker.d.ts +4 -0
  17. package/dist/worker.d.ts.map +1 -0
  18. package/dist/worker.js +73 -0
  19. package/dist/worker.js.map +1 -0
  20. package/package.json +44 -0
  21. package/scripts/build-ui.mjs +24 -0
  22. package/src/constants.ts +668 -0
  23. package/src/index.ts +2 -0
  24. package/src/manifest.ts +39 -0
  25. package/src/ui/index.tsx +914 -0
  26. package/src/worker.ts +105 -0
  27. package/tsconfig.json +21 -0
package/src/constants.ts ADDED
@@ -0,0 +1,668 @@
1
+ export const PLUGIN_ID = "blazo.paperclip-theme";
2
+ export const PLUGIN_VERSION = "0.1.0";
3
+
4
+ export const SLOT_IDS = {
5
+ settingsPage: "theme-settings-page",
6
+ } as const;
7
+
8
+ export const EXPORT_NAMES = {
9
+ settingsPage: "ThemeSettingsPage",
10
+ } as const;
11
+
12
+ export const STATE_KEYS = {
13
+ activeTheme: "active-theme",
14
+ } as const;
15
+
16
+ export const DATA_ENDPOINTS = {
17
+ activeTheme: "active-theme",
18
+ presets: "presets",
19
+ } as const;
20
+
21
+ export const ACTION_NAMES = {
22
+ applyTheme: "apply-theme",
23
+ resetTheme: "reset-theme",
24
+ } as const;
25
+
26
+ /**
27
+ * Semantic CSS custom properties that control Paperclip's entire look.
28
+ * Grouped by role for the settings UI.
29
+ */
30
+ export const TOKEN_GROUPS = {
31
+ surface: {
32
+ label: "Surfaces",
33
+ description: "Background and card colors",
34
+ tokens: ["--background", "--card", "--muted", "--accent"],
35
+ },
36
+ text: {
37
+ label: "Text",
38
+ description: "Foreground and label colors",
39
+ tokens: ["--foreground", "--card-foreground", "--muted-foreground", "--accent-foreground"],
40
+ },
41
+ interactive: {
42
+ label: "Interactive",
43
+ description: "Buttons, links, and primary actions",
44
+ tokens: ["--primary", "--primary-foreground"],
45
+ },
46
+ feedback: {
47
+ label: "Feedback",
48
+ description: "Errors and destructive actions",
49
+ tokens: ["--destructive", "--destructive-foreground"],
50
+ },
51
+ structure: {
52
+ label: "Structure",
53
+ description: "Borders, radius, and layout",
54
+ tokens: ["--border", "--input", "--ring"],
55
+ },
56
+ charts: {
57
+ label: "Charts",
58
+ description: "Dashboard visualization colors",
59
+ tokens: ["--chart-1", "--chart-2", "--chart-3", "--chart-4", "--chart-5"],
60
+ },
61
+ } as const;
62
+
63
+ /**
64
+ * Complete theme configuration shape.
65
+ * Values are raw CSS values (oklch, hex, px, etc.).
66
+ */
67
+ export interface ThemeConfig {
68
+ id: string;
69
+ name: string;
70
+ description: string;
71
+ author: string;
72
+ isDark: boolean;
73
+ tokens: Record<string, string>;
74
+ radius: string;
75
+ createdAt: string;
76
+ updatedAt: string;
77
+ }
78
+
79
+ /**
80
+ * The default Paperclip dark theme — extracted from the shipped CSS.
81
+ * This is the baseline; all presets override from here.
82
+ */
83
+ export const PAPERCLIP_DARK_DEFAULTS: Record<string, string> = {
84
+ "--background": "oklch(14.5% 0 0)",
85
+ "--foreground": "oklch(98.5% 0 0)",
86
+ "--card": "oklch(14.5% 0 0)",
87
+ "--card-foreground": "oklch(98.5% 0 0)",
88
+ "--primary": "oklch(98.5% 0 0)",
89
+ "--primary-foreground": "oklch(20.5% 0 0)",
90
+ "--muted": "oklch(21.5% 0 0)",
91
+ "--muted-foreground": "oklch(71.5% 0 0)",
92
+ "--accent": "oklch(21.5% 0 0)",
93
+ "--accent-foreground": "oklch(98.5% 0 0)",
94
+ "--destructive": "oklch(57.7% 0.245 27.325)",
95
+ "--destructive-foreground": "oklch(57.7% 0.245 27.325)",
96
+ "--border": "oklch(27.4% 0 0)",
97
+ "--input": "oklch(27.4% 0 0)",
98
+ "--ring": "oklch(44.2% 0 0)",
99
+ "--chart-1": "oklch(64.6% 0.222 41.116)",
100
+ "--chart-2": "oklch(60% 0.118 184.704)",
101
+ "--chart-3": "oklch(39.8% 0 0)",
102
+ "--chart-4": "oklch(82.8% 0.189 84.429)",
103
+ "--chart-5": "oklch(76.9% 0.188 70.08)",
104
+ };
105
+
106
+ export const PAPERCLIP_LIGHT_DEFAULTS: Record<string, string> = {
107
+ "--background": "oklch(100% 0 0)",
108
+ "--foreground": "oklch(14.5% 0 0)",
109
+ "--card": "oklch(100% 0 0)",
110
+ "--card-foreground": "oklch(14.5% 0 0)",
111
+ "--primary": "oklch(20.5% 0 0)",
112
+ "--primary-foreground": "oklch(98.5% 0 0)",
113
+ "--muted": "oklch(97% 0 0)",
114
+ "--muted-foreground": "oklch(55.6% 0 0)",
115
+ "--accent": "oklch(97% 0 0)",
116
+ "--accent-foreground": "oklch(20.5% 0 0)",
117
+ "--destructive": "oklch(57.7% 0.245 27.325)",
118
+ "--destructive-foreground": "oklch(57.7% 0.245 27.325)",
119
+ "--border": "oklch(92.2% 0 0)",
120
+ "--input": "oklch(92.2% 0 0)",
121
+ "--ring": "oklch(87.1% 0 0)",
122
+ "--chart-1": "oklch(64.6% 0.222 41.116)",
123
+ "--chart-2": "oklch(60% 0.118 184.704)",
124
+ "--chart-3": "oklch(39.8% 0 0)",
125
+ "--chart-4": "oklch(82.8% 0.189 84.429)",
126
+ "--chart-5": "oklch(76.9% 0.188 70.08)",
127
+ };
128
+
129
+ /**
130
+ * Curated theme presets.
131
+ * Each preset provides a complete token override set.
132
+ */
133
+ export const THEME_PRESETS: ThemeConfig[] = [
134
+ {
135
+ id: "default-dark",
136
+ name: "Paperclip Dark",
137
+ description: "The stock Paperclip dark theme",
138
+ author: "Paperclip",
139
+ isDark: true,
140
+ tokens: { ...PAPERCLIP_DARK_DEFAULTS },
141
+ radius: "0",
142
+ createdAt: "2026-03-30T00:00:00Z",
143
+ updatedAt: "2026-03-30T00:00:00Z",
144
+ },
145
+ {
146
+ id: "default-light",
147
+ name: "Paperclip Light",
148
+ description: "The stock Paperclip light theme",
149
+ author: "Paperclip",
150
+ isDark: false,
151
+ tokens: { ...PAPERCLIP_LIGHT_DEFAULTS },
152
+ radius: "0",
153
+ createdAt: "2026-03-30T00:00:00Z",
154
+ updatedAt: "2026-03-30T00:00:00Z",
155
+ },
156
+ {
157
+ id: "midnight-blue",
158
+ name: "Midnight Blue",
159
+ description: "Deep navy surfaces with electric blue accents",
160
+ author: "Khaleeq Fisher",
161
+ isDark: true,
162
+ tokens: {
163
+ "--background": "oklch(15.5% 0.025 260)",
164
+ "--foreground": "oklch(95% 0.01 250)",
165
+ "--card": "oklch(18% 0.02 260)",
166
+ "--card-foreground": "oklch(95% 0.01 250)",
167
+ "--primary": "oklch(65% 0.18 250)",
168
+ "--primary-foreground": "oklch(98% 0 0)",
169
+ "--muted": "oklch(22% 0.02 260)",
170
+ "--muted-foreground": "oklch(68% 0.02 250)",
171
+ "--accent": "oklch(25% 0.03 260)",
172
+ "--accent-foreground": "oklch(95% 0.01 250)",
173
+ "--destructive": "oklch(60% 0.22 25)",
174
+ "--destructive-foreground": "oklch(60% 0.22 25)",
175
+ "--border": "oklch(28% 0.03 260)",
176
+ "--input": "oklch(28% 0.03 260)",
177
+ "--ring": "oklch(65% 0.18 250)",
178
+ "--chart-1": "oklch(65% 0.18 250)",
179
+ "--chart-2": "oklch(72% 0.15 170)",
180
+ "--chart-3": "oklch(55% 0.12 300)",
181
+ "--chart-4": "oklch(80% 0.15 85)",
182
+ "--chart-5": "oklch(60% 0.2 30)",
183
+ },
184
+ radius: "0.5rem",
185
+ createdAt: "2026-03-30T00:00:00Z",
186
+ updatedAt: "2026-03-30T00:00:00Z",
187
+ },
188
+ {
189
+ id: "emerald-noir",
190
+ name: "Emerald Noir",
191
+ description: "Elegant dark with rich green highlights",
192
+ author: "Khaleeq Fisher",
193
+ isDark: true,
194
+ tokens: {
195
+ "--background": "oklch(14% 0.015 155)",
196
+ "--foreground": "oklch(96% 0.01 155)",
197
+ "--card": "oklch(17% 0.015 155)",
198
+ "--card-foreground": "oklch(96% 0.01 155)",
199
+ "--primary": "oklch(62% 0.19 155)",
200
+ "--primary-foreground": "oklch(98% 0 0)",
201
+ "--muted": "oklch(21% 0.015 155)",
202
+ "--muted-foreground": "oklch(68% 0.02 155)",
203
+ "--accent": "oklch(24% 0.02 155)",
204
+ "--accent-foreground": "oklch(96% 0.01 155)",
205
+ "--destructive": "oklch(58% 0.22 25)",
206
+ "--destructive-foreground": "oklch(58% 0.22 25)",
207
+ "--border": "oklch(27% 0.02 155)",
208
+ "--input": "oklch(27% 0.02 155)",
209
+ "--ring": "oklch(62% 0.19 155)",
210
+ "--chart-1": "oklch(62% 0.19 155)",
211
+ "--chart-2": "oklch(68% 0.14 200)",
212
+ "--chart-3": "oklch(50% 0.10 280)",
213
+ "--chart-4": "oklch(78% 0.16 90)",
214
+ "--chart-5": "oklch(72% 0.18 50)",
215
+ },
216
+ radius: "0.375rem",
217
+ createdAt: "2026-03-30T00:00:00Z",
218
+ updatedAt: "2026-03-30T00:00:00Z",
219
+ },
220
+ {
221
+ id: "warm-sand",
222
+ name: "Warm Sand",
223
+ description: "Soft warm light theme with earthy tones",
224
+ author: "Khaleeq Fisher",
225
+ isDark: false,
226
+ tokens: {
227
+ "--background": "oklch(97% 0.01 75)",
228
+ "--foreground": "oklch(20% 0.02 60)",
229
+ "--card": "oklch(99% 0.005 75)",
230
+ "--card-foreground": "oklch(20% 0.02 60)",
231
+ "--primary": "oklch(45% 0.12 55)",
232
+ "--primary-foreground": "oklch(98% 0.005 75)",
233
+ "--muted": "oklch(93% 0.01 75)",
234
+ "--muted-foreground": "oklch(50% 0.02 60)",
235
+ "--accent": "oklch(93% 0.015 75)",
236
+ "--accent-foreground": "oklch(25% 0.02 60)",
237
+ "--destructive": "oklch(55% 0.22 25)",
238
+ "--destructive-foreground": "oklch(55% 0.22 25)",
239
+ "--border": "oklch(88% 0.015 75)",
240
+ "--input": "oklch(88% 0.015 75)",
241
+ "--ring": "oklch(45% 0.12 55)",
242
+ "--chart-1": "oklch(55% 0.18 40)",
243
+ "--chart-2": "oklch(58% 0.12 180)",
244
+ "--chart-3": "oklch(45% 0.08 280)",
245
+ "--chart-4": "oklch(75% 0.16 90)",
246
+ "--chart-5": "oklch(65% 0.15 55)",
247
+ },
248
+ radius: "0.75rem",
249
+ createdAt: "2026-03-30T00:00:00Z",
250
+ updatedAt: "2026-03-30T00:00:00Z",
251
+ },
252
+ {
253
+ id: "rose-twilight",
254
+ name: "Rosé Twilight",
255
+ description: "Dusky pink-tinted dark theme with warm accents",
256
+ author: "Khaleeq Fisher",
257
+ isDark: true,
258
+ tokens: {
259
+ "--background": "oklch(15% 0.02 340)",
260
+ "--foreground": "oklch(95% 0.01 340)",
261
+ "--card": "oklch(18% 0.02 340)",
262
+ "--card-foreground": "oklch(95% 0.01 340)",
263
+ "--primary": "oklch(68% 0.16 340)",
264
+ "--primary-foreground": "oklch(98% 0 0)",
265
+ "--muted": "oklch(22% 0.02 340)",
266
+ "--muted-foreground": "oklch(68% 0.02 340)",
267
+ "--accent": "oklch(25% 0.025 340)",
268
+ "--accent-foreground": "oklch(95% 0.01 340)",
269
+ "--destructive": "oklch(58% 0.24 20)",
270
+ "--destructive-foreground": "oklch(58% 0.24 20)",
271
+ "--border": "oklch(28% 0.025 340)",
272
+ "--input": "oklch(28% 0.025 340)",
273
+ "--ring": "oklch(68% 0.16 340)",
274
+ "--chart-1": "oklch(68% 0.16 340)",
275
+ "--chart-2": "oklch(65% 0.14 200)",
276
+ "--chart-3": "oklch(55% 0.10 280)",
277
+ "--chart-4": "oklch(78% 0.16 85)",
278
+ "--chart-5": "oklch(72% 0.18 45)",
279
+ },
280
+ radius: "0.5rem",
281
+ createdAt: "2026-03-30T00:00:00Z",
282
+ updatedAt: "2026-03-30T00:00:00Z",
283
+ },
284
+ {
285
+ id: "nordic-frost",
286
+ name: "Nordic Frost",
287
+ description: "Arctic blue-gray with icy cyan accents",
288
+ author: "Khaleeq Fisher",
289
+ isDark: true,
290
+ tokens: {
291
+ "--background": "oklch(16% 0.015 230)",
292
+ "--foreground": "oklch(93% 0.01 220)",
293
+ "--card": "oklch(19% 0.015 230)",
294
+ "--card-foreground": "oklch(93% 0.01 220)",
295
+ "--primary": "oklch(72% 0.12 210)",
296
+ "--primary-foreground": "oklch(16% 0.015 230)",
297
+ "--muted": "oklch(23% 0.015 230)",
298
+ "--muted-foreground": "oklch(65% 0.02 220)",
299
+ "--accent": "oklch(25% 0.02 230)",
300
+ "--accent-foreground": "oklch(93% 0.01 220)",
301
+ "--destructive": "oklch(58% 0.20 25)",
302
+ "--destructive-foreground": "oklch(58% 0.20 25)",
303
+ "--border": "oklch(28% 0.02 230)",
304
+ "--input": "oklch(28% 0.02 230)",
305
+ "--ring": "oklch(72% 0.12 210)",
306
+ "--chart-1": "oklch(72% 0.12 210)",
307
+ "--chart-2": "oklch(68% 0.10 260)",
308
+ "--chart-3": "oklch(60% 0.08 180)",
309
+ "--chart-4": "oklch(78% 0.12 90)",
310
+ "--chart-5": "oklch(65% 0.14 320)",
311
+ },
312
+ radius: "0.5rem",
313
+ createdAt: "2026-03-30T00:00:00Z",
314
+ updatedAt: "2026-03-30T00:00:00Z",
315
+ },
316
+ {
317
+ id: "tokyo-night",
318
+ name: "Tokyo Night",
319
+ description: "Deep indigo skyline with electric cyan pops",
320
+ author: "Khaleeq Fisher",
321
+ isDark: true,
322
+ tokens: {
323
+ "--background": "oklch(14% 0.03 275)",
324
+ "--foreground": "oklch(90% 0.015 250)",
325
+ "--card": "oklch(17% 0.03 275)",
326
+ "--card-foreground": "oklch(90% 0.015 250)",
327
+ "--primary": "oklch(70% 0.16 200)",
328
+ "--primary-foreground": "oklch(14% 0.03 275)",
329
+ "--muted": "oklch(21% 0.025 275)",
330
+ "--muted-foreground": "oklch(62% 0.03 260)",
331
+ "--accent": "oklch(24% 0.03 275)",
332
+ "--accent-foreground": "oklch(90% 0.015 250)",
333
+ "--destructive": "oklch(60% 0.22 20)",
334
+ "--destructive-foreground": "oklch(60% 0.22 20)",
335
+ "--border": "oklch(26% 0.03 275)",
336
+ "--input": "oklch(26% 0.03 275)",
337
+ "--ring": "oklch(70% 0.16 200)",
338
+ "--chart-1": "oklch(70% 0.16 200)",
339
+ "--chart-2": "oklch(68% 0.15 300)",
340
+ "--chart-3": "oklch(75% 0.14 85)",
341
+ "--chart-4": "oklch(60% 0.18 340)",
342
+ "--chart-5": "oklch(62% 0.16 155)",
343
+ },
344
+ radius: "0.375rem",
345
+ createdAt: "2026-03-30T00:00:00Z",
346
+ updatedAt: "2026-03-30T00:00:00Z",
347
+ },
348
+ {
349
+ id: "dracula",
350
+ name: "Dracula",
351
+ description: "Bold purple base with vivid green and pink highlights",
352
+ author: "Khaleeq Fisher",
353
+ isDark: true,
354
+ tokens: {
355
+ "--background": "oklch(17% 0.025 290)",
356
+ "--foreground": "oklch(94% 0.01 80)",
357
+ "--card": "oklch(20% 0.025 290)",
358
+ "--card-foreground": "oklch(94% 0.01 80)",
359
+ "--primary": "oklch(65% 0.20 310)",
360
+ "--primary-foreground": "oklch(98% 0 0)",
361
+ "--muted": "oklch(24% 0.02 290)",
362
+ "--muted-foreground": "oklch(65% 0.02 270)",
363
+ "--accent": "oklch(27% 0.025 290)",
364
+ "--accent-foreground": "oklch(94% 0.01 80)",
365
+ "--destructive": "oklch(62% 0.24 15)",
366
+ "--destructive-foreground": "oklch(62% 0.24 15)",
367
+ "--border": "oklch(30% 0.025 290)",
368
+ "--input": "oklch(30% 0.025 290)",
369
+ "--ring": "oklch(65% 0.20 310)",
370
+ "--chart-1": "oklch(65% 0.20 310)",
371
+ "--chart-2": "oklch(72% 0.19 155)",
372
+ "--chart-3": "oklch(70% 0.16 200)",
373
+ "--chart-4": "oklch(82% 0.15 85)",
374
+ "--chart-5": "oklch(62% 0.22 15)",
375
+ },
376
+ radius: "0.5rem",
377
+ createdAt: "2026-03-30T00:00:00Z",
378
+ updatedAt: "2026-03-30T00:00:00Z",
379
+ },
380
+ {
381
+ id: "catppuccin-mocha",
382
+ name: "Catppuccin Mocha",
383
+ description: "Soothing pastels on warm dark chocolate base",
384
+ author: "Khaleeq Fisher",
385
+ isDark: true,
386
+ tokens: {
387
+ "--background": "oklch(17% 0.01 280)",
388
+ "--foreground": "oklch(91% 0.01 290)",
389
+ "--card": "oklch(20% 0.01 280)",
390
+ "--card-foreground": "oklch(91% 0.01 290)",
391
+ "--primary": "oklch(72% 0.12 290)",
392
+ "--primary-foreground": "oklch(17% 0.01 280)",
393
+ "--muted": "oklch(24% 0.01 280)",
394
+ "--muted-foreground": "oklch(65% 0.02 280)",
395
+ "--accent": "oklch(27% 0.015 280)",
396
+ "--accent-foreground": "oklch(91% 0.01 290)",
397
+ "--destructive": "oklch(62% 0.18 15)",
398
+ "--destructive-foreground": "oklch(62% 0.18 15)",
399
+ "--border": "oklch(29% 0.015 280)",
400
+ "--input": "oklch(29% 0.015 280)",
401
+ "--ring": "oklch(72% 0.12 290)",
402
+ "--chart-1": "oklch(72% 0.12 290)",
403
+ "--chart-2": "oklch(78% 0.10 170)",
404
+ "--chart-3": "oklch(70% 0.14 340)",
405
+ "--chart-4": "oklch(82% 0.12 85)",
406
+ "--chart-5": "oklch(68% 0.10 210)",
407
+ },
408
+ radius: "0.625rem",
409
+ createdAt: "2026-03-30T00:00:00Z",
410
+ updatedAt: "2026-03-30T00:00:00Z",
411
+ },
412
+ {
413
+ id: "ayu-mirage",
414
+ name: "Ayu Mirage",
415
+ description: "Muted teal and amber on soft charcoal",
416
+ author: "Khaleeq Fisher",
417
+ isDark: true,
418
+ tokens: {
419
+ "--background": "oklch(18% 0.01 230)",
420
+ "--foreground": "oklch(88% 0.01 80)",
421
+ "--card": "oklch(21% 0.01 230)",
422
+ "--card-foreground": "oklch(88% 0.01 80)",
423
+ "--primary": "oklch(75% 0.14 80)",
424
+ "--primary-foreground": "oklch(18% 0.01 230)",
425
+ "--muted": "oklch(25% 0.01 230)",
426
+ "--muted-foreground": "oklch(60% 0.015 220)",
427
+ "--accent": "oklch(27% 0.015 230)",
428
+ "--accent-foreground": "oklch(88% 0.01 80)",
429
+ "--destructive": "oklch(58% 0.20 20)",
430
+ "--destructive-foreground": "oklch(58% 0.20 20)",
431
+ "--border": "oklch(28% 0.015 230)",
432
+ "--input": "oklch(28% 0.015 230)",
433
+ "--ring": "oklch(75% 0.14 80)",
434
+ "--chart-1": "oklch(75% 0.14 80)",
435
+ "--chart-2": "oklch(68% 0.14 190)",
436
+ "--chart-3": "oklch(62% 0.16 310)",
437
+ "--chart-4": "oklch(72% 0.12 155)",
438
+ "--chart-5": "oklch(60% 0.18 30)",
439
+ },
440
+ radius: "0.375rem",
441
+ createdAt: "2026-03-30T00:00:00Z",
442
+ updatedAt: "2026-03-30T00:00:00Z",
443
+ },
444
+ {
445
+ id: "shades-of-purple",
446
+ name: "Shades of Purple",
447
+ description: "Rich amethyst depth with gold and teal accents",
448
+ author: "Khaleeq Fisher",
449
+ isDark: true,
450
+ tokens: {
451
+ "--background": "oklch(14% 0.04 290)",
452
+ "--foreground": "oklch(92% 0.01 300)",
453
+ "--card": "oklch(18% 0.04 290)",
454
+ "--card-foreground": "oklch(92% 0.01 300)",
455
+ "--primary": "oklch(70% 0.20 290)",
456
+ "--primary-foreground": "oklch(98% 0 0)",
457
+ "--muted": "oklch(22% 0.03 290)",
458
+ "--muted-foreground": "oklch(62% 0.03 290)",
459
+ "--accent": "oklch(25% 0.04 290)",
460
+ "--accent-foreground": "oklch(92% 0.01 300)",
461
+ "--destructive": "oklch(58% 0.22 20)",
462
+ "--destructive-foreground": "oklch(58% 0.22 20)",
463
+ "--border": "oklch(28% 0.04 290)",
464
+ "--input": "oklch(28% 0.04 290)",
465
+ "--ring": "oklch(70% 0.20 290)",
466
+ "--chart-1": "oklch(70% 0.20 290)",
467
+ "--chart-2": "oklch(80% 0.14 85)",
468
+ "--chart-3": "oklch(68% 0.12 190)",
469
+ "--chart-4": "oklch(65% 0.18 340)",
470
+ "--chart-5": "oklch(60% 0.15 155)",
471
+ },
472
+ radius: "0.5rem",
473
+ createdAt: "2026-03-30T00:00:00Z",
474
+ updatedAt: "2026-03-30T00:00:00Z",
475
+ },
476
+ {
477
+ id: "kanagawa-wave",
478
+ name: "Kanagawa Wave",
479
+ description: "Oceanic teal and sunset orange inspired by Japanese art",
480
+ author: "Khaleeq Fisher",
481
+ isDark: true,
482
+ tokens: {
483
+ "--background": "oklch(16% 0.02 245)",
484
+ "--foreground": "oklch(90% 0.01 60)",
485
+ "--card": "oklch(19% 0.02 245)",
486
+ "--card-foreground": "oklch(90% 0.01 60)",
487
+ "--primary": "oklch(72% 0.14 60)",
488
+ "--primary-foreground": "oklch(16% 0.02 245)",
489
+ "--muted": "oklch(23% 0.02 245)",
490
+ "--muted-foreground": "oklch(62% 0.02 240)",
491
+ "--accent": "oklch(26% 0.025 245)",
492
+ "--accent-foreground": "oklch(90% 0.01 60)",
493
+ "--destructive": "oklch(58% 0.22 20)",
494
+ "--destructive-foreground": "oklch(58% 0.22 20)",
495
+ "--border": "oklch(28% 0.025 245)",
496
+ "--input": "oklch(28% 0.025 245)",
497
+ "--ring": "oklch(72% 0.14 60)",
498
+ "--chart-1": "oklch(72% 0.14 60)",
499
+ "--chart-2": "oklch(65% 0.14 200)",
500
+ "--chart-3": "oklch(68% 0.16 300)",
501
+ "--chart-4": "oklch(78% 0.12 155)",
502
+ "--chart-5": "oklch(60% 0.18 340)",
503
+ },
504
+ radius: "0.375rem",
505
+ createdAt: "2026-03-30T00:00:00Z",
506
+ updatedAt: "2026-03-30T00:00:00Z",
507
+ },
508
+ {
509
+ id: "solarized-light",
510
+ name: "Solarized Light",
511
+ description: "Balanced warm base with indigo and copper accents",
512
+ author: "Khaleeq Fisher",
513
+ isDark: false,
514
+ tokens: {
515
+ "--background": "oklch(96.5% 0.01 85)",
516
+ "--foreground": "oklch(30% 0.04 230)",
517
+ "--card": "oklch(98% 0.008 85)",
518
+ "--card-foreground": "oklch(30% 0.04 230)",
519
+ "--primary": "oklch(50% 0.14 230)",
520
+ "--primary-foreground": "oklch(97% 0.005 85)",
521
+ "--muted": "oklch(92% 0.01 85)",
522
+ "--muted-foreground": "oklch(48% 0.03 200)",
523
+ "--accent": "oklch(92% 0.012 85)",
524
+ "--accent-foreground": "oklch(30% 0.04 230)",
525
+ "--destructive": "oklch(55% 0.22 25)",
526
+ "--destructive-foreground": "oklch(55% 0.22 25)",
527
+ "--border": "oklch(87% 0.012 85)",
528
+ "--input": "oklch(87% 0.012 85)",
529
+ "--ring": "oklch(50% 0.14 230)",
530
+ "--chart-1": "oklch(55% 0.16 230)",
531
+ "--chart-2": "oklch(60% 0.14 155)",
532
+ "--chart-3": "oklch(55% 0.18 25)",
533
+ "--chart-4": "oklch(65% 0.14 290)",
534
+ "--chart-5": "oklch(70% 0.14 55)",
535
+ },
536
+ radius: "0.375rem",
537
+ createdAt: "2026-03-30T00:00:00Z",
538
+ updatedAt: "2026-03-30T00:00:00Z",
539
+ },
540
+ {
541
+ id: "ayu-light",
542
+ name: "Ayu Light",
543
+ description: "Airy off-white with muted seafoam and coral",
544
+ author: "Khaleeq Fisher",
545
+ isDark: false,
546
+ tokens: {
547
+ "--background": "oklch(98.5% 0.005 80)",
548
+ "--foreground": "oklch(25% 0.02 55)",
549
+ "--card": "oklch(99.5% 0.003 80)",
550
+ "--card-foreground": "oklch(25% 0.02 55)",
551
+ "--primary": "oklch(62% 0.16 40)",
552
+ "--primary-foreground": "oklch(99% 0 0)",
553
+ "--muted": "oklch(95% 0.008 80)",
554
+ "--muted-foreground": "oklch(48% 0.02 55)",
555
+ "--accent": "oklch(95% 0.01 80)",
556
+ "--accent-foreground": "oklch(25% 0.02 55)",
557
+ "--destructive": "oklch(55% 0.22 20)",
558
+ "--destructive-foreground": "oklch(55% 0.22 20)",
559
+ "--border": "oklch(90% 0.01 80)",
560
+ "--input": "oklch(90% 0.01 80)",
561
+ "--ring": "oklch(62% 0.16 40)",
562
+ "--chart-1": "oklch(62% 0.16 40)",
563
+ "--chart-2": "oklch(60% 0.12 190)",
564
+ "--chart-3": "oklch(55% 0.14 280)",
565
+ "--chart-4": "oklch(72% 0.14 90)",
566
+ "--chart-5": "oklch(58% 0.12 155)",
567
+ },
568
+ radius: "0.625rem",
569
+ createdAt: "2026-03-30T00:00:00Z",
570
+ updatedAt: "2026-03-30T00:00:00Z",
571
+ },
572
+ {
573
+ id: "matcha-zen",
574
+ name: "Matcha Zen",
575
+ description: "Earthy sage green with warm taupe undertones",
576
+ author: "Khaleeq Fisher",
577
+ isDark: true,
578
+ tokens: {
579
+ "--background": "oklch(16% 0.01 140)",
580
+ "--foreground": "oklch(90% 0.01 120)",
581
+ "--card": "oklch(19% 0.01 140)",
582
+ "--card-foreground": "oklch(90% 0.01 120)",
583
+ "--primary": "oklch(65% 0.12 140)",
584
+ "--primary-foreground": "oklch(98% 0 0)",
585
+ "--muted": "oklch(23% 0.01 140)",
586
+ "--muted-foreground": "oklch(62% 0.02 130)",
587
+ "--accent": "oklch(26% 0.015 140)",
588
+ "--accent-foreground": "oklch(90% 0.01 120)",
589
+ "--destructive": "oklch(58% 0.20 25)",
590
+ "--destructive-foreground": "oklch(58% 0.20 25)",
591
+ "--border": "oklch(28% 0.015 140)",
592
+ "--input": "oklch(28% 0.015 140)",
593
+ "--ring": "oklch(65% 0.12 140)",
594
+ "--chart-1": "oklch(65% 0.12 140)",
595
+ "--chart-2": "oklch(75% 0.10 85)",
596
+ "--chart-3": "oklch(55% 0.10 210)",
597
+ "--chart-4": "oklch(70% 0.14 50)",
598
+ "--chart-5": "oklch(60% 0.08 280)",
599
+ },
600
+ radius: "0.5rem",
601
+ createdAt: "2026-03-30T00:00:00Z",
602
+ updatedAt: "2026-03-30T00:00:00Z",
603
+ },
604
+ {
605
+ id: "neon-terminal",
606
+ name: "Neon Terminal",
607
+ description: "Retro CRT glow with electric pink and lime",
608
+ author: "Khaleeq Fisher",
609
+ isDark: true,
610
+ tokens: {
611
+ "--background": "oklch(10% 0 0)",
612
+ "--foreground": "oklch(85% 0.18 145)",
613
+ "--card": "oklch(13% 0 0)",
614
+ "--card-foreground": "oklch(85% 0.18 145)",
615
+ "--primary": "oklch(72% 0.22 330)",
616
+ "--primary-foreground": "oklch(10% 0 0)",
617
+ "--muted": "oklch(18% 0 0)",
618
+ "--muted-foreground": "oklch(55% 0.08 145)",
619
+ "--accent": "oklch(20% 0.005 330)",
620
+ "--accent-foreground": "oklch(85% 0.18 145)",
621
+ "--destructive": "oklch(62% 0.24 15)",
622
+ "--destructive-foreground": "oklch(62% 0.24 15)",
623
+ "--border": "oklch(22% 0.01 145)",
624
+ "--input": "oklch(22% 0.01 145)",
625
+ "--ring": "oklch(72% 0.22 330)",
626
+ "--chart-1": "oklch(72% 0.22 330)",
627
+ "--chart-2": "oklch(85% 0.18 145)",
628
+ "--chart-3": "oklch(70% 0.16 200)",
629
+ "--chart-4": "oklch(78% 0.14 85)",
630
+ "--chart-5": "oklch(65% 0.20 280)",
631
+ },
632
+ radius: "0",
633
+ createdAt: "2026-03-30T00:00:00Z",
634
+ updatedAt: "2026-03-30T00:00:00Z",
635
+ },
636
+ {
637
+ id: "bluloco",
638
+ name: "Bluloco",
639
+ description: "Crisp navy with azure highlights for sharp focus",
640
+ author: "Khaleeq Fisher",
641
+ isDark: true,
642
+ tokens: {
643
+ "--background": "oklch(14% 0.025 250)",
644
+ "--foreground": "oklch(96% 0.005 240)",
645
+ "--card": "oklch(17% 0.025 250)",
646
+ "--card-foreground": "oklch(96% 0.005 240)",
647
+ "--primary": "oklch(68% 0.16 240)",
648
+ "--primary-foreground": "oklch(98% 0 0)",
649
+ "--muted": "oklch(21% 0.02 250)",
650
+ "--muted-foreground": "oklch(65% 0.02 240)",
651
+ "--accent": "oklch(24% 0.025 250)",
652
+ "--accent-foreground": "oklch(96% 0.005 240)",
653
+ "--destructive": "oklch(60% 0.22 20)",
654
+ "--destructive-foreground": "oklch(60% 0.22 20)",
655
+ "--border": "oklch(27% 0.025 250)",
656
+ "--input": "oklch(27% 0.025 250)",
657
+ "--ring": "oklch(68% 0.16 240)",
658
+ "--chart-1": "oklch(68% 0.16 240)",
659
+ "--chart-2": "oklch(78% 0.12 85)",
660
+ "--chart-3": "oklch(62% 0.14 155)",
661
+ "--chart-4": "oklch(65% 0.18 310)",
662
+ "--chart-5": "oklch(72% 0.14 40)",
663
+ },
664
+ radius: "0.25rem",
665
+ createdAt: "2026-03-30T00:00:00Z",
666
+ updatedAt: "2026-03-30T00:00:00Z",
667
+ },
668
+ ];
package/src/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default as manifest } from "./manifest.js";
2
+ export { default as plugin } from "./worker.js";