@vibes.diy/prompts 2.5.5-dev.1 → 2.5.7

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 (50) hide show
  1. package/llms/image-gen.md +9 -0
  2. package/package.json +3 -3
  3. package/themes/colors/aether.yaml +21 -1
  4. package/themes/colors/archive.yaml +19 -4
  5. package/themes/colors/atelier.yaml +21 -5
  6. package/themes/colors/atlas.yaml +20 -4
  7. package/themes/colors/broadsheet.yaml +22 -5
  8. package/themes/colors/brutalist.yaml +18 -7
  9. package/themes/colors/capsule.yaml +21 -5
  10. package/themes/colors/carbon.yaml +9 -4
  11. package/themes/colors/chrome.yaml +11 -2
  12. package/themes/colors/chrono.yaml +19 -1
  13. package/themes/colors/codex.yaml +10 -2
  14. package/themes/colors/computer-angel-heaven.yaml +21 -4
  15. package/themes/colors/console.yaml +21 -5
  16. package/themes/colors/default.yaml +9 -2
  17. package/themes/colors/desktop.yaml +22 -0
  18. package/themes/colors/dial.yaml +11 -5
  19. package/themes/colors/dossier.yaml +10 -3
  20. package/themes/colors/edge.yaml +21 -1
  21. package/themes/colors/guild.yaml +10 -2
  22. package/themes/colors/hearth.yaml +21 -3
  23. package/themes/colors/industrial.yaml +19 -4
  24. package/themes/colors/matrix.yaml +10 -3
  25. package/themes/colors/mesh.yaml +20 -4
  26. package/themes/colors/neomario.yaml +20 -4
  27. package/themes/colors/neon.yaml +22 -0
  28. package/themes/colors/nexus.yaml +10 -3
  29. package/themes/colors/opus.yaml +10 -4
  30. package/themes/colors/orbit.yaml +21 -4
  31. package/themes/colors/palate.yaml +10 -3
  32. package/themes/colors/pitch.yaml +9 -5
  33. package/themes/colors/poster.yaml +9 -5
  34. package/themes/colors/proof.yaml +10 -4
  35. package/themes/colors/recon.yaml +9 -4
  36. package/themes/colors/rift.yaml +10 -4
  37. package/themes/colors/rune.yaml +21 -2
  38. package/themes/colors/scrapbook.yaml +21 -2
  39. package/themes/colors/sensor.yaml +9 -4
  40. package/themes/colors/signal.yaml +10 -4
  41. package/themes/colors/slab.yaml +21 -1
  42. package/themes/colors/specimen.yaml +22 -5
  43. package/themes/colors/terminal.yaml +10 -0
  44. package/themes/colors/vault.yaml +9 -5
  45. package/themes/colors/winter-sports.yaml +21 -5
  46. package/themes/colors/zine.yaml +21 -4
  47. package/themes/colorsets-bundle.js +673 -139
  48. package/themes/colorsets-bundle.js.map +1 -1
  49. package/themes/colorsets.js +50 -32
  50. package/themes/colorsets.js.map +1 -1
@@ -1,7 +1,22 @@
1
1
  export const vibesColorsets = {
2
2
  aether: {
3
3
  name: "Aether Brass",
4
- colors: { "text-primary": "#3e2723" },
4
+ colors: {
5
+ "text-primary": "rgba(20, 20, 20, 0.92)",
6
+ accent: "#cfa562",
7
+ border: "rgba(20, 20, 20, 0.14)",
8
+ background: "#dcbfa6",
9
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
10
+ surface: "rgba(255, 255, 255, 0.85)",
11
+ },
12
+ colorsDark: {
13
+ accent: "#9d7330",
14
+ border: "rgba(255, 255, 255, 0.18)",
15
+ background: "#593c23",
16
+ "text-primary": "rgba(255, 255, 255, 0.92)",
17
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
18
+ surface: "rgba(255, 255, 255, 0.04)",
19
+ },
5
20
  extras: {
6
21
  parchment: "#dcbfa6",
7
22
  "parchment-dark": "#c4a482",
@@ -10,52 +25,123 @@ export const vibesColorsets = {
10
25
  "brass-mid": "#cfa562",
11
26
  "brass-dark": "#745428",
12
27
  amber: "#ffaa00",
28
+ raised: "rgba(255, 255, 255, 0.55)",
29
+ "accent-text": "#fafafa",
13
30
  },
31
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
32
+ structural: { "font-family": "'Special Elite', monospace", "font-family-mono": "'Special Elite', monospace" },
14
33
  },
15
34
  archive: {
16
35
  name: "Archive",
17
36
  colors: {
18
37
  background: "oklch(0.95 0.01 70)",
19
38
  accent: "oklch(0.35 0.04 50)",
20
- "text-primary": "oklch(0.15 0.02 50)",
21
- "text-secondary": "oklch(0.55 0.02 50)",
22
- border: "oklch(0.20 0.02 50)",
39
+ "text-primary": "rgba(20, 20, 20, 0.92)",
40
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
41
+ border: "rgba(20, 20, 20, 0.14)",
42
+ surface: "rgba(255, 255, 255, 0.85)",
23
43
  },
24
- extras: { "accent-text": "oklch(0.95 0.01 70)", "page-bg": "oklch(0.92 0.01 65)" },
44
+ colorsDark: {
45
+ accent: "oklch(0.65 0.04 50)",
46
+ border: "rgba(255, 255, 255, 0.18)",
47
+ background: "oklch(0.06 0.01 70)",
48
+ "text-primary": "rgba(255, 255, 255, 0.92)",
49
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
50
+ surface: "rgba(255, 255, 255, 0.04)",
51
+ },
52
+ extras: { "accent-text": "#fafafa", "page-bg": "oklch(0.92 0.01 65)", raised: "rgba(255, 255, 255, 0.55)" },
53
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
54
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
25
55
  },
26
56
  atelier: {
27
57
  name: "Atelier Studio",
28
58
  colors: {
29
- background: "oklch(0.96 0.03 70)",
30
- surface: "oklch(0.95 0.03 70)",
59
+ background: "oklch(0.95 0.03 70)",
60
+ surface: "rgba(255, 255, 255, 0.85)",
31
61
  primary: "oklch(0.65 0.18 55)",
32
62
  secondary: "oklch(0.60 0.15 40)",
33
- "text-primary": "oklch(0.25 0.04 30)",
34
- "text-secondary": "oklch(0.50 0.04 30)",
35
- border: "oklch(0.25 0.04 30 / 0.15)",
63
+ "text-primary": "rgba(20, 20, 20, 0.92)",
64
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
65
+ border: "rgba(20, 20, 20, 0.14)",
66
+ accent: "oklch(0.65 0.18 55)",
67
+ },
68
+ colorsDark: {
69
+ accent: "oklch(0.35 0.18 55)",
70
+ border: "rgba(255, 255, 255, 0.18)",
71
+ background: "oklch(0.06 0.03 70)",
72
+ "text-primary": "rgba(255, 255, 255, 0.92)",
73
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
74
+ surface: "rgba(255, 255, 255, 0.04)",
75
+ },
76
+ extras: {
77
+ "comp-accent-text": "oklch(1.00 0 0)",
78
+ "comp-golden": "oklch(0.72 0.15 80)",
79
+ raised: "rgba(255, 255, 255, 0.55)",
80
+ "accent-text": "#fafafa",
81
+ },
82
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
83
+ structural: {
84
+ "font-family": "'Playfair Display', serif",
85
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
36
86
  },
37
- extras: { "comp-accent-text": "oklch(1.00 0 0)", "comp-golden": "oklch(0.72 0.15 80)" },
38
87
  },
39
88
  atlas: {
40
89
  name: "Atlas Reference",
41
90
  colors: {
42
91
  background: "oklch(1.00 0 0)",
43
- surface: "oklch(1.00 0 0)",
92
+ surface: "rgba(255, 255, 255, 0.85)",
44
93
  primary: "oklch(0.62 0.24 25)",
45
- "text-primary": "oklch(0.13 0 0)",
46
- "text-secondary": "oklch(0.66 0 0)",
47
- border: "oklch(0.93 0 0)",
94
+ "text-primary": "rgba(20, 20, 20, 0.92)",
95
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
96
+ border: "rgba(20, 20, 20, 0.14)",
97
+ accent: "oklch(0.62 0.24 25)",
98
+ },
99
+ colorsDark: {
100
+ accent: "oklch(0.38 0.24 25)",
101
+ border: "rgba(255, 255, 255, 0.18)",
102
+ background: "oklch(0.06 0 0)",
103
+ "text-primary": "rgba(255, 255, 255, 0.92)",
104
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
105
+ surface: "rgba(255, 255, 255, 0.04)",
48
106
  },
49
107
  extras: {
50
108
  "comp-accent-text": "oklch(0.13 0 0)",
51
109
  "atlas-brand-bg": "oklch(0.62 0.24 25)",
52
110
  "atlas-brand-border": "oklch(0 0 0 / 0.08)",
53
111
  "atlas-brand-hover": "oklch(0 0 0 / 0.05)",
112
+ raised: "rgba(255, 255, 255, 0.55)",
113
+ "accent-text": "#fafafa",
114
+ },
115
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
116
+ structural: {
117
+ "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
118
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
54
119
  },
55
120
  },
56
121
  broadsheet: {
57
122
  name: "Broadsheet",
58
- colors: { background: "#ffffff", accent: "#666666", "text-primary": "#111111", "text-secondary": "#666666", border: "#cccccc" },
123
+ colors: {
124
+ background: "#fff",
125
+ accent: "#666",
126
+ "text-primary": "rgba(20, 20, 20, 0.92)",
127
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
128
+ border: "rgba(20, 20, 20, 0.14)",
129
+ surface: "rgba(255, 255, 255, 0.85)",
130
+ },
131
+ colorsDark: {
132
+ accent: "#999999",
133
+ border: "rgba(255, 255, 255, 0.18)",
134
+ background: "#0f0f0f",
135
+ "text-primary": "rgba(255, 255, 255, 0.92)",
136
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
137
+ surface: "rgba(255, 255, 255, 0.04)",
138
+ },
139
+ extras: { raised: "rgba(255, 255, 255, 0.55)", "accent-text": "#fafafa" },
140
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
141
+ structural: {
142
+ "font-family": "'Helvetica Neue', Helvetica, Arial, sans-serif",
143
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
144
+ },
59
145
  },
60
146
  brutalist: {
61
147
  name: "Neobrutalist",
@@ -86,6 +172,8 @@ export const vibesColorsets = {
86
172
  info: "#3b82f6",
87
173
  "on-info": "#ffffff",
88
174
  "primary-light": "rgba(218, 41, 28, 0.1)",
175
+ shadow: "4px 4px 0 var(--border)",
176
+ "shadow-sm": "3px 3px 0 var(--border)",
89
177
  },
90
178
  extrasDark: {
91
179
  "on-primary": "#ffffff",
@@ -94,17 +182,36 @@ export const vibesColorsets = {
94
182
  info: "#3b82f6",
95
183
  "on-info": "#ffffff",
96
184
  "primary-light": "rgba(218, 41, 28, 0.18)",
185
+ shadow: "4px 4px 0 var(--border)",
186
+ "shadow-sm": "3px 3px 0 var(--border)",
187
+ },
188
+ structural: {
189
+ "font-family": "'Space Grotesk', sans-serif",
190
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
191
+ radius: "4px",
192
+ "radius-sm": "4px",
193
+ "radius-lg": "4px",
194
+ spacing: "8px",
97
195
  },
98
196
  },
99
197
  capsule: {
100
198
  name: "Capsule Split",
101
199
  colors: {
102
- background: "oklch(0.00 0 0)",
103
- surface: "oklch(0.89 0.20 110)",
200
+ background: "oklch(0.89 0.20 110)",
201
+ surface: "rgba(255, 255, 255, 0.85)",
104
202
  primary: "oklch(0.00 0 0)",
105
- "text-primary": "oklch(0.00 0 0)",
106
- "text-secondary": "oklch(0.00 0 0 / 0.50)",
107
- border: "oklch(0.00 0 0 / 0.10)",
203
+ "text-primary": "rgba(20, 20, 20, 0.92)",
204
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
205
+ border: "rgba(20, 20, 20, 0.14)",
206
+ accent: "oklch(0.00 0 0)",
207
+ },
208
+ colorsDark: {
209
+ accent: "oklch(0.97 0 0)",
210
+ border: "rgba(255, 255, 255, 0.18)",
211
+ background: "oklch(0.11 0.20 110)",
212
+ "text-primary": "rgba(255, 255, 255, 0.92)",
213
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
214
+ surface: "rgba(255, 255, 255, 0.04)",
108
215
  },
109
216
  extras: {
110
217
  "comp-accent-text": "oklch(1.00 0 0)",
@@ -112,24 +219,37 @@ export const vibesColorsets = {
112
219
  "capsule-visual-bg": "oklch(0.13 0 0)",
113
220
  "capsule-visual-text": "oklch(1.00 0 0)",
114
221
  "capsule-visual-border": "oklch(1.00 0 0 / 0.20)",
222
+ raised: "rgba(255, 255, 255, 0.55)",
223
+ "accent-text": "#fafafa",
224
+ },
225
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
226
+ structural: {
227
+ "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
228
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
115
229
  },
116
230
  },
117
231
  carbon: {
118
232
  name: "Carbon Panel",
119
233
  colors: {
120
234
  background: "oklch(0.18 0.005 285)",
121
- surface: "oklch(0.25 0.005 285)",
235
+ surface: "rgba(255, 255, 255, 0.04)",
122
236
  accent: "oklch(0.79 0.18 75)",
123
- "text-primary": "oklch(1.00 0.000 0)",
124
- "text-secondary": "oklch(0.87 0.01 258)",
237
+ "text-primary": "rgba(255, 255, 255, 0.92)",
238
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
125
239
  "text-disabled": "oklch(0.71 0.02 261)",
126
- border: "oklch(0.31 0.005 285)",
240
+ border: "rgba(255, 255, 255, 0.18)",
127
241
  },
128
242
  extras: {
129
243
  "accent-amber": "oklch(0.79 0.18 75)",
130
244
  "accent-coral": "oklch(0.68 0.20 35)",
131
245
  "accent-red": "oklch(0.63 0.24 25)",
132
246
  "accent-green": "oklch(0.77 0.22 145)",
247
+ raised: "rgba(255, 255, 255, 0.06)",
248
+ "accent-text": "#0a0a0a",
249
+ },
250
+ structural: {
251
+ "font-family": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
252
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
133
253
  },
134
254
  },
135
255
  chrome: {
@@ -139,10 +259,11 @@ export const vibesColorsets = {
139
259
  surface: "#171717",
140
260
  "text-primary": "#ffffff",
141
261
  "text-secondary": "#d1d1d1",
142
- border: "#3d1326",
262
+ border: "rgba(255, 0, 60, 0.45)",
263
+ accent: "#ff003c",
143
264
  },
144
265
  extras: {
145
- "bg-panel": "#2a0a18",
266
+ "bg-panel": "#1a050c",
146
267
  "bg-dark": "#12050e",
147
268
  "bg-footer": "#1a050c",
148
269
  "neon-red": "#ff003c",
@@ -150,16 +271,46 @@ export const vibesColorsets = {
150
271
  "neon-cyan": "#00f0ff",
151
272
  "border-red": "rgba(255, 0, 60, 0.5)",
152
273
  "text-muted": "#a3a3a3",
274
+ "bg-card": "#0e0508",
275
+ "border-dim": "#3d1326",
276
+ glow: "0 0 28px rgba(255,0,60,0.55), 0 0 6px rgba(255,0,60,0.9)",
277
+ "bg-grad": "radial-gradient(ellipse at top, #2a0a18 0%, #000 65%)",
278
+ "shadow-btn": "0 0 14px rgba(255,0,60,0.55)",
153
279
  },
280
+ structural: { "font-family": "'Rajdhani', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
154
281
  },
155
282
  chrono: {
156
283
  name: "Chrono",
157
- colors: { background: "#dde1e7", accent: "#6c8ee6", "text-primary": "#5a6270" },
158
- extras: { "text-dark": "#3a3f4a" },
284
+ colors: {
285
+ background: "#dde1e7",
286
+ accent: "#6c8ee6",
287
+ "text-primary": "rgba(20, 20, 20, 0.92)",
288
+ border: "rgba(20, 20, 20, 0.14)",
289
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
290
+ surface: "rgba(255, 255, 255, 0.85)",
291
+ },
292
+ colorsDark: {
293
+ accent: "#193b93",
294
+ border: "rgba(255, 255, 255, 0.18)",
295
+ background: "#181c22",
296
+ "text-primary": "rgba(255, 255, 255, 0.92)",
297
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
298
+ surface: "rgba(255, 255, 255, 0.04)",
299
+ },
300
+ extras: { "text-dark": "#3a3f4a", raised: "rgba(255, 255, 255, 0.55)", "accent-text": "#fafafa" },
301
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
302
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
159
303
  },
160
304
  codex: {
161
305
  name: "Elder Codex",
162
- colors: { background: "oklch(0.06 0.000 0)", "text-primary": "oklch(0.90 0.000 0)", "text-secondary": "oklch(0.55 0.000 0)" },
306
+ colors: {
307
+ background: "oklch(0.06 0.000 0)",
308
+ "text-primary": "rgba(255, 255, 255, 0.92)",
309
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
310
+ accent: "oklch(0.17 0.000 0)",
311
+ border: "rgba(255, 255, 255, 0.18)",
312
+ surface: "rgba(255, 255, 255, 0.04)",
313
+ },
163
314
  extras: {
164
315
  "stone-dark": "oklch(0.17 0.000 0)",
165
316
  "stone-light": "oklch(0.30 0.000 0)",
@@ -170,19 +321,32 @@ export const vibesColorsets = {
170
321
  "crimson-dark": "oklch(0.20 0.07 22)",
171
322
  parchment: "oklch(0.78 0.05 70)",
172
323
  "parchment-ink": "oklch(0.27 0.04 45)",
324
+ raised: "rgba(255, 255, 255, 0.06)",
325
+ "accent-text": "#0a0a0a",
173
326
  },
327
+ structural: { "font-family": "'Cinzel', serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
174
328
  },
175
329
  "computer-angel-heaven": {
176
330
  name: "Computer Angel Heaven",
177
331
  colors: {
178
- surface: "oklch(0.96 0.008 80)",
332
+ surface: "rgba(255, 255, 255, 0.85)",
179
333
  primary: "oklch(0.78 0.12 85)",
180
334
  secondary: "oklch(0.80 0.06 240)",
181
- "text-primary": "oklch(0.30 0.03 250)",
182
- "text-secondary": "oklch(0.55 0.04 260)",
183
- border: "oklch(0.92 0.01 240 / 0.40)",
335
+ "text-primary": "rgba(20, 20, 20, 0.92)",
336
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
337
+ border: "rgba(20, 20, 20, 0.14)",
184
338
  success: "oklch(0.75 0.12 155)",
185
339
  error: "oklch(0.65 0.18 25)",
340
+ accent: "oklch(0.78 0.12 85)",
341
+ background: "oklch(0.96 0.008 80)",
342
+ },
343
+ colorsDark: {
344
+ accent: "oklch(0.22 0.12 85)",
345
+ border: "rgba(255, 255, 255, 0.18)",
346
+ background: "oklch(0.06 0.008 80)",
347
+ "text-primary": "rgba(255, 255, 255, 0.92)",
348
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
349
+ surface: "rgba(255, 255, 255, 0.04)",
186
350
  },
187
351
  extras: {
188
352
  "comp-heading": "oklch(0.25 0.03 250)",
@@ -197,17 +361,33 @@ export const vibesColorsets = {
197
361
  "comp-sparkle": "oklch(0.95 0.03 240 / 0.80)",
198
362
  "comp-input-bg": "oklch(0.98 0.003 240 / 0.45)",
199
363
  "comp-input-border": "oklch(0.90 0.01 240 / 0.35)",
364
+ raised: "rgba(255, 255, 255, 0.55)",
365
+ "accent-text": "#fafafa",
366
+ },
367
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
368
+ structural: {
369
+ "font-family": "'Inter', 'SF Pro Display', system-ui, sans-serif",
370
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
200
371
  },
201
372
  },
202
373
  console: {
203
374
  name: "Console Rack",
204
375
  colors: {
205
- background: "oklch(0.98 0 0)",
206
- surface: "oklch(0.93 0.003 265)",
376
+ background: "oklch(0.93 0.003 265)",
377
+ surface: "rgba(255, 255, 255, 0.85)",
207
378
  primary: "oklch(0.58 0.20 35)",
208
- "text-primary": "oklch(0.28 0 0)",
209
- "text-secondary": "oklch(0.55 0 0)",
210
- border: "oklch(0.82 0.005 265)",
379
+ "text-primary": "rgba(20, 20, 20, 0.92)",
380
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
381
+ border: "rgba(20, 20, 20, 0.14)",
382
+ accent: "oklch(0.58 0.20 35)",
383
+ },
384
+ colorsDark: {
385
+ accent: "oklch(0.42 0.20 35)",
386
+ border: "rgba(255, 255, 255, 0.18)",
387
+ background: "oklch(0.07 0.003 265)",
388
+ "text-primary": "rgba(255, 255, 255, 0.92)",
389
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
390
+ surface: "rgba(255, 255, 255, 0.04)",
211
391
  },
212
392
  extras: {
213
393
  "comp-accent-text": "oklch(1.00 0 0)",
@@ -218,6 +398,13 @@ export const vibesColorsets = {
218
398
  "console-cap-white": "oklch(0.95 0 0)",
219
399
  "console-screen-bg": "oklch(0.07 0 0)",
220
400
  "console-led-green": "oklch(0.85 0.30 140)",
401
+ raised: "rgba(255, 255, 255, 0.55)",
402
+ "accent-text": "#fafafa",
403
+ },
404
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
405
+ structural: {
406
+ "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
407
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
221
408
  },
222
409
  },
223
410
  default: {
@@ -238,12 +425,33 @@ export const vibesColorsets = {
238
425
  "text-secondary": "oklch(0.55 0.03 60)",
239
426
  border: "oklch(0.35 0.04 60)",
240
427
  },
241
- extras: { "accent-text": "oklch(1.00 0 0)" },
242
- extrasDark: { "accent-text": "oklch(0.12 0.04 60)" },
428
+ extras: { "accent-text": "oklch(1.00 0 0)", raised: "oklch(0.99 0.01 80)" },
429
+ extrasDark: { "accent-text": "oklch(0.12 0.04 60)", raised: "oklch(0.20 0.04 60)" },
430
+ structural: {
431
+ "font-family": "'Inter', sans-serif",
432
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
433
+ radius: "14px",
434
+ "radius-sm": "8px",
435
+ },
243
436
  },
244
437
  desktop: {
245
438
  name: "Desktop Retro",
246
- colors: {},
439
+ colors: {
440
+ accent: "oklch(0.11 0.01 250)",
441
+ border: "rgba(20, 20, 20, 0.14)",
442
+ background: "#fff",
443
+ "text-primary": "rgba(20, 20, 20, 0.92)",
444
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
445
+ surface: "rgba(255, 255, 255, 0.85)",
446
+ },
447
+ colorsDark: {
448
+ accent: "oklch(0.89 0.01 250)",
449
+ border: "rgba(255, 255, 255, 0.18)",
450
+ background: "#0f0f0f",
451
+ "text-primary": "rgba(255, 255, 255, 0.92)",
452
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
453
+ surface: "rgba(255, 255, 255, 0.04)",
454
+ },
247
455
  extras: {
248
456
  "editor-bg": "oklch(0.11 0.01 250)",
249
457
  chrome: "oklch(0.18 0.000 0)",
@@ -261,17 +469,22 @@ export const vibesColorsets = {
261
469
  "win-highlight": "oklch(1.00 0.000 0)",
262
470
  "win-text": "oklch(0.00 0.000 0)",
263
471
  heart: "oklch(0.58 0.17 18)",
472
+ raised: "rgba(255, 255, 255, 0.55)",
473
+ "accent-text": "#fafafa",
264
474
  },
475
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
476
+ structural: { "font-family": "'JetBrains Mono', monospace", "font-family-mono": "'JetBrains Mono', monospace" },
265
477
  },
266
478
  dial: {
267
479
  name: "Dial Apparatus",
268
480
  colors: {
269
- background: "oklch(0.00 0 0)",
270
- surface: "oklch(0.24 0.01 260)",
481
+ background: "oklch(0.24 0.01 260)",
482
+ surface: "rgba(255, 255, 255, 0.04)",
271
483
  primary: "oklch(0.62 0.24 28)",
272
- "text-primary": "oklch(0.64 0.02 250)",
273
- "text-secondary": "oklch(0.64 0.02 250 / 0.5)",
274
- border: "oklch(0.19 0.01 260 / 0.5)",
484
+ "text-primary": "rgba(255, 255, 255, 0.92)",
485
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
486
+ border: "rgba(255, 255, 255, 0.18)",
487
+ accent: "oklch(0.62 0.24 28)",
275
488
  },
276
489
  extras: {
277
490
  "comp-accent-text": "oklch(0.10 0 0)",
@@ -281,21 +494,45 @@ export const vibesColorsets = {
281
494
  "dial-screen-bg": "oklch(0.10 0 0)",
282
495
  "dial-screen-glass": "oklch(0.14 0.005 260)",
283
496
  "dial-led-active": "oklch(0.62 0.24 28)",
497
+ raised: "rgba(255, 255, 255, 0.06)",
498
+ "accent-text": "#0a0a0a",
499
+ },
500
+ structural: {
501
+ "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
502
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
284
503
  },
285
504
  },
286
505
  dossier: {
287
506
  name: "Dossier Card",
288
507
  colors: {
289
508
  background: "oklch(0.16 0.000 0)",
290
- surface: "oklch(0.00 0.000 0)",
291
- "text-primary": "oklch(1.00 0.000 0)",
292
- border: "oklch(0.28 0.03 257)",
509
+ surface: "rgba(255, 255, 255, 0.04)",
510
+ "text-primary": "rgba(255, 255, 255, 0.92)",
511
+ border: "rgba(255, 255, 255, 0.18)",
512
+ accent: "#666",
513
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
293
514
  },
294
- extras: { "border-fg": "oklch(1.00 0.000 0)" },
515
+ extras: { "border-fg": "oklch(1.00 0.000 0)", raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
516
+ structural: { "font-family": "'Roboto Mono', monospace", "font-family-mono": "'Roboto Mono', monospace" },
295
517
  },
296
518
  edge: {
297
519
  name: "EDGE INTERFACE",
298
- colors: { surface: "rgba(15, 5, 20, 0.85)" },
520
+ colors: {
521
+ surface: "rgba(255, 255, 255, 0.85)",
522
+ accent: "#ff0077",
523
+ border: "rgba(20, 20, 20, 0.14)",
524
+ background: "#fff",
525
+ "text-primary": "rgba(20, 20, 20, 0.92)",
526
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
527
+ },
528
+ colorsDark: {
529
+ accent: "#ff0077",
530
+ border: "rgba(255, 255, 255, 0.18)",
531
+ background: "#0f0f0f",
532
+ "text-primary": "rgba(255, 255, 255, 0.92)",
533
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
534
+ surface: "rgba(255, 255, 255, 0.04)",
535
+ },
299
536
  extras: {
300
537
  pink: "#ff0077",
301
538
  yellow: "#fcee0a",
@@ -303,11 +540,25 @@ export const vibesColorsets = {
303
540
  void: "#0a0205",
304
541
  vignette: "#2a0a2e",
305
542
  "panel-border": "rgba(255, 0, 119, 0.6)",
543
+ raised: "rgba(255, 255, 255, 0.55)",
544
+ "accent-text": "#fafafa",
545
+ },
546
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
547
+ structural: {
548
+ "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
549
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
306
550
  },
307
551
  },
308
552
  guild: {
309
553
  name: "Guild Ledger",
310
- colors: { background: "oklch(0.10 0.03 260)", "text-primary": "oklch(0.90 0.000 0)", "text-secondary": "oklch(0.67 0.04 240)" },
554
+ colors: {
555
+ background: "oklch(0.10 0.03 260)",
556
+ "text-primary": "rgba(255, 255, 255, 0.92)",
557
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
558
+ accent: "oklch(0.60 0.13 80)",
559
+ border: "rgba(255, 255, 255, 0.18)",
560
+ surface: "rgba(255, 255, 255, 0.04)",
561
+ },
311
562
  extras: {
312
563
  "bg-highlight": "oklch(0.18 0.04 255)",
313
564
  "gold-base": "oklch(0.60 0.13 80)",
@@ -317,16 +568,30 @@ export const vibesColorsets = {
317
568
  parchment: "oklch(0.84 0.03 75)",
318
569
  wood: "oklch(0.27 0.04 30)",
319
570
  iron: "oklch(0.27 0.02 220)",
571
+ raised: "rgba(255, 255, 255, 0.06)",
572
+ "accent-text": "#0a0a0a",
320
573
  },
574
+ structural: { "font-family": "'Cinzel', serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
321
575
  },
322
576
  hearth: {
323
577
  name: "Hearth Sim",
324
578
  colors: {
325
- surface: "oklch(0.38 0.17 295 / 0.4)",
579
+ surface: "rgba(255, 255, 255, 0.85)",
326
580
  primary: "oklch(0.38 0.17 295)",
327
- "text-primary": "oklch(1.00 0.000 0)",
328
- border: "oklch(1.00 0.000 0 / 0.1)",
581
+ "text-primary": "rgba(20, 20, 20, 0.92)",
582
+ border: "rgba(20, 20, 20, 0.14)",
329
583
  error: "oklch(0.55 0.20 25)",
584
+ accent: "oklch(0.38 0.17 295)",
585
+ background: "#fff",
586
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
587
+ },
588
+ colorsDark: {
589
+ accent: "oklch(0.62 0.17 295)",
590
+ border: "rgba(255, 255, 255, 0.18)",
591
+ background: "#0f0f0f",
592
+ "text-primary": "rgba(255, 255, 255, 0.92)",
593
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
594
+ surface: "rgba(255, 255, 255, 0.04)",
330
595
  },
331
596
  extras: {
332
597
  "bg-start": "oklch(0.18 0.10 300)",
@@ -336,59 +601,103 @@ export const vibesColorsets = {
336
601
  "accent-green": "oklch(0.70 0.15 155)",
337
602
  "accent-gold": "oklch(0.88 0.18 95)",
338
603
  "text-purple": "oklch(0.25 0.16 295)",
604
+ raised: "rgba(255, 255, 255, 0.55)",
605
+ "accent-text": "#fafafa",
339
606
  },
607
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
608
+ structural: { "font-family": "'Nunito', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
340
609
  },
341
610
  industrial: {
342
611
  name: "Industrial",
343
612
  colors: {
344
613
  background: "oklch(0.88 0.01 90)",
345
614
  accent: "oklch(0.90 0.20 110)",
346
- "text-primary": "oklch(0.05 0.01 0)",
347
- "text-secondary": "oklch(0.40 0.01 0)",
348
- border: "oklch(0.05 0.01 0)",
615
+ "text-primary": "rgba(20, 20, 20, 0.92)",
616
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
617
+ border: "rgba(20, 20, 20, 0.14)",
618
+ surface: "rgba(255, 255, 255, 0.85)",
619
+ },
620
+ colorsDark: {
621
+ accent: "oklch(0.10 0.20 110)",
622
+ border: "rgba(255, 255, 255, 0.18)",
623
+ background: "oklch(0.12 0.01 90)",
624
+ "text-primary": "rgba(255, 255, 255, 0.92)",
625
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
626
+ surface: "rgba(255, 255, 255, 0.04)",
349
627
  },
350
- extras: { "accent-text": "oklch(0.05 0.01 0)" },
628
+ extras: { "accent-text": "#fafafa", raised: "rgba(255, 255, 255, 0.55)" },
629
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
630
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
351
631
  },
352
632
  matrix: {
353
633
  name: "Matrix Status",
354
634
  colors: {
355
635
  background: "oklch(0.16 0.000 0)",
356
- surface: "oklch(0.00 0.000 0 / 0.5)",
357
- "text-primary": "oklch(1.00 0.000 0)",
358
- "text-secondary": "oklch(0.71 0.02 261)",
636
+ surface: "rgba(255, 255, 255, 0.04)",
637
+ "text-primary": "rgba(255, 255, 255, 0.92)",
638
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
639
+ accent: "oklch(0.79 0.21 152)",
640
+ border: "rgba(255, 255, 255, 0.18)",
359
641
  },
360
642
  extras: {
361
643
  green: "oklch(0.79 0.21 152)",
362
644
  "green-border": "oklch(0.72 0.22 150 / 0.3)",
363
645
  yellow: "oklch(0.85 0.20 92)",
364
646
  red: "oklch(0.70 0.19 22)",
647
+ raised: "rgba(255, 255, 255, 0.06)",
648
+ "accent-text": "#0a0a0a",
365
649
  },
650
+ structural: { "font-family": "'VT323', monospace", "font-family-mono": "'VT323', monospace" },
366
651
  },
367
652
  mesh: {
368
653
  name: "Mesh Void",
369
654
  colors: {
370
- surface: "oklch(0.10 0.000 0)",
655
+ surface: "rgba(255, 255, 255, 0.85)",
371
656
  accent: "oklch(0.87 0.28 145)",
372
- "text-primary": "oklch(1.00 0.000 0)",
373
- "text-secondary": "oklch(0.49 0.000 0)",
374
- border: "oklch(1.00 0.000 0 / 0.15)",
657
+ "text-primary": "rgba(20, 20, 20, 0.92)",
658
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
659
+ border: "rgba(20, 20, 20, 0.14)",
660
+ background: "#fff",
661
+ },
662
+ colorsDark: {
663
+ accent: "oklch(0.13 0.28 145)",
664
+ border: "rgba(255, 255, 255, 0.18)",
665
+ background: "#0f0f0f",
666
+ "text-primary": "rgba(255, 255, 255, 0.92)",
667
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
668
+ surface: "rgba(255, 255, 255, 0.04)",
375
669
  },
376
670
  extras: {
377
671
  void: "oklch(0.07 0.000 0)",
378
672
  "fg-dim": "oklch(0.30 0.000 0)",
379
673
  hover: "oklch(0.13 0.000 0)",
380
674
  ring: "oklch(0.36 0.000 0)",
675
+ raised: "rgba(255, 255, 255, 0.55)",
676
+ "accent-text": "#fafafa",
677
+ },
678
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
679
+ structural: {
680
+ "font-family": "'Inter', -apple-system, sans-serif",
681
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
381
682
  },
382
683
  },
383
684
  neomario: {
384
685
  name: "NeoMario",
385
686
  colors: {
386
687
  background: "oklch(0.96 0.01 90)",
387
- surface: "oklch(1.00 0 0)",
688
+ surface: "rgba(255, 255, 255, 0.85)",
388
689
  accent: "oklch(0.55 0.24 28)",
389
- "text-primary": "oklch(0.15 0.02 280)",
390
- "text-secondary": "oklch(0.50 0.02 280)",
391
- border: "oklch(0.15 0.02 280)",
690
+ "text-primary": "rgba(20, 20, 20, 0.92)",
691
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
692
+ border: "rgba(20, 20, 20, 0.14)",
693
+ },
694
+ colorsDark: {
695
+ accent: "oklch(0.45 0.24 28)",
696
+ border: "rgba(255, 255, 255, 0.18)",
697
+ background: "oklch(0.06 0.01 90)",
698
+ "text-primary": "rgba(255, 255, 255, 0.92)",
699
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
700
+ surface: "rgba(255, 255, 255, 0.04)",
392
701
  },
393
702
  extras: {
394
703
  "accent-light": "oklch(0.55 0.24 28 / 0.1)",
@@ -397,11 +706,34 @@ export const vibesColorsets = {
397
706
  green: "oklch(0.62 0.19 145)",
398
707
  blue: "oklch(0.52 0.18 255)",
399
708
  red: "oklch(0.55 0.24 28)",
709
+ raised: "rgba(255, 255, 255, 0.55)",
710
+ "accent-text": "#fafafa",
711
+ },
712
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
713
+ structural: {
714
+ "font-family": "'Space Grotesk', sans-serif",
715
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
716
+ radius: "4px",
400
717
  },
401
718
  },
402
719
  neon: {
403
720
  name: "Neon Arcade",
404
- colors: {},
721
+ colors: {
722
+ accent: "#f93c94",
723
+ border: "rgba(20, 20, 20, 0.14)",
724
+ background: "#fff",
725
+ "text-primary": "rgba(20, 20, 20, 0.92)",
726
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
727
+ surface: "rgba(255, 255, 255, 0.85)",
728
+ },
729
+ colorsDark: {
730
+ accent: "#c3065e",
731
+ border: "rgba(255, 255, 255, 0.18)",
732
+ background: "#0f0f0f",
733
+ "text-primary": "rgba(255, 255, 255, 0.92)",
734
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
735
+ surface: "rgba(255, 255, 255, 0.04)",
736
+ },
405
737
  extras: {
406
738
  "bg-gradient-start": "#ff5bad",
407
739
  "bg-gradient-mid": "#ffc85c",
@@ -414,21 +746,44 @@ export const vibesColorsets = {
414
746
  "text-dark": "#2a0a2e",
415
747
  "text-light": "#ffffff",
416
748
  "text-on-pink": "#2a0a2e",
749
+ raised: "rgba(255, 255, 255, 0.55)",
750
+ "accent-text": "#fafafa",
417
751
  },
752
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
753
+ structural: { "font-family": "'Rajdhani', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
418
754
  },
419
755
  nexus: {
420
756
  name: "Nexus Grid",
421
- colors: { background: "#000000", "text-primary": "#ffffff", "text-secondary": "#888888", border: "#666666" },
422
- extras: { "accent-lime": "#D4FF00", "text-body": "#dddddd", outline: "rgba(255,255,255,0.3)", voxel: "#ffffff" },
757
+ colors: {
758
+ background: "#000000",
759
+ "text-primary": "rgba(255, 255, 255, 0.92)",
760
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
761
+ border: "rgba(255, 255, 255, 0.18)",
762
+ accent: "#D4FF00",
763
+ surface: "rgba(255, 255, 255, 0.04)",
764
+ },
765
+ extras: {
766
+ "accent-lime": "#D4FF00",
767
+ "text-body": "#dddddd",
768
+ outline: "rgba(255,255,255,0.3)",
769
+ voxel: "#ffffff",
770
+ raised: "rgba(255, 255, 255, 0.06)",
771
+ "accent-text": "#0a0a0a",
772
+ },
773
+ structural: {
774
+ "font-family": "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
775
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
776
+ },
423
777
  },
424
778
  opus: {
425
779
  name: "Opus Cabinet",
426
780
  colors: {
427
781
  background: "oklch(0.06 0.000 0)",
428
- surface: "oklch(0.12 0.000 0)",
429
- "text-primary": "oklch(0.90 0.000 0)",
430
- "text-secondary": "oklch(0.57 0.000 0)",
431
- border: "oklch(0.27 0.000 0)",
782
+ surface: "rgba(255, 255, 255, 0.04)",
783
+ "text-primary": "rgba(255, 255, 255, 0.92)",
784
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
785
+ border: "rgba(255, 255, 255, 0.18)",
786
+ accent: "oklch(0.12 0.000 0)",
432
787
  },
433
788
  extras: {
434
789
  "bg-card": "oklch(0.13 0.000 0)",
@@ -450,15 +805,28 @@ export const vibesColorsets = {
450
805
  "iron-text": "oklch(0.83 0.020 240)",
451
806
  "text-muted": "oklch(0.40 0.000 0)",
452
807
  "border-hover": "oklch(0.55 0.090 75)",
808
+ raised: "rgba(255, 255, 255, 0.06)",
809
+ "accent-text": "#0a0a0a",
453
810
  },
811
+ structural: { "font-family": "'Cinzel', serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
454
812
  },
455
813
  orbit: {
456
814
  name: "Orbit Dashboard",
457
815
  colors: {
458
- surface: "oklch(0.00 0.000 0)",
459
- "text-primary": "oklch(1.00 0.000 0)",
460
- "text-secondary": "oklch(0.71 0.02 261)",
461
- border: "oklch(0.37 0.03 260)",
816
+ surface: "rgba(255, 255, 255, 0.85)",
817
+ "text-primary": "rgba(20, 20, 20, 0.92)",
818
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
819
+ border: "rgba(20, 20, 20, 0.14)",
820
+ accent: "oklch(0.79 0.21 152)",
821
+ background: "#fff",
822
+ },
823
+ colorsDark: {
824
+ accent: "oklch(0.21 0.21 152)",
825
+ border: "rgba(255, 255, 255, 0.18)",
826
+ background: "#0f0f0f",
827
+ "text-primary": "rgba(255, 255, 255, 0.92)",
828
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
829
+ surface: "rgba(255, 255, 255, 0.04)",
462
830
  },
463
831
  extras: {
464
832
  "bg-gradient-from": "oklch(0.56 0.29 302)",
@@ -470,73 +838,107 @@ export const vibesColorsets = {
470
838
  "accent-blue": "oklch(0.71 0.17 255)",
471
839
  "accent-yellow": "oklch(0.85 0.20 92)",
472
840
  "accent-orange": "oklch(0.75 0.18 56)",
841
+ raised: "rgba(255, 255, 255, 0.55)",
842
+ "accent-text": "#fafafa",
843
+ },
844
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
845
+ structural: {
846
+ "font-family": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
847
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
473
848
  },
474
849
  },
475
850
  palate: {
476
851
  name: "Palate Notes",
477
852
  colors: {
478
853
  background: "oklch(0.17 0.000 0)",
479
- "text-primary": "oklch(0.93 0.006 265)",
480
- "text-secondary": "oklch(0.71 0.02 261)",
481
- border: "oklch(0.37 0.03 260)",
854
+ "text-primary": "rgba(255, 255, 255, 0.92)",
855
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
856
+ border: "rgba(255, 255, 255, 0.18)",
857
+ accent: "oklch(0.93 0.006 265)",
858
+ surface: "rgba(255, 255, 255, 0.04)",
859
+ },
860
+ extras: { dot: "oklch(0.93 0.006 265)", raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
861
+ structural: {
862
+ "font-family": "'Cormorant Garamond', serif",
863
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
482
864
  },
483
- extras: { dot: "oklch(0.93 0.006 265)" },
484
865
  },
485
866
  pitch: {
486
867
  name: "Pitch",
487
868
  colors: {
488
869
  background: "oklch(0.22 0.05 163)",
489
- surface: "oklch(0.27 0.055 163)",
870
+ surface: "rgba(255, 255, 255, 0.04)",
490
871
  accent: "oklch(0.86 0.18 90)",
491
- "text-primary": "oklch(0.95 0.01 100)",
492
- "text-secondary": "oklch(0.55 0.04 165)",
493
- border: "oklch(0.39 0.065 165)",
872
+ "text-primary": "rgba(255, 255, 255, 0.92)",
873
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
874
+ border: "rgba(255, 255, 255, 0.18)",
875
+ },
876
+ extras: { "accent-text": "#0a0a0a", raised: "rgba(255, 255, 255, 0.06)" },
877
+ structural: {
878
+ "font-family": "'Space Grotesk', sans-serif",
879
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
494
880
  },
495
- extras: { "accent-text": "oklch(0.20 0.04 163)" },
496
881
  },
497
882
  poster: {
498
883
  name: "Poster",
499
884
  colors: {
500
885
  background: "oklch(0.11 0.01 270)",
501
- surface: "oklch(0.13 0.01 270)",
886
+ surface: "rgba(255, 255, 255, 0.04)",
502
887
  accent: "oklch(0.65 0.18 290)",
503
- "text-primary": "oklch(0.93 0.01 270)",
504
- "text-secondary": "oklch(0.42 0.01 270)",
505
- border: "oklch(0.22 0.01 270)",
888
+ "text-primary": "rgba(255, 255, 255, 0.92)",
889
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
890
+ border: "rgba(255, 255, 255, 0.18)",
506
891
  },
507
- extras: { "accent-text": "oklch(0.10 0.01 270)" },
892
+ extras: { "accent-text": "#0a0a0a", raised: "rgba(255, 255, 255, 0.06)" },
893
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
508
894
  },
509
895
  proof: {
510
896
  name: "Proof Sheet",
511
897
  colors: {
512
898
  background: "oklch(0.14 0.000 0)",
513
- surface: "oklch(0.16 0.000 0)",
514
- "text-primary": "oklch(1.00 0.000 0)",
515
- "text-secondary": "oklch(0.71 0.02 261)",
516
- border: "oklch(0.28 0.03 257)",
899
+ surface: "rgba(255, 255, 255, 0.04)",
900
+ "text-primary": "rgba(255, 255, 255, 0.92)",
901
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
902
+ border: "rgba(255, 255, 255, 0.18)",
903
+ accent: "oklch(1.00 0.000 0 / 0.1)",
904
+ },
905
+ extras: {
906
+ "fg-dim": "oklch(1.00 0.000 0 / 0.6)",
907
+ "tag-bg": "oklch(1.00 0.000 0 / 0.1)",
908
+ "card-hi": "oklch(0.21 0.03 265)",
909
+ raised: "rgba(255, 255, 255, 0.06)",
910
+ "accent-text": "#0a0a0a",
911
+ },
912
+ structural: {
913
+ "font-family": "'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
914
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
517
915
  },
518
- extras: { "fg-dim": "oklch(1.00 0.000 0 / 0.6)", "tag-bg": "oklch(1.00 0.000 0 / 0.1)", "card-hi": "oklch(0.21 0.03 265)" },
519
916
  },
520
917
  recon: {
521
918
  name: "Recon Grid",
522
919
  colors: {
523
920
  background: "oklch(0.00 0.000 0)",
524
- surface: "oklch(0.00 0.000 0 / 0.8)",
921
+ surface: "rgba(255, 255, 255, 0.04)",
525
922
  accent: "oklch(0.64 0.24 25)",
526
- "text-primary": "oklch(0.97 0.003 265)",
527
- "text-secondary": "oklch(0.55 0.03 264)",
528
- border: "oklch(0.28 0.03 257)",
923
+ "text-primary": "rgba(255, 255, 255, 0.92)",
924
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
925
+ border: "rgba(255, 255, 255, 0.18)",
926
+ },
927
+ extras: { panel: "oklch(0.21 0.03 265 / 0.8)", raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
928
+ structural: {
929
+ "font-family": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
930
+ "font-family-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
529
931
  },
530
- extras: { panel: "oklch(0.21 0.03 265 / 0.8)" },
531
932
  },
532
933
  rift: {
533
934
  name: "Rift Portal",
534
935
  colors: {
535
936
  background: "oklch(0.07 0.02 280)",
536
- surface: "oklch(0.17 0.02 270 / 0.9)",
537
- "text-primary": "oklch(1.00 0.000 0)",
538
- "text-secondary": "oklch(0.70 0.02 260)",
539
- border: "oklch(0.37 0.03 255)",
937
+ surface: "rgba(255, 255, 255, 0.04)",
938
+ "text-primary": "rgba(255, 255, 255, 0.92)",
939
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
940
+ border: "rgba(255, 255, 255, 0.18)",
941
+ accent: "oklch(0.88 0.27 128)",
540
942
  },
541
943
  extras: {
542
944
  card: "oklch(0.13 0.000 0)",
@@ -547,11 +949,29 @@ export const vibesColorsets = {
547
949
  "accent-cyan": "oklch(0.87 0.14 200)",
548
950
  "accent-pink": "oklch(0.58 0.32 320)",
549
951
  "accent-yellow": "oklch(0.87 0.18 90)",
952
+ raised: "rgba(255, 255, 255, 0.06)",
953
+ "accent-text": "#0a0a0a",
550
954
  },
955
+ structural: { "font-family": "'Orbitron', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
551
956
  },
552
957
  rune: {
553
958
  name: "Rune Interface",
554
- colors: { "text-primary": "#b0c4cc", "text-secondary": "#4a6070" },
959
+ colors: {
960
+ "text-primary": "rgba(20, 20, 20, 0.92)",
961
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
962
+ accent: "#020406",
963
+ border: "rgba(20, 20, 20, 0.14)",
964
+ background: "#fff",
965
+ surface: "rgba(255, 255, 255, 0.85)",
966
+ },
967
+ colorsDark: {
968
+ accent: "#ecf2f9",
969
+ border: "rgba(255, 255, 255, 0.18)",
970
+ background: "#0f0f0f",
971
+ "text-primary": "rgba(255, 255, 255, 0.92)",
972
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
973
+ surface: "rgba(255, 255, 255, 0.04)",
974
+ },
555
975
  extras: {
556
976
  abyss: "#020406",
557
977
  "abyss-blue": "#05101a",
@@ -562,59 +982,141 @@ export const vibesColorsets = {
562
982
  stone: "#0d161f",
563
983
  "stone-border": "#1c2b38",
564
984
  "stone-light": "#162330",
985
+ raised: "rgba(255, 255, 255, 0.55)",
986
+ "accent-text": "#fafafa",
987
+ },
988
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
989
+ structural: {
990
+ "font-family": "'Cormorant Garamond', Georgia, serif",
991
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
565
992
  },
566
993
  },
567
994
  scrapbook: {
568
995
  name: "Scrapbook",
569
- colors: { "text-primary": "oklch(0.12 0.01 0)", "text-secondary": "oklch(0.45 0.01 0)" },
996
+ colors: {
997
+ "text-primary": "rgba(20, 20, 20, 0.92)",
998
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
999
+ accent: "oklch(0.93 0.03 130)",
1000
+ border: "rgba(20, 20, 20, 0.14)",
1001
+ background: "#fff",
1002
+ surface: "rgba(255, 255, 255, 0.85)",
1003
+ },
1004
+ colorsDark: {
1005
+ accent: "oklch(0.07 0.03 130)",
1006
+ border: "rgba(255, 255, 255, 0.18)",
1007
+ background: "#0f0f0f",
1008
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1009
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1010
+ surface: "rgba(255, 255, 255, 0.04)",
1011
+ },
570
1012
  extras: {
571
1013
  desk: "oklch(0.93 0.03 130)",
572
1014
  paper: "oklch(0.97 0.01 80)",
573
1015
  yellow: "oklch(0.93 0.12 95)",
574
1016
  pink: "oklch(0.90 0.06 10)",
575
1017
  blue: "oklch(0.90 0.05 240)",
1018
+ raised: "rgba(255, 255, 255, 0.55)",
1019
+ "accent-text": "#fafafa",
576
1020
  },
1021
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
1022
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
577
1023
  },
578
1024
  sensor: {
579
1025
  name: "Sensor Dashboard",
580
1026
  colors: {
581
1027
  background: "oklch(0.10 0.003 264)",
582
- surface: "oklch(0.16 0.003 264)",
1028
+ surface: "rgba(255, 255, 255, 0.04)",
583
1029
  accent: "oklch(0.53 0.22 25)",
584
- "text-primary": "oklch(0.93 0.005 264)",
585
- "text-secondary": "oklch(0.63 0.008 264)",
586
- border: "oklch(0.24 0.003 264)",
1030
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1031
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1032
+ border: "rgba(255, 255, 255, 0.18)",
1033
+ },
1034
+ extras: {
1035
+ "panel-hi": "oklch(0.19 0.003 264)",
1036
+ "bar-bg": "oklch(0.20 0.005 264)",
1037
+ "accent-weak": "oklch(0.45 0.19 25)",
1038
+ raised: "rgba(255, 255, 255, 0.06)",
1039
+ "accent-text": "#0a0a0a",
1040
+ },
1041
+ structural: {
1042
+ "font-family": "'IBM Plex Mono', ui-monospace, monospace",
1043
+ "font-family-mono": "'IBM Plex Mono', ui-monospace, monospace",
587
1044
  },
588
- extras: { "panel-hi": "oklch(0.19 0.003 264)", "bar-bg": "oklch(0.20 0.005 264)", "accent-weak": "oklch(0.45 0.19 25)" },
589
1045
  },
590
1046
  signal: {
591
1047
  name: "Signal",
592
1048
  colors: {
593
1049
  background: "#030303",
594
- surface: "#0a0a0a",
1050
+ surface: "rgba(255, 255, 255, 0.04)",
595
1051
  accent: "#ffffff",
596
- "text-primary": "#eaeaea",
597
- "text-secondary": "#666",
598
- border: "#1a1a1a",
1052
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1053
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1054
+ border: "rgba(255, 255, 255, 0.18)",
599
1055
  },
1056
+ extras: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
1057
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
600
1058
  },
601
1059
  slab: {
602
1060
  name: "Slab Concrete",
603
- colors: { "text-primary": "oklch(0.00 0.000 0)" },
1061
+ colors: {
1062
+ "text-primary": "rgba(20, 20, 20, 0.92)",
1063
+ accent: "oklch(0.88 0.000 0)",
1064
+ border: "rgba(20, 20, 20, 0.14)",
1065
+ background: "#fff",
1066
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
1067
+ surface: "rgba(255, 255, 255, 0.85)",
1068
+ },
1069
+ colorsDark: {
1070
+ accent: "oklch(0.12 0.000 0)",
1071
+ border: "rgba(255, 255, 255, 0.18)",
1072
+ background: "#0f0f0f",
1073
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1074
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1075
+ surface: "rgba(255, 255, 255, 0.04)",
1076
+ },
604
1077
  extras: {
605
1078
  concrete: "oklch(0.88 0.000 0)",
606
1079
  acid: "oklch(0.94 0.23 110)",
607
1080
  black: "oklch(0.10 0.000 0)",
608
1081
  "list-hover": "oklch(1.00 0.000 0 / 0.4)",
1082
+ raised: "rgba(255, 255, 255, 0.55)",
1083
+ "accent-text": "#fafafa",
609
1084
  },
1085
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
1086
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
610
1087
  },
611
1088
  specimen: {
612
1089
  name: "Specimen",
613
- colors: { background: "#ffffff", accent: "#666666", "text-primary": "#111111", "text-secondary": "#666666", border: "#dddddd" },
1090
+ colors: {
1091
+ background: "#fff",
1092
+ accent: "#666",
1093
+ "text-primary": "rgba(20, 20, 20, 0.92)",
1094
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
1095
+ border: "rgba(20, 20, 20, 0.14)",
1096
+ surface: "rgba(255, 255, 255, 0.85)",
1097
+ },
1098
+ colorsDark: {
1099
+ accent: "#999999",
1100
+ border: "rgba(255, 255, 255, 0.18)",
1101
+ background: "#0f0f0f",
1102
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1103
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1104
+ surface: "rgba(255, 255, 255, 0.04)",
1105
+ },
1106
+ extras: { raised: "rgba(255, 255, 255, 0.55)", "accent-text": "#fafafa" },
1107
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
1108
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
614
1109
  },
615
1110
  terminal: {
616
1111
  name: "Terminal CRT",
617
- colors: { background: "oklch(0.16 0.000 0)" },
1112
+ colors: {
1113
+ background: "oklch(0.16 0.000 0)",
1114
+ accent: "oklch(0.00 0.000 0 / 0.85)",
1115
+ border: "rgba(255, 255, 255, 0.18)",
1116
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1117
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1118
+ surface: "rgba(255, 255, 255, 0.04)",
1119
+ },
618
1120
  extras: {
619
1121
  terminal: "oklch(0.00 0.000 0 / 0.85)",
620
1122
  green: "oklch(0.87 0.30 142)",
@@ -622,45 +1124,77 @@ export const vibesColorsets = {
622
1124
  "green-border": "oklch(0.87 0.30 142 / 0.3)",
623
1125
  "green-faint": "oklch(0.87 0.30 142 / 0.1)",
624
1126
  white: "oklch(1.00 0.000 0)",
1127
+ raised: "rgba(255, 255, 255, 0.06)",
1128
+ "accent-text": "#0a0a0a",
625
1129
  },
1130
+ structural: { "font-family": "'VT323', monospace", "font-family-mono": "'VT323', monospace" },
626
1131
  },
627
1132
  vault: {
628
1133
  name: "Vault",
629
1134
  colors: {
630
1135
  background: "oklch(0.08 0.03 280)",
631
- surface: "oklch(0.12 0.03 280 / 0.7)",
1136
+ surface: "rgba(255, 255, 255, 0.04)",
632
1137
  accent: "oklch(0.72 0.15 75)",
633
- "text-primary": "oklch(0.93 0.02 80)",
634
- "text-secondary": "oklch(0.50 0.04 290)",
635
- border: "oklch(0.65 0.15 80 / 0.12)",
1138
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1139
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1140
+ border: "rgba(255, 255, 255, 0.18)",
636
1141
  },
637
- extras: { "accent-text": "oklch(0.10 0.03 280)", purple: "oklch(0.55 0.18 300)" },
1142
+ extras: { "accent-text": "#0a0a0a", purple: "oklch(0.55 0.18 300)", raised: "rgba(255, 255, 255, 0.06)" },
1143
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
638
1144
  },
639
1145
  "winter-sports": {
640
1146
  name: "Winter Sports",
641
1147
  colors: {
642
- background: "oklch(0.95 0.015 230)",
643
- surface: "oklch(0.99 0.003 240)",
1148
+ background: "oklch(0.99 0.003 240)",
1149
+ surface: "rgba(255, 255, 255, 0.85)",
644
1150
  primary: "oklch(0.55 0.19 250)",
645
- "text-primary": "oklch(0.22 0.025 250)",
646
- "text-secondary": "oklch(0.55 0.02 250)",
647
- border: "oklch(0.88 0.012 235)",
1151
+ "text-primary": "rgba(20, 20, 20, 0.92)",
1152
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
1153
+ border: "rgba(20, 20, 20, 0.14)",
1154
+ accent: "oklch(0.55 0.19 250)",
1155
+ },
1156
+ colorsDark: {
1157
+ accent: "oklch(0.45 0.19 250)",
1158
+ border: "rgba(255, 255, 255, 0.18)",
1159
+ background: "oklch(0.06 0.003 240)",
1160
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1161
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1162
+ surface: "rgba(255, 255, 255, 0.04)",
648
1163
  },
649
- extras: { "comp-accent-text": "oklch(0.99 0 0)" },
1164
+ extras: { "comp-accent-text": "oklch(0.99 0 0)", raised: "rgba(255, 255, 255, 0.55)", "accent-text": "#fafafa" },
1165
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
1166
+ structural: { "font-family": "'Inter', sans-serif", "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace" },
650
1167
  },
651
1168
  zine: {
652
1169
  name: "Zine Cut",
653
1170
  colors: {
654
- surface: "oklch(0.96 0.005 100)",
1171
+ surface: "rgba(255, 255, 255, 0.85)",
655
1172
  primary: "oklch(0.05 0 0)",
656
- "text-primary": "oklch(0.05 0 0)",
657
- "text-secondary": "oklch(0.05 0 0 / 0.3)",
658
- border: "oklch(0.05 0 0)",
1173
+ "text-primary": "rgba(20, 20, 20, 0.92)",
1174
+ "text-secondary": "rgba(20, 20, 20, 0.5)",
1175
+ border: "rgba(20, 20, 20, 0.14)",
1176
+ accent: "oklch(0.05 0 0)",
1177
+ background: "oklch(0.96 0.005 100)",
1178
+ },
1179
+ colorsDark: {
1180
+ accent: "oklch(0.95 0 0)",
1181
+ border: "rgba(255, 255, 255, 0.18)",
1182
+ background: "oklch(0.06 0.005 100)",
1183
+ "text-primary": "rgba(255, 255, 255, 0.92)",
1184
+ "text-secondary": "rgba(255, 255, 255, 0.55)",
1185
+ surface: "rgba(255, 255, 255, 0.04)",
659
1186
  },
660
1187
  extras: {
661
1188
  "comp-accent-text": "oklch(0.96 0.005 100)",
662
1189
  "zine-inverted-bg": "oklch(0.05 0 0)",
663
1190
  "zine-inverted-text": "oklch(0.96 0.005 100)",
1191
+ raised: "rgba(255, 255, 255, 0.55)",
1192
+ "accent-text": "#fafafa",
1193
+ },
1194
+ extrasDark: { raised: "rgba(255, 255, 255, 0.06)", "accent-text": "#0a0a0a" },
1195
+ structural: {
1196
+ "font-family": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
1197
+ "font-family-mono": "ui-monospace, 'JetBrains Mono', Menlo, monospace",
664
1198
  },
665
1199
  },
666
1200
  };