@memobit/themes 1.3.0 → 2.0.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 (56) hide show
  1. package/README.md +70 -7
  2. package/dist/authored/sandy-parchment.css +83 -0
  3. package/dist/authored.css +83 -0
  4. package/dist/authoredEngine.d.ts +11 -0
  5. package/dist/authoredEngine.js +17 -0
  6. package/dist/authoredThemes.d.ts +4 -0
  7. package/dist/authoredThemes.js +6 -0
  8. package/dist/index.d.ts +2 -0
  9. package/dist/index.js +4 -3
  10. package/dist/previewPalettes.js +9 -162
  11. package/dist/themeConfig.js +9 -133
  12. package/dist/themes/circuit-harbor.css +1 -0
  13. package/dist/themes.css +1 -1
  14. package/dist/vite.js +1 -2
  15. package/package.json +10 -5
  16. package/src/theming/circuit-harbor.scss +36 -0
  17. package/dist/themes/amber-meridian.css +0 -1
  18. package/dist/themes/archive-indigo.css +0 -1
  19. package/dist/themes/blush-market.css +0 -1
  20. package/dist/themes/brass-chronicle.css +0 -1
  21. package/dist/themes/clinical-aqua.css +0 -1
  22. package/dist/themes/command-slate.css +0 -1
  23. package/dist/themes/ember-night.css +0 -1
  24. package/dist/themes/frost-petal.css +0 -1
  25. package/dist/themes/gilded-bear.css +0 -1
  26. package/dist/themes/horizon-drift.css +0 -1
  27. package/dist/themes/lavender-mist.css +0 -1
  28. package/dist/themes/light-blue.css +0 -1
  29. package/dist/themes/midnight-folio.css +0 -1
  30. package/dist/themes/mint-meadow.css +0 -1
  31. package/dist/themes/mintone.css +0 -1
  32. package/dist/themes/neon-tokyo.css +0 -1
  33. package/dist/themes/spectrum-vault.css +0 -1
  34. package/dist/themes/twilight-pulse.css +0 -1
  35. package/dist/themes/velvet-reel.css +0 -1
  36. package/dist/themes/velvet-tome.css +0 -1
  37. package/src/theming/amber-meridian.scss +0 -271
  38. package/src/theming/archive-indigo.scss +0 -270
  39. package/src/theming/blush-market.scss +0 -271
  40. package/src/theming/brass-chronicle.scss +0 -271
  41. package/src/theming/clinical-aqua.scss +0 -270
  42. package/src/theming/command-slate.scss +0 -34
  43. package/src/theming/ember-night.scss +0 -268
  44. package/src/theming/frost-petal.scss +0 -268
  45. package/src/theming/gilded-bear.scss +0 -271
  46. package/src/theming/horizon-drift.scss +0 -271
  47. package/src/theming/lavender-mist.scss +0 -268
  48. package/src/theming/light-blue.scss +0 -268
  49. package/src/theming/midnight-folio.scss +0 -34
  50. package/src/theming/mint-meadow.scss +0 -268
  51. package/src/theming/mintone.scss +0 -268
  52. package/src/theming/neon-tokyo.scss +0 -268
  53. package/src/theming/spectrum-vault.scss +0 -271
  54. package/src/theming/twilight-pulse.scss +0 -268
  55. package/src/theming/velvet-reel.scss +0 -272
  56. package/src/theming/velvet-tome.scss +0 -271
@@ -1,21 +1,5 @@
1
- //#region src/previewPalettes.ts
1
+ // src/previewPalettes.ts
2
2
  var previewPalettes = {
3
- "amber-meridian": {
4
- "--body-background": "radial-gradient(80% 50% at 50% 100%, rgba(217, 119, 6, 0.18) 0%, transparent 65%), radial-gradient(45% 40% at 100% 0%, rgba(251, 191, 36, 0.1) 0%, transparent 65%), radial-gradient(130% 110% at 10% 0%, #1a1208 0%, #100c06 55%, #160e08 100%)",
5
- "--body-accent-color": "#d97706",
6
- "--body-color-muted": "#7a6848",
7
- "--card-background-color": "#201808",
8
- "--header-background-color": "#181008",
9
- "--header-border-bottom-color": "rgba(217, 119, 6, 0.16)"
10
- },
11
- "archive-indigo": {
12
- "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(99, 102, 241, 0.14) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(99, 102, 241, 0.1) 0%, transparent 65%), linear-gradient(155deg, #0d1020 0%, #070a16 55%, #0b0e1c 100%)",
13
- "--body-accent-color": "#6366f1",
14
- "--body-color-muted": "#5060a0",
15
- "--card-background-color": "#131828",
16
- "--header-background-color": "#0d1020",
17
- "--header-border-bottom-color": "#151828"
18
- },
19
3
  "arctic-blue": {
20
4
  "--body-background": "#0f1419",
21
5
  "--body-accent-color": "#60a5fa",
@@ -72,22 +56,6 @@ var previewPalettes = {
72
56
  "--header-background-color": "rgba(242, 237, 232, 0.88)",
73
57
  "--header-border-bottom-color": "rgba(93, 122, 138, 0.18)"
74
58
  },
75
- "blush-market": {
76
- "--body-background": "radial-gradient(60% 50% at 0% 100%, rgba(224, 120, 145, 0.12) 0%, transparent 65%), radial-gradient(50% 45% at 100% 0%, rgba(224, 120, 145, 0.14) 0%, transparent 65%), radial-gradient(120% 100% at 100% 0%, #fff0f3 0%, #f8eef0 45%, #f0e8eb 100%)",
77
- "--body-accent-color": "#e07891",
78
- "--body-color-muted": "#7a6870",
79
- "--card-background-color": "rgba(255, 255, 255, 0.96)",
80
- "--header-background-color": "#faf2f4",
81
- "--header-border-bottom-color": "rgba(224, 120, 145, 0.12)"
82
- },
83
- "brass-chronicle": {
84
- "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(184, 134, 11, 0.14) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(120, 60, 20, 0.16) 0%, transparent 65%), radial-gradient(130% 110% at 15% 0%, #141008 0%, #0c0a06 55%, #120e08 100%)",
85
- "--body-accent-color": "#b8860b",
86
- "--body-color-muted": "#7a6840",
87
- "--card-background-color": "#1c1608",
88
- "--header-background-color": "#120e08",
89
- "--header-border-bottom-color": "rgba(184, 134, 11, 0.18)"
90
- },
91
59
  "carbon-velocity": {
92
60
  "--body-background": "radial-gradient(55% 45% at 100% 0%, rgba(220, 38, 38, 0.14) 0%, transparent 60%), radial-gradient(45% 55% at 0% 100%, rgba(120, 12, 12, 0.18) 0%, transparent 65%), linear-gradient(160deg, #111316 0%, #0a0b0d 60%, #0e0f12 100%)",
93
61
  "--body-accent-color": "#dc2626",
@@ -112,6 +80,14 @@ var previewPalettes = {
112
80
  "--header-background-color": "#f5ece0",
113
81
  "--header-border-bottom-color": "#c9b48d"
114
82
  },
83
+ "circuit-harbor": {
84
+ "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(14, 116, 144, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(30, 58, 95, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0d151b 0%, #070c10 52%, #1a2833 100%)",
85
+ "--body-accent-color": "#22d3ee",
86
+ "--body-color-muted": "#879cad",
87
+ "--card-background-color": "#1a2833",
88
+ "--header-background-color": "#0d151b",
89
+ "--header-border-bottom-color": "#33495a"
90
+ },
115
91
  "citrus-vital": {
116
92
  "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(45, 212, 191, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(250, 204, 21, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0d1a17 0%, #0a1412 52%, #111f1b 100%)",
117
93
  "--body-accent-color": "#2dd4bf",
@@ -120,14 +96,6 @@ var previewPalettes = {
120
96
  "--header-background-color": "#0d1a17",
121
97
  "--header-border-bottom-color": "#254139"
122
98
  },
123
- "clinical-aqua": {
124
- "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(8, 145, 178, 0.1) 0%, transparent 65%), radial-gradient(40% 45% at 0% 100%, rgba(8, 145, 178, 0.06) 0%, transparent 65%), linear-gradient(140deg, #f4f9fb 0%, #eaf2f5 55%, #e0ecf0 100%)",
125
- "--body-accent-color": "#0891b2",
126
- "--body-color-muted": "#5a7a84",
127
- "--card-background-color": "rgba(255, 255, 255, 0.96)",
128
- "--header-background-color": "#e8f2f6",
129
- "--header-border-bottom-color": "rgba(8, 145, 178, 0.12)"
130
- },
131
99
  "cobalt-pulse": {
132
100
  "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(79, 142, 247, 0.16) 0%, transparent 65%), radial-gradient(48% 42% at 0% 100%, rgba(150, 80, 255, 0.12) 0%, transparent 65%), linear-gradient(155deg, #11131d 0%, #08090c 55%, #0d0e14 100%)",
133
101
  "--body-accent-color": "#4f8ef7",
@@ -136,14 +104,6 @@ var previewPalettes = {
136
104
  "--header-background-color": "#0f1114",
137
105
  "--header-border-bottom-color": "#1e2236"
138
106
  },
139
- "command-slate": {
140
- "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(139, 92, 246, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(56, 189, 248, 0.12) 0%, transparent 68%), linear-gradient(155deg, #111620 0%, #0d1018 52%, #171b26 100%)",
141
- "--body-accent-color": "#8b5cf6",
142
- "--body-color-muted": "#838d9f",
143
- "--card-background-color": "#171b26",
144
- "--header-background-color": "#111620",
145
- "--header-border-bottom-color": "#2a3242"
146
- },
147
107
  "crawler-dusk": {
148
108
  "--body-background": "radial-gradient(60% 50% at 100% 100%, rgba(245, 158, 11, 0.14) 0%, transparent 65%), radial-gradient(50% 45% at 0% 0%, rgba(99, 102, 241, 0.16) 0%, transparent 65%), linear-gradient(155deg, #111424 0%, #0c0e18 55%, #0f1220 100%)",
149
109
  "--body-accent-color": "#f59e0b",
@@ -176,14 +136,6 @@ var previewPalettes = {
176
136
  "--header-background-color": "tranparent",
177
137
  "--header-border-bottom-color": "tranparent"
178
138
  },
179
- "ember-night": {
180
- "--body-background": "radial-gradient(58% 48% at 100% 0%, rgba(245, 158, 11, 0.16) 0%, transparent 65%), radial-gradient(52% 45% at 0% 100%, rgba(252, 211, 77, 0.08) 0%, transparent 65%), linear-gradient(155deg, #22140c 0%, #140b07 55%, #1c1008 100%)",
181
- "--body-accent-color": "#f59e0b",
182
- "--body-color-muted": "#fcd34d",
183
- "--card-background-color": "#291a10",
184
- "--header-background-color": "#291a10",
185
- "--header-border-bottom-color": "#3d2817"
186
- },
187
139
  "emerald-ledger": {
188
140
  "--body-background": "radial-gradient(55% 50% at 0% 0%, rgba(16, 185, 129, 0.14) 0%, transparent 65%), radial-gradient(50% 45% at 100% 100%, rgba(217, 119, 6, 0.1) 0%, transparent 65%), radial-gradient(130% 110% at 0% 0%, #0e1814 0%, #091210 55%, #0c1612 100%)",
189
141
  "--body-accent-color": "#10b981",
@@ -192,14 +144,6 @@ var previewPalettes = {
192
144
  "--header-background-color": "#0e1814",
193
145
  "--header-border-bottom-color": "#162218"
194
146
  },
195
- "frost-petal": {
196
- "--body-background": "radial-gradient(60% 48% at 100% 0%, rgba(108, 92, 231, 0.12) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(154, 146, 184, 0.12) 0%, transparent 65%), linear-gradient(155deg, #fbfaff 0%, #f1eef8 55%, #f7f9ff 100%)",
197
- "--body-accent-color": "#6c5ce7",
198
- "--body-color-muted": "#9a92b8",
199
- "--card-background-color": "#ffffff",
200
- "--header-background-color": "transparent",
201
- "--header-border-bottom-color": "#ddd8ee"
202
- },
203
147
  "garden-harvest": {
204
148
  "--body-background": "radial-gradient(50% 45% at 100% 0%, rgba(245, 158, 11, 0.1) 0%, transparent 65%), radial-gradient(55% 50% at 0% 100%, rgba(61, 122, 58, 0.12) 0%, transparent 65%), radial-gradient(120% 100% at 0% 0%, #faf8f0 0%, #f0eddf 50%, #e8e4d0 100%)",
205
149
  "--body-accent-color": "#3d7a3a",
@@ -208,14 +152,6 @@ var previewPalettes = {
208
152
  "--header-background-color": "#f0ede0",
209
153
  "--header-border-bottom-color": "rgba(61, 122, 58, 0.14)"
210
154
  },
211
- "gilded-bear": {
212
- "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(201, 144, 58, 0.16) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(99, 102, 241, 0.14) 0%, transparent 65%), radial-gradient(130% 110% at 10% 0%, #0c0e28 0%, #060818 55%, #0a0c22 100%)",
213
- "--body-accent-color": "#c9903a",
214
- "--body-color-muted": "#7068a0",
215
- "--card-background-color": "#101230",
216
- "--header-background-color": "#0b0d22",
217
- "--header-border-bottom-color": "rgba(201, 144, 58, 0.16)"
218
- },
219
155
  "graphite-shell": {
220
156
  "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(132, 204, 22, 0.1) 0%, transparent 65%), radial-gradient(45% 40% at 0% 100%, rgba(132, 204, 22, 0.08) 0%, transparent 65%), linear-gradient(155deg, #0c0e0c 0%, #070908 55%, #0a0c0a 100%)",
221
157
  "--body-accent-color": "#84cc16",
@@ -232,14 +168,6 @@ var previewPalettes = {
232
168
  "--header-background-color": "#14161e",
233
169
  "--header-border-bottom-color": "#1e2030"
234
170
  },
235
- "horizon-drift": {
236
- "--body-background": "linear-gradient(180deg, rgba(47, 168, 204, 0.12) 0%, transparent 35%), radial-gradient(60% 50% at 100% 100%, rgba(245, 158, 11, 0.12) 0%, transparent 65%), radial-gradient(130% 110% at 0% 0%, #fef9ee 0%, #f5edd8 45%, #ece0c4 100%)",
237
- "--body-accent-color": "#2fa8cc",
238
- "--body-color-muted": "#5a7888",
239
- "--card-background-color": "rgba(255, 255, 255, 0.94)",
240
- "--header-background-color": "#f4ece0",
241
- "--header-border-bottom-color": "rgba(47, 168, 204, 0.14)"
242
- },
243
171
  "indigo-stitch": {
244
172
  "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(143, 180, 255, 0.13) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(212, 169, 92, 0.07) 0%, transparent 65%), linear-gradient(160deg, #1a1f38 0%, #0f1220 55%, #0b0e19 100%)",
245
173
  "--body-accent-color": "#8fb4ff",
@@ -272,22 +200,6 @@ var previewPalettes = {
272
200
  "--header-background-color": "#1b1611",
273
201
  "--header-border-bottom-color": "rgba(217, 164, 65, 0.14)"
274
202
  },
275
- "lavender-mist": {
276
- "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(168, 85, 247, 0.14) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(216, 180, 254, 0.16) 0%, transparent 65%), linear-gradient(155deg, #fffaff 0%, #f7edff 55%, #fdfbff 100%)",
277
- "--body-accent-color": "#a855f7",
278
- "--body-color-muted": "#64748b",
279
- "--card-background-color": "#ffffff",
280
- "--header-background-color": "#ffffff",
281
- "--header-border-bottom-color": "#f3e8ff"
282
- },
283
- "light-blue": {
284
- "--body-background": "radial-gradient(farthest-side at 10% 0%, rgba(51, 56, 103, 0.95) 20%, transparent 70%), radial-gradient(55% 45% at 100% 0%, rgba(91, 143, 249, 0.16) 0%, transparent 65%), linear-gradient(155deg, #20275a 0%, #17193b 60%, #111430 100%)",
285
- "--body-accent-color": "#5b8ff9",
286
- "--body-color-muted": "#5b5f63",
287
- "--card-background-color": "#1b1e3c",
288
- "--header-background-color": "transparent",
289
- "--header-border-bottom-color": "#3b3d46"
290
- },
291
203
  lumen: {
292
204
  "--body-background": "#0b0604",
293
205
  "--body-accent-color": "#e8b97a",
@@ -328,38 +240,6 @@ var previewPalettes = {
328
240
  "--header-background-color": "#0f110f",
329
241
  "--header-border-bottom-color": "#2a2d27"
330
242
  },
331
- "midnight-folio": {
332
- "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(196, 181, 253, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(240, 171, 252, 0.12) 0%, transparent 68%), linear-gradient(155deg, #131528 0%, #0f1020 52%, #181a2d 100%)",
333
- "--body-accent-color": "#c4b5fd",
334
- "--body-color-muted": "#908ba8",
335
- "--card-background-color": "#181a2d",
336
- "--header-background-color": "#131528",
337
- "--header-border-bottom-color": "#2d3151"
338
- },
339
- "mint-meadow": {
340
- "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(16, 185, 129, 0.14) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(187, 247, 208, 0.18) 0%, transparent 65%), linear-gradient(155deg, #f8fffb 0%, #eafbf1 55%, #f3fff7 100%)",
341
- "--body-accent-color": "#10b981",
342
- "--body-color-muted": "#64748b",
343
- "--card-background-color": "#ffffff",
344
- "--header-background-color": "#ffffff",
345
- "--header-border-bottom-color": "#d1fae5"
346
- },
347
- mintone: {
348
- "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(52, 58, 64, 0.08) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(187, 191, 194, 0.16) 0%, transparent 65%), linear-gradient(155deg, #ffffff 0%, #f3f5fa 55%, #f8f9fc 100%)",
349
- "--body-accent-color": "#343a40",
350
- "--body-color-muted": "#bbbfc2",
351
- "--card-background-color": "#fff",
352
- "--header-background-color": "transparent",
353
- "--header-border-bottom-color": "#3b3d46"
354
- },
355
- "neon-tokyo": {
356
- "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(232, 64, 160, 0.18) 0%, transparent 65%), radial-gradient(48% 42% at 0% 100%, rgba(192, 132, 252, 0.12) 0%, transparent 65%), linear-gradient(155deg, #15101a 0%, #09090f 55%, #101018 100%)",
357
- "--body-accent-color": "#e840a0",
358
- "--body-color-muted": "#c084fc",
359
- "--card-background-color": "#14141c",
360
- "--header-background-color": "#14141c",
361
- "--header-border-bottom-color": "#252530"
362
- },
363
243
  "noir-marquee": {
364
244
  "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(125, 211, 252, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(246, 199, 111, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0c0e15 0%, #07080d 52%, #11131b 100%)",
365
245
  "--body-accent-color": "#7dd3fc",
@@ -448,14 +328,6 @@ var previewPalettes = {
448
328
  "--header-background-color": "#161920",
449
329
  "--header-border-bottom-color": "#1e2230"
450
330
  },
451
- "spectrum-vault": {
452
- "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(139, 92, 246, 0.18) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(236, 72, 153, 0.12) 0%, transparent 65%), radial-gradient(130% 110% at 20% 0%, #130e1e 0%, #0a0810 55%, #100c18 100%)",
453
- "--body-accent-color": "#8b5cf6",
454
- "--body-color-muted": "#7060a8",
455
- "--card-background-color": "#181428",
456
- "--header-background-color": "#110e1e",
457
- "--header-border-bottom-color": "#1a1630"
458
- },
459
331
  "tailwind-vue-dark": {
460
332
  "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(96, 165, 250, 0.12) 0%, transparent 65%), radial-gradient(50% 45% at 0% 100%, rgba(144, 161, 185, 0.1) 0%, transparent 65%), linear-gradient(155deg, #263852 0%, #182235 55%, #1f2d43 100%)",
461
333
  "--body-accent-color": "#f0b100",
@@ -480,14 +352,6 @@ var previewPalettes = {
480
352
  "--header-background-color": "#f8eedf",
481
353
  "--header-border-bottom-color": "rgba(194, 82, 47, 0.14)"
482
354
  },
483
- "twilight-pulse": {
484
- "--body-background": "radial-gradient(60% 50% at 100% 0%, rgba(217, 70, 239, 0.18) 0%, transparent 65%), radial-gradient(48% 42% at 0% 100%, rgba(167, 139, 250, 0.12) 0%, transparent 65%), linear-gradient(155deg, #171024 0%, #0b0714 55%, #120a1f 100%)",
485
- "--body-accent-color": "#d946ef",
486
- "--body-color-muted": "#a78bfa",
487
- "--card-background-color": "#1a1028",
488
- "--header-background-color": "#1a1028",
489
- "--header-border-bottom-color": "#2d1b4e"
490
- },
491
355
  "vault-guard": {
492
356
  "--body-background": "radial-gradient(55% 50% at 100% 0%, rgba(34, 197, 94, 0.1) 0%, transparent 65%), radial-gradient(45% 40% at 0% 100%, rgba(34, 197, 94, 0.08) 0%, transparent 65%), linear-gradient(160deg, #101418 0%, #0a0e12 55%, #0e1216 100%)",
493
357
  "--body-accent-color": "#22c55e",
@@ -496,22 +360,6 @@ var previewPalettes = {
496
360
  "--header-background-color": "#111518",
497
361
  "--header-border-bottom-color": "#1a2228"
498
362
  },
499
- "velvet-reel": {
500
- "--body-background": "radial-gradient(70% 60% at 50% 0%, rgba(232, 184, 75, 0.12) 0%, transparent 60%), radial-gradient(50% 45% at 0% 100%, rgba(120, 20, 30, 0.2) 0%, transparent 65%), radial-gradient(50% 45% at 100% 100%, rgba(120, 20, 30, 0.18) 0%, transparent 65%), radial-gradient(130% 110% at 50% 0%, #160a0e 0%, #0a0508 50%, #0e0709 100%)",
501
- "--body-accent-color": "#e8b84b",
502
- "--body-color-muted": "#907878",
503
- "--card-background-color": "#1a1012",
504
- "--header-background-color": "#120a0c",
505
- "--header-border-bottom-color": "rgba(232, 184, 75, 0.14)"
506
- },
507
- "velvet-tome": {
508
- "--body-background": "radial-gradient(55% 50% at 80% 10%, rgba(201, 144, 58, 0.16) 0%, transparent 65%), radial-gradient(50% 45% at 10% 100%, rgba(120, 60, 20, 0.18) 0%, transparent 65%), radial-gradient(120% 100% at 10% 0%, #221808 0%, #160e04 50%, #1e1408 100%)",
509
- "--body-accent-color": "#c9903a",
510
- "--body-color-muted": "#8a7a68",
511
- "--card-background-color": "#261c0e",
512
- "--header-background-color": "#1e1608",
513
- "--header-border-bottom-color": "rgba(201, 144, 58, 0.18)"
514
- },
515
363
  "verdant-pulse": {
516
364
  "--body-background": "radial-gradient(62% 54% at 100% 0%, rgba(95, 217, 138, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(251, 179, 64, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0f1a14 0%, #0b1310 52%, #131f19 100%)",
517
365
  "--body-accent-color": "#5fd98a",
@@ -545,5 +393,4 @@ var previewPalettes = {
545
393
  "--header-border-bottom-color": "rgba(245, 158, 11, 0.16)"
546
394
  }
547
395
  };
548
- //#endregion
549
396
  export { previewPalettes };
@@ -1,4 +1,4 @@
1
- //#region src/themeConfig.ts
1
+ // src/themeConfig.ts
2
2
  var THEME_CONFIGS = [
3
3
  {
4
4
  value: "arctic-blue",
@@ -33,26 +33,6 @@ var THEME_CONFIGS = [
33
33
  label: "DashDark X",
34
34
  fontUrl: "https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap"
35
35
  },
36
- {
37
- value: "ember-night",
38
- label: "Ember Night",
39
- fontUrl: "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
40
- },
41
- {
42
- value: "frost-petal",
43
- label: "Frost Petal",
44
- fontUrl: "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700&display=swap"
45
- },
46
- {
47
- value: "lavender-mist",
48
- label: "Lavender Mist",
49
- fontUrl: "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap"
50
- },
51
- {
52
- value: "light-blue",
53
- label: "Light Blue",
54
- fontUrl: "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
55
- },
56
36
  {
57
37
  value: "lumen",
58
38
  label: "Lumen",
@@ -66,21 +46,6 @@ var THEME_CONFIGS = [
66
46
  label: "Luna",
67
47
  fontUrl: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
68
48
  },
69
- {
70
- value: "mint-meadow",
71
- label: "Mint Meadow",
72
- fontUrl: "https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap"
73
- },
74
- {
75
- value: "mintone",
76
- label: "MinTone",
77
- fontUrl: "https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
78
- },
79
- {
80
- value: "neon-tokyo",
81
- label: "Neon Tokyo",
82
- fontUrl: "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"
83
- },
84
49
  {
85
50
  value: "ocean-breeze",
86
51
  label: "Ocean Breeze",
@@ -108,11 +73,6 @@ var THEME_CONFIGS = [
108
73
  fontUrl: "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swa",
109
74
  recommendedApps: ["Basket"]
110
75
  },
111
- {
112
- value: "twilight-pulse",
113
- label: "Twilight Pulse",
114
- fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
115
- },
116
76
  {
117
77
  value: "sandy-parchment",
118
78
  label: "Sandy Parchment",
@@ -181,33 +141,6 @@ var THEME_CONFIGS = [
181
141
  fontUrl: "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap",
182
142
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"
183
143
  },
184
- {
185
- value: "clinical-aqua",
186
- label: "Clinical Aqua",
187
- recommendedApps: [],
188
- fontUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap",
189
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;1,400&display=swap"
190
- },
191
- {
192
- value: "velvet-tome",
193
- label: "Velvet Tome",
194
- fontUrl: "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap",
195
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"
196
- },
197
- {
198
- value: "midnight-folio",
199
- label: "Midnight Folio",
200
- recommendedApps: ["React Showcase"],
201
- fontUrl: "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap",
202
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"
203
- },
204
- {
205
- value: "velvet-reel",
206
- label: "Velvet Reel",
207
- recommendedApps: ["Reels"],
208
- fontUrl: "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap",
209
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap"
210
- },
211
144
  {
212
145
  value: "noir-marquee",
213
146
  label: "Noir Marquee",
@@ -279,12 +212,6 @@ var THEME_CONFIGS = [
279
212
  fontUrl: "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap",
280
213
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"
281
214
  },
282
- {
283
- value: "blush-market",
284
- label: "Blush Market",
285
- fontUrl: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap",
286
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;1,400&display=swap"
287
- },
288
215
  {
289
216
  value: "slate-bazaar",
290
217
  label: "Slate Bazaar",
@@ -298,13 +225,6 @@ var THEME_CONFIGS = [
298
225
  recommendedApps: ["Tasks"],
299
226
  fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
300
227
  },
301
- {
302
- value: "horizon-drift",
303
- label: "Horizon Drift",
304
- recommendedApps: ["Voyage", "CookBook"],
305
- fontUrl: "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap",
306
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap"
307
- },
308
228
  {
309
229
  value: "midnight-atlas",
310
230
  label: "Midnight Atlas",
@@ -368,26 +288,13 @@ var THEME_CONFIGS = [
368
288
  fontUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap",
369
289
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap"
370
290
  },
371
- {
372
- value: "gilded-bear",
373
- label: "Gilded Bear",
374
- recommendedApps: ["Holdings"],
375
- fontUrl: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap",
376
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"
377
- },
378
291
  {
379
292
  value: "mesh-circuit",
380
293
  label: "Mesh Circuit",
381
- recommendedApps: ["IoT", "Resume"],
294
+ recommendedApps: ["Resume"],
382
295
  fontUrl: "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap",
383
296
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap"
384
297
  },
385
- {
386
- value: "amber-meridian",
387
- label: "Amber Meridian",
388
- fontUrl: "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap",
389
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"
390
- },
391
298
  {
392
299
  value: "vital-aurora",
393
300
  label: "Vital Aurora",
@@ -395,20 +302,6 @@ var THEME_CONFIGS = [
395
302
  fontUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap",
396
303
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap"
397
304
  },
398
- {
399
- value: "spectrum-vault",
400
- label: "Spectrum Vault",
401
- recommendedApps: ["Lumen"],
402
- fontUrl: "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap",
403
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap"
404
- },
405
- {
406
- value: "archive-indigo",
407
- label: "Archive Indigo",
408
- recommendedApps: ["Atelier Media"],
409
- fontUrl: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap",
410
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap"
411
- },
412
305
  {
413
306
  value: "terminal-phosphor",
414
307
  label: "Terminal Phosphor",
@@ -441,26 +334,12 @@ var THEME_CONFIGS = [
441
334
  fontUrl: "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&display=swap",
442
335
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"
443
336
  },
444
- {
445
- value: "brass-chronicle",
446
- label: "Brass Chronicle",
447
- recommendedApps: ["Atlas of Time"],
448
- fontUrl: "https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap",
449
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap"
450
- },
451
337
  {
452
338
  value: "graphite-shell",
453
339
  label: "Graphite Shell",
454
340
  fontUrl: "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap",
455
341
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap"
456
342
  },
457
- {
458
- value: "command-slate",
459
- label: "Command Slate",
460
- recommendedApps: ["Nexus"],
461
- fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
462
- fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap"
463
- },
464
343
  {
465
344
  value: "screening-room",
466
345
  label: "Screening Room",
@@ -532,13 +411,18 @@ var THEME_CONFIGS = [
532
411
  recommendedApps: ["Skirmish"],
533
412
  fontUrl: "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&display=swap",
534
413
  fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap"
414
+ },
415
+ {
416
+ value: "circuit-harbor",
417
+ label: "Circuit Harbor",
418
+ recommendedApps: ["IoT"],
419
+ fontUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
420
+ fontUrlDisplay: "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"
535
421
  }
536
422
  ];
537
423
  var FAVORITE_THEMES = /* @__PURE__ */ new Set([
538
424
  "arctic-blue",
539
425
  "crimson-dusk",
540
- "frost-petal",
541
- "lavender-mist",
542
426
  "ocean-breeze",
543
427
  "ocean-depths",
544
428
  "sandstone",
@@ -547,16 +431,9 @@ var FAVORITE_THEMES = /* @__PURE__ */ new Set([
547
431
  var LIGHT_THEMES = /* @__PURE__ */ new Set([
548
432
  "atelier-media",
549
433
  "blueprint-clay",
550
- "blush-market",
551
434
  "chrono-atlas",
552
- "clinical-aqua",
553
- "frost-petal",
554
435
  "garden-harvest",
555
- "horizon-drift",
556
436
  "ivory-serif",
557
- "lavender-mist",
558
- "mint-meadow",
559
- "mintone",
560
437
  "ocean-breeze",
561
438
  "sandstone",
562
439
  "sandy-parchment",
@@ -569,5 +446,4 @@ var getThemeAppearance = (themeValue) => {
569
446
  var getThemeConfig = (themeValue) => {
570
447
  return THEME_CONFIGS.find((config) => config.value === themeValue);
571
448
  };
572
- //#endregion
573
449
  export { FAVORITE_THEMES, LIGHT_THEMES, THEME_CONFIGS, getThemeAppearance, getThemeConfig };
@@ -0,0 +1 @@
1
+ [data-theme=circuit-harbor]{--font-family: 'Inter', 'IBM Plex Sans', sans-serif;--font-family-display: 'Space Grotesk', 'Inter', sans-serif;--form-control-font-family: var(--font-family, sans-serif);--body-background: var(--body-background-wash, var(--body-background-base));--body-background-base: #070c10;--body-background-wash: radial-gradient(62% 54% at 100% 0%, rgba(14, 116, 144, 0.16) 0%, transparent 65%), radial-gradient(56% 48% at 0% 100%, rgba(30, 58, 95, 0.12) 0%, transparent 68%), linear-gradient(155deg, #0d151b 0%, #070c10 52%, #1a2833 100%);--body-color: #d6e2ea;--body-color-accent: #f4f8fb;--body-color-muted: #879cad;--body-title-color: #f4f8fb;--body-sub-title-color: #abbecd;--body-accent-color: #22d3ee;--body-danger-color: #f87171;--backdrop-color: rgba(0, 0, 0, 0.76);--text-shadow: rgba(0, 0, 0, 0.48);--box-shadow: rgba(0, 0, 0, 0.44);--header-background-color: #0d151b;--header-border-bottom-color: #33495a;--header-color: #d6e2ea;--header-font-weight: 600;--card-background-color: #1a2833;--card-background-accent-color: #213140;--card-border-color: #33495a;--card-backdrop-filter: none;--card-border-accent-color: #22d3ee;--card-hover-border-color: #44606f;--card-color: #abbecd;--card-accent-color: #22d3ee;--card-box-shadow: 0 14px 38px rgba(0, 0, 0, 0.34);--card-surface-box-shadow: 0 1px 0 rgba(244, 248, 251, 0.04) inset, 0 14px 38px rgba(0, 0, 0, 0.32);--card-footer-background-color: #213140;--card-footer-color: #879cad;--card-title-color: var(--body-title-color);--card-title-font-family: var(--font-family-display, sans-serif);--card-title-font-size: var(--font-size-lg);--card-title-font-style: normal;--card-title-font-weight: var(--font-weight-bold);--card-title-letter-spacing: 0;--card-title-text-transform: none;--links-color: #22d3ee;--links-hover-color: #06b6d4;--delimiter-color: #33495a;--border-color: #44606f;--button-default-border-color: #44606f;--button-default-background-color: #213140;--button-default-color: #d6e2ea;--button-default-hover-border-color: #22d3ee;--button-default-hover-background-color: rgba(34, 211, 238, 0.12);--button-default-hover-color: #f4f8fb;--button-info-border-color: #22d3ee;--button-info-background-color: #06b6d4;--button-info-color: #04161a;--button-info-hover-border-color: #22d3ee;--button-info-hover-background-color: #22d3ee;--button-info-hover-color: #04161a;--button-warning-border-color: #fbbf24;--button-warning-background-color: #fbbf24;--button-warning-color: #070c10;--button-warning-hover-border-color: #fbbf24;--button-warning-hover-background-color: rgba(251, 191, 36, 0.88);--button-warning-hover-color: #070c10;--button-success-border-color: #4ade80;--button-success-background-color: #4ade80;--button-success-color: #070c10;--button-success-hover-border-color: #4ade80;--button-success-hover-background-color: rgba(74, 222, 128, 0.86);--button-success-hover-color: #070c10;--button-danger-border-color: #f87171;--button-danger-background-color: #f87171;--button-danger-color: #ffffff;--button-danger-hover-border-color: #f87171;--button-danger-hover-background-color: rgba(248, 113, 113, 0.86);--button-danger-hover-color: #ffffff;--button-plain-color: #879cad;--button-plain-hover-color: #f4f8fb;--button-ghost-border-color: transparent;--button-ghost-background-color: transparent;--button-ghost-color: var(--button-plain-color);--button-ghost-hover-border-color: transparent;--button-ghost-hover-background-color: #213140;--button-ghost-hover-color: var(--button-plain-hover-color);--dropdown-border-color: #44606f;--dropdown-header-background-color: #0d151b;--dropdown-header-border-focus-color: #22d3ee;--dropdown-header-color: #d6e2ea;--dropdown-options-background-color: #1a2833;--dropdown-options-color: #d6e2ea;--dropdown-options-hover-background-color: rgba(34, 211, 238, 0.11);--dropdown-options-hover-color: #f4f8fb;--dropdown-options-selected-background-color: rgba(34, 211, 238, 0.2);--dropdown-options-selected-color: #f4f8fb;--dropdown-chips-background-color: rgba(34, 211, 238, 0.14);--dropdown-chips-color: #22d3ee;--dropdown-chips-border-color: rgba(34, 211, 238, 0.32);--dropdown-chips-hover-background-color: rgba(34, 211, 238, 0.22);--dropdown-action-color: #abbecd;--dropdown-action-background-color: #1a2833;--dropdown-action-hover-color: #f4f8fb;--dropdown-action-hover-background-color: #213140;--tabs-active-background-color: rgba(34, 211, 238, 0.15);--tabs-active-color: #22d3ee;--tabs-inactive-background-color: transparent;--tabs-inactive-color: #879cad;--modal-background-color: #1a2833;--modal-border-color: #44606f;--modal-backdrop-filter: none;--modal-header-background-color: #213140;--modal-header-color: #f4f8fb;--modal-title-color: var(--modal-header-color);--modal-title-font-family: var(--font-family-display, sans-serif);--modal-title-font-size: var(--font-size-lg);--modal-title-font-style: normal;--modal-title-font-weight: var(--font-weight-bold);--modal-title-letter-spacing: 0;--modal-title-text-transform: none;--modal-body-color: #abbecd;--modal-footer-background-color: #0d151b;--modal-color: #d6e2ea;--modal-box-shadow: 0 18px 52px rgba(0, 0, 0, 0.48);--modal-surface-box-shadow: var(--modal-box-shadow);--modal-box-shadow-hover: 0 22px 60px rgba(34, 211, 238, 0.18);--list-alternate-background-color: #213140;--list-hover-background-color: rgba(34, 211, 238, 0.08);--progress-bar-background-color: #213140;--progress-bar-color: #879cad;--progress-default-bar-border-color: #44606f;--progress-default-bar-fill-color: #879cad;--progress-success-bar-border-color: #4ade80;--progress-success-bar-fill-color: #4ade80;--progress-info-bar-border-color: #60a5fa;--progress-info-bar-fill-color: #60a5fa;--progress-warning-bar-border-color: #fbbf24;--progress-warning-bar-fill-color: #fbbf24;--progress-danger-bar-border-color: #f87171;--progress-danger-bar-fill-color: #f87171;--form-control-background-color: #0d151b;--form-control-color: #d6e2ea;--form-control-label-color: #879cad;--form-control-label-font-size: var(--font-size-xs);--form-control-label-font-weight: var(--font-weight-semibold);--form-control-label-letter-spacing: 0.08em;--form-control-label-text-transform: uppercase;--form-control-border-color: #44606f;--form-control-error-background-color: rgba(248, 113, 113, 0.1);--form-control-error-color: #f87171;--form-control-error-border-color: #f87171;--form-control-focus-background-color: #213140;--form-control-focus-border-color: #22d3ee;--form-control-focus-color: #f4f8fb;--form-control-placeholder-color: rgba(135, 156, 173, 0.72);--form-control-success-background-color: rgba(74, 222, 128, 0.1);--form-control-success-color: #4ade80;--form-control-success-border-color: #4ade80;--form-control-selection-background-color: rgba(34, 211, 238, 0.16);--form-control-selection-border-color: #22d3ee;--form-control-selection-color: #f4f8fb;--form-control-selection-label-color: #22d3ee;--form-control-focus-ring: rgba(34, 211, 238, 0.28);--calendar-background-color: #1a2833;--calendar-border-color: #44606f;--calendar-header-background-color: #213140;--calendar-header-color: #f4f8fb;--calendar-day-color: #abbecd;--calendar-day-hover-background-color: #213140;--calendar-day-selected-background-color: #22d3ee;--calendar-day-selected-color: #04161a;--calendar-day-disabled-color: rgba(135, 156, 173, 0.42);--calendar-day-today-border-color: #22d3ee;--calendar-day-weekend-color: #fbbf24;--datepicker-input-background-color: #0d151b;--tooltip-background-color: #22d3ee;--tooltip-border-color: #22d3ee;--tooltip-color: #04161a;--popover-background-color: #1a2833;--popover-border-color: #22d3ee;--popover-color: #d6e2ea;--popover-arrow-color: #22d3ee;--toast-info-background-color: #60a5fa;--toast-info-color: #04161a;--toast-info-border-color: #22d3ee;--toast-success-background-color: #4ade80;--toast-success-color: #070c10;--toast-success-border-color: #4ade80;--toast-warning-background-color: #fbbf24;--toast-warning-color: #070c10;--toast-warning-border-color: #fbbf24;--toast-danger-background-color: #f87171;--toast-danger-color: #ffffff;--toast-danger-border-color: #f87171;--loader-border-color: rgba(34, 211, 238, 0.2);--loader-border-top-color: #22d3ee;--rating-color-success: #4ade80;--rating-color-warning: #fbbf24;--rating-color-danger: #f87171;--rating-color-info: #60a5fa;--rating-empty-color: #213140;--rating-empty-label-color: #879cad;--rating-half-rate-empty-color: #213140;--slider-track-background-color: #213140;--slider-track-border-color: #44606f;--slider-track-hover-background-color: #0e3440;--slider-track-hover-border-color: #22d3ee;--slider-thumb-background-color: #22d3ee;--slider-thumb-border-color: #22d3ee;--slider-thumb-hover-background-color: #06b6d4;--slider-thumb-hover-border-color: #06b6d4;--chip-selected-background-color: rgba(34, 211, 238, 0.16);--chip-selected-border-color: #22d3ee;--chip-hover-border-color: #22d3ee;--chip-hover-background-color: transparent;--chip-hover-color: #abbecd;--chip-selected-color: #22d3ee;--chip-selected-count-color: rgba(34, 211, 238, 0.72);--note-container-effect-background-color: rgba(34, 211, 238, 0.08);--note-container-effect-color: #d6e2ea;--note-container-effect-border-left-color: #22d3ee;--infuse-effect-hover-border-color: #22d3ee;--infuse-effect-hover-box-shadow-color: rgba(34, 211, 238, 0.32);--infuse-effect-before-background: linear-gradient(90deg, #06b6d4, #fbbf24);--up-lift-effect-hover-border-color: #22d3ee;--up-lift-effect-box-shadow-color: rgba(0, 0, 0, 0.42);--up-lift-effect-hover-box-shadow-color: rgba(34, 211, 238, 0.28);--up-lift-effect-before-background: linear-gradient(135deg, #22d3ee 0%, #1e3a5f 100%);--glow-box-shadow-color: 0 0 18px rgba(34, 211, 238, 0.36), 0 0 8px rgba(30, 58, 95, 0.18);--glow-hover-border-color: rgba(34, 211, 238, 0.42)}