@timmo001/groundwork-tokens 0.0.0-stage → 0.3.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.
@@ -0,0 +1,2606 @@
1
+ // Generated by `mise run gen` from packages/tokens. Don't edit.
2
+
3
+ export const themes = [
4
+ {
5
+ "id": "base",
6
+ "name": "Base",
7
+ "description": "Neutral surfaces with a slight blue-gray tint, black and white primaries, and links as strong text. What every theme builds on.",
8
+ "optional": false,
9
+ "family": null,
10
+ "examples": [],
11
+ "style": {
12
+ "font": "Mona Sans",
13
+ "mono": "Geist Mono",
14
+ "radius": {
15
+ "panel": 10,
16
+ "control": 8,
17
+ "chip": 6
18
+ },
19
+ "border": {
20
+ "width": 1,
21
+ "strength": "hairline"
22
+ },
23
+ "weights": {
24
+ "regular": 400,
25
+ "strong": 600
26
+ },
27
+ "density": "normal",
28
+ "capitals": false,
29
+ "link": {
30
+ "color": "text",
31
+ "underline": "thin"
32
+ },
33
+ "surfaceAccent": "none",
34
+ "rows": "cards"
35
+ },
36
+ "properties": {
37
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
38
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
39
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
40
+ "font-weight-regular": "400",
41
+ "font-weight-strong": "600",
42
+ "density": "1",
43
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
44
+ "space-1": "calc(0.25rem * var(--gw-density))",
45
+ "space-2": "calc(0.5rem * var(--gw-density))",
46
+ "space-3": "calc(0.75rem * var(--gw-density))",
47
+ "space-4": "calc(1rem * var(--gw-density))",
48
+ "space-5": "calc(1.25rem * var(--gw-density))",
49
+ "space-6": "calc(1.5rem * var(--gw-density))",
50
+ "space-7": "calc(1.75rem * var(--gw-density))",
51
+ "space-8": "calc(2rem * var(--gw-density))",
52
+ "space-9": "calc(2.25rem * var(--gw-density))",
53
+ "space-10": "calc(2.5rem * var(--gw-density))",
54
+ "space-11": "calc(2.75rem * var(--gw-density))",
55
+ "space-12": "calc(3rem * var(--gw-density))",
56
+ "space-13": "calc(3.25rem * var(--gw-density))",
57
+ "space-14": "calc(3.5rem * var(--gw-density))",
58
+ "space-15": "calc(3.75rem * var(--gw-density))",
59
+ "space-16": "calc(4rem * var(--gw-density))",
60
+ "space-17": "calc(4.25rem * var(--gw-density))",
61
+ "space-18": "calc(4.5rem * var(--gw-density))",
62
+ "space-19": "calc(4.75rem * var(--gw-density))",
63
+ "space-20": "calc(5rem * var(--gw-density))",
64
+ "radius-panel": "10px",
65
+ "radius-control": "8px",
66
+ "radius-chip": "6px",
67
+ "border-width": "1px",
68
+ "border-color": "var(--gw-color-border-quiet)",
69
+ "label-transform": "none",
70
+ "label-tracking": "normal",
71
+ "link-color": "var(--gw-color-link)",
72
+ "link-underline": "1px",
73
+ "panel-sheen": "none",
74
+ "panel-marker": "0px",
75
+ "panel-flange": "0px",
76
+ "panel-flange-color": "var(--gw-border-color)",
77
+ "row-padding": "var(--gw-space-3)"
78
+ },
79
+ "modes": {
80
+ "light": {
81
+ "surface-lower": "#eceff3",
82
+ "surface-low": "#f0f3f7",
83
+ "surface-default": "#f4f7fb",
84
+ "surface-raised": "#fcfdff",
85
+ "surface-overlay": "#ffffff",
86
+ "border-quiet": "#dde0e4",
87
+ "border-normal": "#dadce1",
88
+ "border-loud": "#b3b6ba",
89
+ "text-strong": "#313235",
90
+ "text-primary": "#3e4042",
91
+ "text-secondary": "#6a6b6e",
92
+ "text-disabled": "#9a9b9e",
93
+ "fill-neutral-resting": "#e0e3e7",
94
+ "fill-neutral-hovered": "#d7d9dd",
95
+ "fill-neutral-pressed": "#cdcfd4",
96
+ "fill-neutral-selected": "#cfd3d9",
97
+ "fill-neutral-disabled": "#e9ebef",
98
+ "fill-primary-resting": "#1e1f21",
99
+ "fill-primary-hovered": "#2d2e30",
100
+ "fill-primary-pressed": "#37383a",
101
+ "on-primary": "#fcfdff",
102
+ "accent": "#1e1f21",
103
+ "fill-accent-resting": "#1e1f21",
104
+ "fill-accent-hovered": "#131416",
105
+ "fill-accent-pressed": "#242527",
106
+ "fill-accent-quiet": "#1e1f2129",
107
+ "border-accent": "#1e1f2180",
108
+ "on-accent": "#ffffff",
109
+ "focus": "#1e1f21",
110
+ "link": "#313235",
111
+ "info": "#276baa",
112
+ "fill-info-quiet": "#276baa24",
113
+ "border-info": "#276baa73",
114
+ "success": "#16783a",
115
+ "fill-success-quiet": "#16783a24",
116
+ "border-success": "#16783a73",
117
+ "important": "#7957ac",
118
+ "fill-important-quiet": "#7957ac24",
119
+ "border-important": "#7957ac73",
120
+ "warning": "#8a6100",
121
+ "fill-warning-quiet": "#8a610024",
122
+ "border-warning": "#8a610073",
123
+ "danger": "#ab4944",
124
+ "fill-danger-quiet": "#ab494424",
125
+ "border-danger": "#ab494473"
126
+ },
127
+ "dark": {
128
+ "surface-lower": "#0e1015",
129
+ "surface-low": "#111418",
130
+ "surface-default": "#14171c",
131
+ "surface-raised": "#202328",
132
+ "surface-overlay": "#292c32",
133
+ "border-quiet": "#2c2f34",
134
+ "border-normal": "#36393f",
135
+ "border-loud": "#4b4e54",
136
+ "text-strong": "#e3e4e7",
137
+ "text-primary": "#ced0d2",
138
+ "text-secondary": "#929497",
139
+ "text-disabled": "#646568",
140
+ "fill-neutral-resting": "#292c32",
141
+ "fill-neutral-hovered": "#313439",
142
+ "fill-neutral-pressed": "#383c41",
143
+ "fill-neutral-selected": "#343941",
144
+ "fill-neutral-disabled": "#22252a",
145
+ "fill-primary-resting": "#e6e8eb",
146
+ "fill-primary-hovered": "#d2d4d7",
147
+ "fill-primary-pressed": "#c6c7ca",
148
+ "on-primary": "#14171c",
149
+ "accent": "#e6e8eb",
150
+ "fill-accent-resting": "#e6e8eb",
151
+ "fill-accent-hovered": "#f7f8fb",
152
+ "fill-accent-pressed": "#dee0e2",
153
+ "fill-accent-quiet": "#e6e8eb29",
154
+ "border-accent": "#e6e8eb80",
155
+ "on-accent": "#0b0b0b",
156
+ "focus": "#e6e8eb",
157
+ "link": "#e3e4e7",
158
+ "info": "#5b9ee0",
159
+ "fill-info-quiet": "#5b9ee024",
160
+ "border-info": "#5b9ee073",
161
+ "success": "#52ab69",
162
+ "fill-success-quiet": "#52ab6924",
163
+ "border-success": "#52ab6973",
164
+ "important": "#aa89e2",
165
+ "fill-important-quiet": "#aa89e224",
166
+ "border-important": "#aa89e273",
167
+ "warning": "#c49027",
168
+ "fill-warning-quiet": "#c4902724",
169
+ "border-warning": "#c4902773",
170
+ "danger": "#e47c74",
171
+ "fill-danger-quiet": "#e47c7424",
172
+ "border-danger": "#e47c7473"
173
+ },
174
+ "darker": {
175
+ "surface-lower": "#0a0d12",
176
+ "surface-low": "#0e1015",
177
+ "surface-default": "#111418",
178
+ "surface-raised": "#1c1f24",
179
+ "surface-overlay": "#26292e",
180
+ "border-quiet": "#36393f",
181
+ "border-normal": "#4b4e54",
182
+ "border-loud": "#4b4e54",
183
+ "text-strong": "#e3e4e7",
184
+ "text-primary": "#ced0d2",
185
+ "text-secondary": "#929497",
186
+ "text-disabled": "#646568",
187
+ "fill-neutral-resting": "#26292e",
188
+ "fill-neutral-hovered": "#2d3036",
189
+ "fill-neutral-pressed": "#35383d",
190
+ "fill-neutral-selected": "#30353e",
191
+ "fill-neutral-disabled": "#1e2227",
192
+ "fill-primary-resting": "#e6e8eb",
193
+ "fill-primary-hovered": "#d2d4d7",
194
+ "fill-primary-pressed": "#c6c7ca",
195
+ "on-primary": "#111418",
196
+ "accent": "#e6e8eb",
197
+ "fill-accent-resting": "#e6e8eb",
198
+ "fill-accent-hovered": "#f7f8fb",
199
+ "fill-accent-pressed": "#dee0e2",
200
+ "fill-accent-quiet": "#e6e8eb29",
201
+ "border-accent": "#e6e8eb80",
202
+ "on-accent": "#0b0b0b",
203
+ "focus": "#e6e8eb",
204
+ "link": "#e3e4e7",
205
+ "info": "#5b9ee0",
206
+ "fill-info-quiet": "#5b9ee024",
207
+ "border-info": "#5b9ee073",
208
+ "success": "#52ab69",
209
+ "fill-success-quiet": "#52ab6924",
210
+ "border-success": "#52ab6973",
211
+ "important": "#aa89e2",
212
+ "fill-important-quiet": "#aa89e224",
213
+ "border-important": "#aa89e273",
214
+ "warning": "#c49027",
215
+ "fill-warning-quiet": "#c4902724",
216
+ "border-warning": "#c4902773",
217
+ "danger": "#e47c74",
218
+ "fill-danger-quiet": "#e47c7424",
219
+ "border-danger": "#e47c7473"
220
+ }
221
+ }
222
+ },
223
+ {
224
+ "id": "glazing",
225
+ "name": "Glazing",
226
+ "description": "Cool periwinkle, like glass and Tokyo Night. Large radii, faint borders and a glassy sheen.",
227
+ "optional": false,
228
+ "family": null,
229
+ "examples": [],
230
+ "style": {
231
+ "font": "Inter",
232
+ "mono": "Geist Mono",
233
+ "radius": {
234
+ "panel": 16,
235
+ "control": 12,
236
+ "chip": 10
237
+ },
238
+ "border": {
239
+ "width": 1,
240
+ "strength": "hairline"
241
+ },
242
+ "weights": {
243
+ "regular": 400,
244
+ "strong": 600
245
+ },
246
+ "density": "roomy",
247
+ "capitals": false,
248
+ "link": {
249
+ "color": "accent",
250
+ "underline": "thin"
251
+ },
252
+ "surfaceAccent": "sheen",
253
+ "rows": "cards"
254
+ },
255
+ "properties": {
256
+ "font-sans": "\"Inter Variable\", \"Inter\", system-ui, sans-serif",
257
+ "font-figures": "\"Inter Variable\", \"Inter\", system-ui, sans-serif",
258
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
259
+ "font-weight-regular": "400",
260
+ "font-weight-strong": "600",
261
+ "density": "1.2",
262
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
263
+ "space-1": "calc(0.25rem * var(--gw-density))",
264
+ "space-2": "calc(0.5rem * var(--gw-density))",
265
+ "space-3": "calc(0.75rem * var(--gw-density))",
266
+ "space-4": "calc(1rem * var(--gw-density))",
267
+ "space-5": "calc(1.25rem * var(--gw-density))",
268
+ "space-6": "calc(1.5rem * var(--gw-density))",
269
+ "space-7": "calc(1.75rem * var(--gw-density))",
270
+ "space-8": "calc(2rem * var(--gw-density))",
271
+ "space-9": "calc(2.25rem * var(--gw-density))",
272
+ "space-10": "calc(2.5rem * var(--gw-density))",
273
+ "space-11": "calc(2.75rem * var(--gw-density))",
274
+ "space-12": "calc(3rem * var(--gw-density))",
275
+ "space-13": "calc(3.25rem * var(--gw-density))",
276
+ "space-14": "calc(3.5rem * var(--gw-density))",
277
+ "space-15": "calc(3.75rem * var(--gw-density))",
278
+ "space-16": "calc(4rem * var(--gw-density))",
279
+ "space-17": "calc(4.25rem * var(--gw-density))",
280
+ "space-18": "calc(4.5rem * var(--gw-density))",
281
+ "space-19": "calc(4.75rem * var(--gw-density))",
282
+ "space-20": "calc(5rem * var(--gw-density))",
283
+ "radius-panel": "16px",
284
+ "radius-control": "12px",
285
+ "radius-chip": "10px",
286
+ "border-width": "1px",
287
+ "border-color": "var(--gw-color-border-quiet)",
288
+ "label-transform": "none",
289
+ "label-tracking": "normal",
290
+ "link-color": "var(--gw-color-link)",
291
+ "link-underline": "1px",
292
+ "panel-sheen": "linear-gradient(160deg, color-mix(in oklch, var(--gw-color-accent) 14%, transparent), transparent 55%)",
293
+ "panel-marker": "0px",
294
+ "panel-flange": "0px",
295
+ "panel-flange-color": "var(--gw-border-color)",
296
+ "row-padding": "var(--gw-space-3)"
297
+ },
298
+ "modes": {
299
+ "light": {
300
+ "surface-lower": "#eceef8",
301
+ "surface-low": "#f0f2fc",
302
+ "surface-default": "#f4f6ff",
303
+ "surface-raised": "#fdfdff",
304
+ "surface-overlay": "#ffffff",
305
+ "border-quiet": "#dddfe9",
306
+ "border-normal": "#dadce6",
307
+ "border-loud": "#b3b5bf",
308
+ "text-strong": "#313238",
309
+ "text-primary": "#3e3f45",
310
+ "text-secondary": "#696b71",
311
+ "text-disabled": "#999ba1",
312
+ "fill-neutral-resting": "#e0e2ec",
313
+ "fill-neutral-hovered": "#d6d8e3",
314
+ "fill-neutral-pressed": "#cdcfd9",
315
+ "fill-neutral-selected": "#cfd2e1",
316
+ "fill-neutral-disabled": "#e8ebf5",
317
+ "fill-primary-resting": "#1e1f24",
318
+ "fill-primary-hovered": "#2c2d33",
319
+ "fill-primary-pressed": "#37383d",
320
+ "on-primary": "#fdfdff",
321
+ "accent": "#4063b0",
322
+ "fill-accent-resting": "#4063b0",
323
+ "fill-accent-hovered": "#3254a0",
324
+ "fill-accent-pressed": "#476ab9",
325
+ "fill-accent-quiet": "#4063b029",
326
+ "border-accent": "#4063b080",
327
+ "on-accent": "#ffffff",
328
+ "focus": "#4063b0",
329
+ "link": "#4063b0",
330
+ "info": "#276baa",
331
+ "fill-info-quiet": "#276baa24",
332
+ "border-info": "#276baa73",
333
+ "success": "#167839",
334
+ "fill-success-quiet": "#16783924",
335
+ "border-success": "#16783973",
336
+ "important": "#7957ac",
337
+ "fill-important-quiet": "#7957ac24",
338
+ "border-important": "#7957ac73",
339
+ "warning": "#8a6000",
340
+ "fill-warning-quiet": "#8a600024",
341
+ "border-warning": "#8a600073",
342
+ "danger": "#ab4944",
343
+ "fill-danger-quiet": "#ab494424",
344
+ "border-danger": "#ab494473"
345
+ },
346
+ "dark": {
347
+ "surface-lower": "#0e0f1b",
348
+ "surface-low": "#11131e",
349
+ "surface-default": "#141622",
350
+ "surface-raised": "#20222e",
351
+ "surface-overlay": "#292b38",
352
+ "border-quiet": "#2c2e3b",
353
+ "border-normal": "#363845",
354
+ "border-loud": "#4b4d5b",
355
+ "text-strong": "#e2e4ea",
356
+ "text-primary": "#cdcfd5",
357
+ "text-secondary": "#92949a",
358
+ "text-disabled": "#63656a",
359
+ "fill-neutral-resting": "#292b38",
360
+ "fill-neutral-hovered": "#313340",
361
+ "fill-neutral-pressed": "#383b48",
362
+ "fill-neutral-selected": "#34384b",
363
+ "fill-neutral-disabled": "#222431",
364
+ "fill-primary-resting": "#e6e7ee",
365
+ "fill-primary-hovered": "#d2d4da",
366
+ "fill-primary-pressed": "#c5c7cd",
367
+ "on-primary": "#141622",
368
+ "accent": "#749bee",
369
+ "fill-accent-resting": "#749bee",
370
+ "fill-accent-hovered": "#83abff",
371
+ "fill-accent-pressed": "#6d93e6",
372
+ "fill-accent-quiet": "#749bee29",
373
+ "border-accent": "#749bee80",
374
+ "on-accent": "#0b0b0b",
375
+ "focus": "#749bee",
376
+ "link": "#749bee",
377
+ "info": "#5b9ee0",
378
+ "fill-info-quiet": "#5b9ee024",
379
+ "border-info": "#5b9ee073",
380
+ "success": "#52ab69",
381
+ "fill-success-quiet": "#52ab6924",
382
+ "border-success": "#52ab6973",
383
+ "important": "#aa89e2",
384
+ "fill-important-quiet": "#aa89e224",
385
+ "border-important": "#aa89e273",
386
+ "warning": "#c49027",
387
+ "fill-warning-quiet": "#c4902724",
388
+ "border-warning": "#c4902773",
389
+ "danger": "#e47c74",
390
+ "fill-danger-quiet": "#e47c7424",
391
+ "border-danger": "#e47c7473"
392
+ },
393
+ "darker": {
394
+ "surface-lower": "#0b0c17",
395
+ "surface-low": "#0e0f1b",
396
+ "surface-default": "#11131e",
397
+ "surface-raised": "#1c1e2a",
398
+ "surface-overlay": "#262834",
399
+ "border-quiet": "#363845",
400
+ "border-normal": "#4b4d5b",
401
+ "border-loud": "#4b4d5b",
402
+ "text-strong": "#e2e4ea",
403
+ "text-primary": "#cdcfd5",
404
+ "text-secondary": "#92949a",
405
+ "text-disabled": "#63656a",
406
+ "fill-neutral-resting": "#262834",
407
+ "fill-neutral-hovered": "#2d2f3c",
408
+ "fill-neutral-pressed": "#343744",
409
+ "fill-neutral-selected": "#303447",
410
+ "fill-neutral-disabled": "#1e212d",
411
+ "fill-primary-resting": "#e6e7ee",
412
+ "fill-primary-hovered": "#d2d4da",
413
+ "fill-primary-pressed": "#c5c7cd",
414
+ "on-primary": "#11131e",
415
+ "accent": "#749bee",
416
+ "fill-accent-resting": "#749bee",
417
+ "fill-accent-hovered": "#83abff",
418
+ "fill-accent-pressed": "#6d93e6",
419
+ "fill-accent-quiet": "#749bee29",
420
+ "border-accent": "#749bee80",
421
+ "on-accent": "#0b0b0b",
422
+ "focus": "#749bee",
423
+ "link": "#749bee",
424
+ "info": "#5b9ee0",
425
+ "fill-info-quiet": "#5b9ee024",
426
+ "border-info": "#5b9ee073",
427
+ "success": "#52ab69",
428
+ "fill-success-quiet": "#52ab6924",
429
+ "border-success": "#52ab6973",
430
+ "important": "#aa89e2",
431
+ "fill-important-quiet": "#aa89e224",
432
+ "border-important": "#aa89e273",
433
+ "warning": "#c49027",
434
+ "fill-warning-quiet": "#c4902724",
435
+ "border-warning": "#c4902773",
436
+ "danger": "#e47c74",
437
+ "fill-danger-quiet": "#e47c7424",
438
+ "border-danger": "#e47c7473"
439
+ }
440
+ }
441
+ },
442
+ {
443
+ "id": "survey",
444
+ "name": "Survey",
445
+ "description": "Charcoal with surveyor's marker pink. Boxy, thick borders, bold weights and a marker bar.",
446
+ "optional": false,
447
+ "family": null,
448
+ "examples": [],
449
+ "style": {
450
+ "font": "Geist",
451
+ "mono": "Geist Mono",
452
+ "radius": {
453
+ "panel": 2,
454
+ "control": 2,
455
+ "chip": 2
456
+ },
457
+ "border": {
458
+ "width": 2,
459
+ "strength": "strong"
460
+ },
461
+ "weights": {
462
+ "regular": 500,
463
+ "strong": 700
464
+ },
465
+ "density": "normal",
466
+ "capitals": false,
467
+ "link": {
468
+ "color": "accent",
469
+ "underline": "thick"
470
+ },
471
+ "surfaceAccent": "marker",
472
+ "rows": "cards"
473
+ },
474
+ "properties": {
475
+ "font-sans": "\"Geist Variable\", \"Geist\", system-ui, sans-serif",
476
+ "font-figures": "\"Geist Variable\", \"Geist\", system-ui, sans-serif",
477
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
478
+ "font-weight-regular": "500",
479
+ "font-weight-strong": "700",
480
+ "density": "1",
481
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
482
+ "space-1": "calc(0.25rem * var(--gw-density))",
483
+ "space-2": "calc(0.5rem * var(--gw-density))",
484
+ "space-3": "calc(0.75rem * var(--gw-density))",
485
+ "space-4": "calc(1rem * var(--gw-density))",
486
+ "space-5": "calc(1.25rem * var(--gw-density))",
487
+ "space-6": "calc(1.5rem * var(--gw-density))",
488
+ "space-7": "calc(1.75rem * var(--gw-density))",
489
+ "space-8": "calc(2rem * var(--gw-density))",
490
+ "space-9": "calc(2.25rem * var(--gw-density))",
491
+ "space-10": "calc(2.5rem * var(--gw-density))",
492
+ "space-11": "calc(2.75rem * var(--gw-density))",
493
+ "space-12": "calc(3rem * var(--gw-density))",
494
+ "space-13": "calc(3.25rem * var(--gw-density))",
495
+ "space-14": "calc(3.5rem * var(--gw-density))",
496
+ "space-15": "calc(3.75rem * var(--gw-density))",
497
+ "space-16": "calc(4rem * var(--gw-density))",
498
+ "space-17": "calc(4.25rem * var(--gw-density))",
499
+ "space-18": "calc(4.5rem * var(--gw-density))",
500
+ "space-19": "calc(4.75rem * var(--gw-density))",
501
+ "space-20": "calc(5rem * var(--gw-density))",
502
+ "radius-panel": "2px",
503
+ "radius-control": "2px",
504
+ "radius-chip": "2px",
505
+ "border-width": "2px",
506
+ "border-color": "var(--gw-color-border-loud)",
507
+ "label-transform": "none",
508
+ "label-tracking": "normal",
509
+ "link-color": "var(--gw-color-link)",
510
+ "link-underline": "2px",
511
+ "panel-sheen": "none",
512
+ "panel-marker": "4px",
513
+ "panel-flange": "0px",
514
+ "panel-flange-color": "var(--gw-border-color)",
515
+ "row-padding": "var(--gw-space-3)"
516
+ },
517
+ "modes": {
518
+ "light": {
519
+ "surface-lower": "#edeef2",
520
+ "surface-low": "#f1f3f6",
521
+ "surface-default": "#f5f7fa",
522
+ "surface-raised": "#fdfdff",
523
+ "surface-overlay": "#ffffff",
524
+ "border-quiet": "#dee0e3",
525
+ "border-normal": "#dbdce0",
526
+ "border-loud": "#b4b6b9",
527
+ "text-strong": "#323234",
528
+ "text-primary": "#3f3f41",
529
+ "text-secondary": "#6a6b6d",
530
+ "text-disabled": "#999b9d",
531
+ "fill-neutral-resting": "#e1e3e6",
532
+ "fill-neutral-hovered": "#d7d9dc",
533
+ "fill-neutral-pressed": "#cecfd3",
534
+ "fill-neutral-selected": "#d0d3d8",
535
+ "fill-neutral-disabled": "#e9ebef",
536
+ "fill-primary-resting": "#1e1f21",
537
+ "fill-primary-hovered": "#2d2e2f",
538
+ "fill-primary-pressed": "#37383a",
539
+ "on-primary": "#fdfdff",
540
+ "accent": "#ab3a79",
541
+ "fill-accent-resting": "#ab3a79",
542
+ "fill-accent-hovered": "#9a2a6a",
543
+ "fill-accent-pressed": "#b34280",
544
+ "fill-accent-quiet": "#ab3a7929",
545
+ "border-accent": "#ab3a7980",
546
+ "on-accent": "#ffffff",
547
+ "focus": "#ab3a79",
548
+ "link": "#ab3a79",
549
+ "info": "#276baa",
550
+ "fill-info-quiet": "#276baa24",
551
+ "border-info": "#276baa73",
552
+ "success": "#147739",
553
+ "fill-success-quiet": "#14773924",
554
+ "border-success": "#14773973",
555
+ "important": "#7957ac",
556
+ "fill-important-quiet": "#7957ac24",
557
+ "border-important": "#7957ac73",
558
+ "warning": "#8a6000",
559
+ "fill-warning-quiet": "#8a600024",
560
+ "border-warning": "#8a600073",
561
+ "danger": "#ab4944",
562
+ "fill-danger-quiet": "#ab494424",
563
+ "border-danger": "#ab494473"
564
+ },
565
+ "dark": {
566
+ "surface-lower": "#0f1014",
567
+ "surface-low": "#121418",
568
+ "surface-default": "#15171b",
569
+ "surface-raised": "#212327",
570
+ "surface-overlay": "#2a2c31",
571
+ "border-quiet": "#2d2f33",
572
+ "border-normal": "#37393e",
573
+ "border-loud": "#4c4e53",
574
+ "text-strong": "#e3e5e7",
575
+ "text-primary": "#ced0d2",
576
+ "text-secondary": "#939496",
577
+ "text-disabled": "#656567",
578
+ "fill-neutral-resting": "#2a2c31",
579
+ "fill-neutral-hovered": "#323438",
580
+ "fill-neutral-pressed": "#393c40",
581
+ "fill-neutral-selected": "#363940",
582
+ "fill-neutral-disabled": "#232529",
583
+ "fill-primary-resting": "#e7e8ea",
584
+ "fill-primary-hovered": "#d3d4d6",
585
+ "fill-primary-pressed": "#c6c7c9",
586
+ "on-primary": "#15171b",
587
+ "accent": "#ea74b1",
588
+ "fill-accent-resting": "#ea74b1",
589
+ "fill-accent-hovered": "#fc84c1",
590
+ "fill-accent-pressed": "#e16ca9",
591
+ "fill-accent-quiet": "#ea74b129",
592
+ "border-accent": "#ea74b180",
593
+ "on-accent": "#0b0b0b",
594
+ "focus": "#ea74b1",
595
+ "link": "#ea74b1",
596
+ "info": "#5b9ee0",
597
+ "fill-info-quiet": "#5b9ee024",
598
+ "border-info": "#5b9ee073",
599
+ "success": "#52ab69",
600
+ "fill-success-quiet": "#52ab6924",
601
+ "border-success": "#52ab6973",
602
+ "important": "#aa89e2",
603
+ "fill-important-quiet": "#aa89e224",
604
+ "border-important": "#aa89e273",
605
+ "warning": "#c49027",
606
+ "fill-warning-quiet": "#c4902724",
607
+ "border-warning": "#c4902773",
608
+ "danger": "#e47c74",
609
+ "fill-danger-quiet": "#e47c7424",
610
+ "border-danger": "#e47c7473"
611
+ },
612
+ "darker": {
613
+ "surface-lower": "#0b0d11",
614
+ "surface-low": "#0f1014",
615
+ "surface-default": "#121418",
616
+ "surface-raised": "#1d1f23",
617
+ "surface-overlay": "#27292d",
618
+ "border-quiet": "#37393e",
619
+ "border-normal": "#4c4e53",
620
+ "border-loud": "#4c4e53",
621
+ "text-strong": "#e3e5e7",
622
+ "text-primary": "#ced0d2",
623
+ "text-secondary": "#939496",
624
+ "text-disabled": "#656567",
625
+ "fill-neutral-resting": "#27292d",
626
+ "fill-neutral-hovered": "#2e3035",
627
+ "fill-neutral-pressed": "#36383c",
628
+ "fill-neutral-selected": "#32353c",
629
+ "fill-neutral-disabled": "#202226",
630
+ "fill-primary-resting": "#e7e8ea",
631
+ "fill-primary-hovered": "#d3d4d6",
632
+ "fill-primary-pressed": "#c6c7c9",
633
+ "on-primary": "#121418",
634
+ "accent": "#ea74b1",
635
+ "fill-accent-resting": "#ea74b1",
636
+ "fill-accent-hovered": "#fc84c1",
637
+ "fill-accent-pressed": "#e16ca9",
638
+ "fill-accent-quiet": "#ea74b129",
639
+ "border-accent": "#ea74b180",
640
+ "on-accent": "#0b0b0b",
641
+ "focus": "#ea74b1",
642
+ "link": "#ea74b1",
643
+ "info": "#5b9ee0",
644
+ "fill-info-quiet": "#5b9ee024",
645
+ "border-info": "#5b9ee073",
646
+ "success": "#52ab69",
647
+ "fill-success-quiet": "#52ab6924",
648
+ "border-success": "#52ab6973",
649
+ "important": "#aa89e2",
650
+ "fill-important-quiet": "#aa89e224",
651
+ "border-important": "#aa89e273",
652
+ "warning": "#c49027",
653
+ "fill-warning-quiet": "#c4902724",
654
+ "border-warning": "#c4902773",
655
+ "danger": "#e47c74",
656
+ "fill-danger-quiet": "#e47c7424",
657
+ "border-danger": "#e47c7473"
658
+ }
659
+ }
660
+ },
661
+ {
662
+ "id": "slate",
663
+ "name": "Slate",
664
+ "description": "Welsh slate's purple-gray with a mauve accent. Round, with pill buttons and soft borders.",
665
+ "optional": false,
666
+ "family": null,
667
+ "examples": [],
668
+ "style": {
669
+ "font": "Mona Sans",
670
+ "mono": "Geist Mono",
671
+ "radius": {
672
+ "panel": 20,
673
+ "control": 999,
674
+ "chip": 999
675
+ },
676
+ "border": {
677
+ "width": 1,
678
+ "strength": "soft"
679
+ },
680
+ "weights": {
681
+ "regular": 400,
682
+ "strong": 600
683
+ },
684
+ "density": "normal",
685
+ "capitals": false,
686
+ "link": {
687
+ "color": "accent",
688
+ "underline": "thin"
689
+ },
690
+ "surfaceAccent": "none",
691
+ "rows": "cards"
692
+ },
693
+ "properties": {
694
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
695
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
696
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
697
+ "font-weight-regular": "400",
698
+ "font-weight-strong": "600",
699
+ "density": "1",
700
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
701
+ "space-1": "calc(0.25rem * var(--gw-density))",
702
+ "space-2": "calc(0.5rem * var(--gw-density))",
703
+ "space-3": "calc(0.75rem * var(--gw-density))",
704
+ "space-4": "calc(1rem * var(--gw-density))",
705
+ "space-5": "calc(1.25rem * var(--gw-density))",
706
+ "space-6": "calc(1.5rem * var(--gw-density))",
707
+ "space-7": "calc(1.75rem * var(--gw-density))",
708
+ "space-8": "calc(2rem * var(--gw-density))",
709
+ "space-9": "calc(2.25rem * var(--gw-density))",
710
+ "space-10": "calc(2.5rem * var(--gw-density))",
711
+ "space-11": "calc(2.75rem * var(--gw-density))",
712
+ "space-12": "calc(3rem * var(--gw-density))",
713
+ "space-13": "calc(3.25rem * var(--gw-density))",
714
+ "space-14": "calc(3.5rem * var(--gw-density))",
715
+ "space-15": "calc(3.75rem * var(--gw-density))",
716
+ "space-16": "calc(4rem * var(--gw-density))",
717
+ "space-17": "calc(4.25rem * var(--gw-density))",
718
+ "space-18": "calc(4.5rem * var(--gw-density))",
719
+ "space-19": "calc(4.75rem * var(--gw-density))",
720
+ "space-20": "calc(5rem * var(--gw-density))",
721
+ "radius-panel": "20px",
722
+ "radius-control": "999px",
723
+ "radius-chip": "999px",
724
+ "border-width": "1px",
725
+ "border-color": "var(--gw-color-border-normal)",
726
+ "label-transform": "none",
727
+ "label-tracking": "normal",
728
+ "link-color": "var(--gw-color-link)",
729
+ "link-underline": "1px",
730
+ "panel-sheen": "none",
731
+ "panel-marker": "0px",
732
+ "panel-flange": "0px",
733
+ "panel-flange-color": "var(--gw-border-color)",
734
+ "row-padding": "var(--gw-space-3)"
735
+ },
736
+ "modes": {
737
+ "light": {
738
+ "surface-lower": "#f2ecf4",
739
+ "surface-low": "#f6f0f9",
740
+ "surface-default": "#faf4fd",
741
+ "surface-raised": "#fffcff",
742
+ "surface-overlay": "#ffffff",
743
+ "border-quiet": "#e3dde6",
744
+ "border-normal": "#e0dae2",
745
+ "border-loud": "#b9b3bb",
746
+ "text-strong": "#343136",
747
+ "text-primary": "#423e43",
748
+ "text-secondary": "#6d696e",
749
+ "text-disabled": "#9d999f",
750
+ "fill-neutral-resting": "#e6e0e9",
751
+ "fill-neutral-hovered": "#dcd7df",
752
+ "fill-neutral-pressed": "#d3cdd5",
753
+ "fill-neutral-selected": "#d8cfdb",
754
+ "fill-neutral-disabled": "#efe9f1",
755
+ "fill-primary-resting": "#211e22",
756
+ "fill-primary-hovered": "#2f2d31",
757
+ "fill-primary-pressed": "#3a373b",
758
+ "on-primary": "#fffcff",
759
+ "accent": "#7e539d",
760
+ "fill-accent-resting": "#7e539d",
761
+ "fill-accent-hovered": "#70458d",
762
+ "fill-accent-pressed": "#865aa5",
763
+ "fill-accent-quiet": "#7e539d29",
764
+ "border-accent": "#7e539d80",
765
+ "on-accent": "#ffffff",
766
+ "focus": "#7e539d",
767
+ "link": "#7e539d",
768
+ "info": "#276ba9",
769
+ "fill-info-quiet": "#276ba924",
770
+ "border-info": "#276ba973",
771
+ "success": "#147739",
772
+ "fill-success-quiet": "#14773924",
773
+ "border-success": "#14773973",
774
+ "important": "#7857ac",
775
+ "fill-important-quiet": "#7857ac24",
776
+ "border-important": "#7857ac73",
777
+ "warning": "#8a6000",
778
+ "fill-warning-quiet": "#8a600024",
779
+ "border-warning": "#8a600073",
780
+ "danger": "#ab4943",
781
+ "fill-danger-quiet": "#ab494324",
782
+ "border-danger": "#ab494373"
783
+ },
784
+ "dark": {
785
+ "surface-lower": "#140e17",
786
+ "surface-low": "#17111a",
787
+ "surface-default": "#1b141e",
788
+ "surface-raised": "#27202a",
789
+ "surface-overlay": "#312934",
790
+ "border-quiet": "#332c36",
791
+ "border-normal": "#3e3641",
792
+ "border-loud": "#534b57",
793
+ "text-strong": "#e6e3e8",
794
+ "text-primary": "#d1ced3",
795
+ "text-secondary": "#969398",
796
+ "text-disabled": "#676468",
797
+ "fill-neutral-resting": "#312934",
798
+ "fill-neutral-hovered": "#38313c",
799
+ "fill-neutral-pressed": "#403844",
800
+ "fill-neutral-selected": "#403445",
801
+ "fill-neutral-disabled": "#29222c",
802
+ "fill-primary-resting": "#eae6ec",
803
+ "fill-primary-hovered": "#d6d3d8",
804
+ "fill-primary-pressed": "#c9c6cb",
805
+ "on-primary": "#1b141e",
806
+ "accent": "#b78ad8",
807
+ "fill-accent-resting": "#b78ad8",
808
+ "fill-accent-hovered": "#c799e9",
809
+ "fill-accent-pressed": "#af82d0",
810
+ "fill-accent-quiet": "#b78ad829",
811
+ "border-accent": "#b78ad880",
812
+ "on-accent": "#0b0b0b",
813
+ "focus": "#b78ad8",
814
+ "link": "#b78ad8",
815
+ "info": "#5b9ee0",
816
+ "fill-info-quiet": "#5b9ee024",
817
+ "border-info": "#5b9ee073",
818
+ "success": "#52ab69",
819
+ "fill-success-quiet": "#52ab6924",
820
+ "border-success": "#52ab6973",
821
+ "important": "#aa89e2",
822
+ "fill-important-quiet": "#aa89e224",
823
+ "border-important": "#aa89e273",
824
+ "warning": "#c49027",
825
+ "fill-warning-quiet": "#c4902724",
826
+ "border-warning": "#c4902773",
827
+ "danger": "#e47c74",
828
+ "fill-danger-quiet": "#e47c7424",
829
+ "border-danger": "#e47c7473"
830
+ },
831
+ "darker": {
832
+ "surface-lower": "#110a13",
833
+ "surface-low": "#140e17",
834
+ "surface-default": "#17111a",
835
+ "surface-raised": "#231c26",
836
+ "surface-overlay": "#2d2630",
837
+ "border-quiet": "#3e3641",
838
+ "border-normal": "#534b57",
839
+ "border-loud": "#534b57",
840
+ "text-strong": "#e6e3e8",
841
+ "text-primary": "#d1ced3",
842
+ "text-secondary": "#969398",
843
+ "text-disabled": "#676468",
844
+ "fill-neutral-resting": "#2d2630",
845
+ "fill-neutral-hovered": "#352d38",
846
+ "fill-neutral-pressed": "#3c3540",
847
+ "fill-neutral-selected": "#3c3041",
848
+ "fill-neutral-disabled": "#261f29",
849
+ "fill-primary-resting": "#eae6ec",
850
+ "fill-primary-hovered": "#d6d3d8",
851
+ "fill-primary-pressed": "#c9c6cb",
852
+ "on-primary": "#17111a",
853
+ "accent": "#b78ad8",
854
+ "fill-accent-resting": "#b78ad8",
855
+ "fill-accent-hovered": "#c799e9",
856
+ "fill-accent-pressed": "#af82d0",
857
+ "fill-accent-quiet": "#b78ad829",
858
+ "border-accent": "#b78ad880",
859
+ "on-accent": "#0b0b0b",
860
+ "focus": "#b78ad8",
861
+ "link": "#b78ad8",
862
+ "info": "#5b9ee0",
863
+ "fill-info-quiet": "#5b9ee024",
864
+ "border-info": "#5b9ee073",
865
+ "success": "#52ab69",
866
+ "fill-success-quiet": "#52ab6924",
867
+ "border-success": "#52ab6973",
868
+ "important": "#aa89e2",
869
+ "fill-important-quiet": "#aa89e224",
870
+ "border-important": "#aa89e273",
871
+ "warning": "#c49027",
872
+ "fill-warning-quiet": "#c4902724",
873
+ "border-warning": "#c4902773",
874
+ "danger": "#e47c74",
875
+ "fill-danger-quiet": "#e47c7424",
876
+ "border-danger": "#e47c7473"
877
+ }
878
+ }
879
+ },
880
+ {
881
+ "id": "bridge",
882
+ "name": "Bridge",
883
+ "description": "A clear, bright blue on neutral charcoal. Medium radii, soft borders and pill chips.",
884
+ "optional": false,
885
+ "family": null,
886
+ "examples": [
887
+ "System Bridge"
888
+ ],
889
+ "style": {
890
+ "font": "Inter",
891
+ "mono": "JetBrains Mono",
892
+ "radius": {
893
+ "panel": 12,
894
+ "control": 8,
895
+ "chip": 999
896
+ },
897
+ "border": {
898
+ "width": 1,
899
+ "strength": "soft"
900
+ },
901
+ "weights": {
902
+ "regular": 400,
903
+ "strong": 600
904
+ },
905
+ "density": "normal",
906
+ "capitals": false,
907
+ "link": {
908
+ "color": "accent",
909
+ "underline": "thin"
910
+ },
911
+ "surfaceAccent": "none",
912
+ "rows": "cards"
913
+ },
914
+ "properties": {
915
+ "font-sans": "\"Inter Variable\", \"Inter\", system-ui, sans-serif",
916
+ "font-figures": "\"Inter Variable\", \"Inter\", system-ui, sans-serif",
917
+ "font-mono": "\"JetBrains Mono Variable\", \"JetBrains Mono\", ui-monospace, monospace",
918
+ "font-weight-regular": "400",
919
+ "font-weight-strong": "600",
920
+ "density": "1",
921
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
922
+ "space-1": "calc(0.25rem * var(--gw-density))",
923
+ "space-2": "calc(0.5rem * var(--gw-density))",
924
+ "space-3": "calc(0.75rem * var(--gw-density))",
925
+ "space-4": "calc(1rem * var(--gw-density))",
926
+ "space-5": "calc(1.25rem * var(--gw-density))",
927
+ "space-6": "calc(1.5rem * var(--gw-density))",
928
+ "space-7": "calc(1.75rem * var(--gw-density))",
929
+ "space-8": "calc(2rem * var(--gw-density))",
930
+ "space-9": "calc(2.25rem * var(--gw-density))",
931
+ "space-10": "calc(2.5rem * var(--gw-density))",
932
+ "space-11": "calc(2.75rem * var(--gw-density))",
933
+ "space-12": "calc(3rem * var(--gw-density))",
934
+ "space-13": "calc(3.25rem * var(--gw-density))",
935
+ "space-14": "calc(3.5rem * var(--gw-density))",
936
+ "space-15": "calc(3.75rem * var(--gw-density))",
937
+ "space-16": "calc(4rem * var(--gw-density))",
938
+ "space-17": "calc(4.25rem * var(--gw-density))",
939
+ "space-18": "calc(4.5rem * var(--gw-density))",
940
+ "space-19": "calc(4.75rem * var(--gw-density))",
941
+ "space-20": "calc(5rem * var(--gw-density))",
942
+ "radius-panel": "12px",
943
+ "radius-control": "8px",
944
+ "radius-chip": "999px",
945
+ "border-width": "1px",
946
+ "border-color": "var(--gw-color-border-normal)",
947
+ "label-transform": "none",
948
+ "label-tracking": "normal",
949
+ "link-color": "var(--gw-color-link)",
950
+ "link-underline": "1px",
951
+ "panel-sheen": "none",
952
+ "panel-marker": "0px",
953
+ "panel-flange": "0px",
954
+ "panel-flange-color": "var(--gw-border-color)",
955
+ "row-padding": "var(--gw-space-3)"
956
+ },
957
+ "modes": {
958
+ "light": {
959
+ "surface-lower": "#eeeef1",
960
+ "surface-low": "#f2f2f6",
961
+ "surface-default": "#f6f6fa",
962
+ "surface-raised": "#fdfdff",
963
+ "surface-overlay": "#ffffff",
964
+ "border-quiet": "#dfdfe3",
965
+ "border-normal": "#dcdcdf",
966
+ "border-loud": "#b5b5b9",
967
+ "text-strong": "#323234",
968
+ "text-primary": "#3f3f41",
969
+ "text-secondary": "#6a6b6c",
970
+ "text-disabled": "#9a9b9d",
971
+ "fill-neutral-resting": "#e2e2e6",
972
+ "fill-neutral-hovered": "#d9d9dc",
973
+ "fill-neutral-pressed": "#cfcfd2",
974
+ "fill-neutral-selected": "#d2d2d7",
975
+ "fill-neutral-disabled": "#ebebee",
976
+ "fill-primary-resting": "#1f1f21",
977
+ "fill-primary-hovered": "#2e2e2f",
978
+ "fill-primary-pressed": "#383839",
979
+ "on-primary": "#fdfdff",
980
+ "accent": "#1465b9",
981
+ "fill-accent-resting": "#1465b9",
982
+ "fill-accent-hovered": "#0057a8",
983
+ "fill-accent-pressed": "#1f6dc1",
984
+ "fill-accent-quiet": "#1465b929",
985
+ "border-accent": "#1465b980",
986
+ "on-accent": "#ffffff",
987
+ "focus": "#1465b9",
988
+ "link": "#1465b9",
989
+ "info": "#276baa",
990
+ "fill-info-quiet": "#276baa24",
991
+ "border-info": "#276baa73",
992
+ "success": "#157839",
993
+ "fill-success-quiet": "#15783924",
994
+ "border-success": "#15783973",
995
+ "important": "#7957ac",
996
+ "fill-important-quiet": "#7957ac24",
997
+ "border-important": "#7957ac73",
998
+ "warning": "#8a6000",
999
+ "fill-warning-quiet": "#8a600024",
1000
+ "border-warning": "#8a600073",
1001
+ "danger": "#ab4944",
1002
+ "fill-danger-quiet": "#ab494424",
1003
+ "border-danger": "#ab494473"
1004
+ },
1005
+ "dark": {
1006
+ "surface-lower": "#101014",
1007
+ "surface-low": "#141418",
1008
+ "surface-default": "#17171b",
1009
+ "surface-raised": "#232327",
1010
+ "surface-overlay": "#2c2c31",
1011
+ "border-quiet": "#2f2f33",
1012
+ "border-normal": "#39393e",
1013
+ "border-loud": "#4e4e53",
1014
+ "text-strong": "#e4e5e7",
1015
+ "text-primary": "#cfd0d2",
1016
+ "text-secondary": "#949597",
1017
+ "text-disabled": "#656667",
1018
+ "fill-neutral-resting": "#2c2c31",
1019
+ "fill-neutral-hovered": "#343438",
1020
+ "fill-neutral-pressed": "#3c3c40",
1021
+ "fill-neutral-selected": "#39393f",
1022
+ "fill-neutral-disabled": "#252529",
1023
+ "fill-primary-resting": "#e7e7ea",
1024
+ "fill-primary-hovered": "#d4d4d6",
1025
+ "fill-primary-pressed": "#c7c7c9",
1026
+ "on-primary": "#17171b",
1027
+ "accent": "#549ff7",
1028
+ "fill-accent-resting": "#549ff7",
1029
+ "fill-accent-hovered": "#6bafff",
1030
+ "fill-accent-pressed": "#4c97ee",
1031
+ "fill-accent-quiet": "#549ff729",
1032
+ "border-accent": "#549ff780",
1033
+ "on-accent": "#0b0b0b",
1034
+ "focus": "#549ff7",
1035
+ "link": "#549ff7",
1036
+ "info": "#5b9ee0",
1037
+ "fill-info-quiet": "#5b9ee024",
1038
+ "border-info": "#5b9ee073",
1039
+ "success": "#52ab69",
1040
+ "fill-success-quiet": "#52ab6924",
1041
+ "border-success": "#52ab6973",
1042
+ "important": "#aa89e2",
1043
+ "fill-important-quiet": "#aa89e224",
1044
+ "border-important": "#aa89e273",
1045
+ "warning": "#c49027",
1046
+ "fill-warning-quiet": "#c4902724",
1047
+ "border-warning": "#c4902773",
1048
+ "danger": "#e47c74",
1049
+ "fill-danger-quiet": "#e47c7424",
1050
+ "border-danger": "#e47c7473"
1051
+ },
1052
+ "darker": {
1053
+ "surface-lower": "#0d0d11",
1054
+ "surface-low": "#101014",
1055
+ "surface-default": "#141418",
1056
+ "surface-raised": "#1f1f23",
1057
+ "surface-overlay": "#29292d",
1058
+ "border-quiet": "#39393e",
1059
+ "border-normal": "#4e4e53",
1060
+ "border-loud": "#4e4e53",
1061
+ "text-strong": "#e4e5e7",
1062
+ "text-primary": "#cfd0d2",
1063
+ "text-secondary": "#949597",
1064
+ "text-disabled": "#656667",
1065
+ "fill-neutral-resting": "#29292d",
1066
+ "fill-neutral-hovered": "#303035",
1067
+ "fill-neutral-pressed": "#38383c",
1068
+ "fill-neutral-selected": "#35353c",
1069
+ "fill-neutral-disabled": "#222226",
1070
+ "fill-primary-resting": "#e7e7ea",
1071
+ "fill-primary-hovered": "#d4d4d6",
1072
+ "fill-primary-pressed": "#c7c7c9",
1073
+ "on-primary": "#141418",
1074
+ "accent": "#549ff7",
1075
+ "fill-accent-resting": "#549ff7",
1076
+ "fill-accent-hovered": "#6bafff",
1077
+ "fill-accent-pressed": "#4c97ee",
1078
+ "fill-accent-quiet": "#549ff729",
1079
+ "border-accent": "#549ff780",
1080
+ "on-accent": "#0b0b0b",
1081
+ "focus": "#549ff7",
1082
+ "link": "#549ff7",
1083
+ "info": "#5b9ee0",
1084
+ "fill-info-quiet": "#5b9ee024",
1085
+ "border-info": "#5b9ee073",
1086
+ "success": "#52ab69",
1087
+ "fill-success-quiet": "#52ab6924",
1088
+ "border-success": "#52ab6973",
1089
+ "important": "#aa89e2",
1090
+ "fill-important-quiet": "#aa89e224",
1091
+ "border-important": "#aa89e273",
1092
+ "warning": "#c49027",
1093
+ "fill-warning-quiet": "#c4902724",
1094
+ "border-warning": "#c4902773",
1095
+ "danger": "#e47c74",
1096
+ "fill-danger-quiet": "#e47c7424",
1097
+ "border-danger": "#e47c7473"
1098
+ }
1099
+ }
1100
+ },
1101
+ {
1102
+ "id": "snag",
1103
+ "name": "Snag",
1104
+ "description": "Warm amber on near-black. Compact and table-first, with square badges.",
1105
+ "optional": false,
1106
+ "family": null,
1107
+ "examples": [
1108
+ "Triage"
1109
+ ],
1110
+ "style": {
1111
+ "font": "System UI",
1112
+ "mono": "JetBrains Mono",
1113
+ "radius": {
1114
+ "panel": 6,
1115
+ "control": 4,
1116
+ "chip": 2
1117
+ },
1118
+ "border": {
1119
+ "width": 1,
1120
+ "strength": "soft"
1121
+ },
1122
+ "weights": {
1123
+ "regular": 400,
1124
+ "strong": 600
1125
+ },
1126
+ "density": "compact",
1127
+ "capitals": false,
1128
+ "link": {
1129
+ "color": "accent",
1130
+ "underline": "thin"
1131
+ },
1132
+ "surfaceAccent": "none",
1133
+ "rows": "dense"
1134
+ },
1135
+ "properties": {
1136
+ "font-sans": "system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
1137
+ "font-figures": "system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif",
1138
+ "font-mono": "\"JetBrains Mono Variable\", \"JetBrains Mono\", ui-monospace, monospace",
1139
+ "font-weight-regular": "400",
1140
+ "font-weight-strong": "600",
1141
+ "density": "0.85",
1142
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
1143
+ "space-1": "calc(0.25rem * var(--gw-density))",
1144
+ "space-2": "calc(0.5rem * var(--gw-density))",
1145
+ "space-3": "calc(0.75rem * var(--gw-density))",
1146
+ "space-4": "calc(1rem * var(--gw-density))",
1147
+ "space-5": "calc(1.25rem * var(--gw-density))",
1148
+ "space-6": "calc(1.5rem * var(--gw-density))",
1149
+ "space-7": "calc(1.75rem * var(--gw-density))",
1150
+ "space-8": "calc(2rem * var(--gw-density))",
1151
+ "space-9": "calc(2.25rem * var(--gw-density))",
1152
+ "space-10": "calc(2.5rem * var(--gw-density))",
1153
+ "space-11": "calc(2.75rem * var(--gw-density))",
1154
+ "space-12": "calc(3rem * var(--gw-density))",
1155
+ "space-13": "calc(3.25rem * var(--gw-density))",
1156
+ "space-14": "calc(3.5rem * var(--gw-density))",
1157
+ "space-15": "calc(3.75rem * var(--gw-density))",
1158
+ "space-16": "calc(4rem * var(--gw-density))",
1159
+ "space-17": "calc(4.25rem * var(--gw-density))",
1160
+ "space-18": "calc(4.5rem * var(--gw-density))",
1161
+ "space-19": "calc(4.75rem * var(--gw-density))",
1162
+ "space-20": "calc(5rem * var(--gw-density))",
1163
+ "radius-panel": "6px",
1164
+ "radius-control": "4px",
1165
+ "radius-chip": "2px",
1166
+ "border-width": "1px",
1167
+ "border-color": "var(--gw-color-border-normal)",
1168
+ "label-transform": "none",
1169
+ "label-tracking": "normal",
1170
+ "link-color": "var(--gw-color-link)",
1171
+ "link-underline": "1px",
1172
+ "panel-sheen": "none",
1173
+ "panel-marker": "0px",
1174
+ "panel-flange": "0px",
1175
+ "panel-flange-color": "var(--gw-border-color)",
1176
+ "row-padding": "calc(var(--gw-space-1) * 1.5)"
1177
+ },
1178
+ "modes": {
1179
+ "light": {
1180
+ "surface-lower": "#eeeef0",
1181
+ "surface-low": "#f2f2f4",
1182
+ "surface-default": "#f6f6f8",
1183
+ "surface-raised": "#fdfdfe",
1184
+ "surface-overlay": "#ffffff",
1185
+ "border-quiet": "#dfdfe1",
1186
+ "border-normal": "#dcdcde",
1187
+ "border-loud": "#b5b5b7",
1188
+ "text-strong": "#323233",
1189
+ "text-primary": "#3f3f40",
1190
+ "text-secondary": "#6a6b6b",
1191
+ "text-disabled": "#9a9b9c",
1192
+ "fill-neutral-resting": "#e3e3e4",
1193
+ "fill-neutral-hovered": "#d9d9da",
1194
+ "fill-neutral-pressed": "#cfcfd1",
1195
+ "fill-neutral-selected": "#d2d2d5",
1196
+ "fill-neutral-disabled": "#ebebed",
1197
+ "fill-primary-resting": "#1f1f20",
1198
+ "fill-primary-hovered": "#2e2e2e",
1199
+ "fill-primary-pressed": "#383839",
1200
+ "on-primary": "#fdfdfe",
1201
+ "accent": "#8a5c00",
1202
+ "fill-accent-resting": "#8a5c00",
1203
+ "fill-accent-hovered": "#784f00",
1204
+ "fill-accent-pressed": "#926306",
1205
+ "fill-accent-quiet": "#8a5c0029",
1206
+ "border-accent": "#8a5c0080",
1207
+ "on-accent": "#ffffff",
1208
+ "focus": "#8a5c00",
1209
+ "link": "#8a5c00",
1210
+ "info": "#276baa",
1211
+ "fill-info-quiet": "#276baa24",
1212
+ "border-info": "#276baa73",
1213
+ "success": "#147839",
1214
+ "fill-success-quiet": "#14783924",
1215
+ "border-success": "#14783973",
1216
+ "important": "#7957ac",
1217
+ "fill-important-quiet": "#7957ac24",
1218
+ "border-important": "#7957ac73",
1219
+ "warning": "#8a6000",
1220
+ "fill-warning-quiet": "#8a600024",
1221
+ "border-warning": "#8a600073",
1222
+ "danger": "#ab4944",
1223
+ "fill-danger-quiet": "#ab494424",
1224
+ "border-danger": "#ab494473"
1225
+ },
1226
+ "dark": {
1227
+ "surface-lower": "#101012",
1228
+ "surface-low": "#141416",
1229
+ "surface-default": "#171719",
1230
+ "surface-raised": "#232325",
1231
+ "surface-overlay": "#2c2c2f",
1232
+ "border-quiet": "#2f2f31",
1233
+ "border-normal": "#39393b",
1234
+ "border-loud": "#4e4e51",
1235
+ "text-strong": "#e4e5e6",
1236
+ "text-primary": "#cfd0d1",
1237
+ "text-secondary": "#949596",
1238
+ "text-disabled": "#656666",
1239
+ "fill-neutral-resting": "#2c2c2f",
1240
+ "fill-neutral-hovered": "#343436",
1241
+ "fill-neutral-pressed": "#3c3c3e",
1242
+ "fill-neutral-selected": "#39393c",
1243
+ "fill-neutral-disabled": "#252527",
1244
+ "fill-primary-resting": "#e8e8e9",
1245
+ "fill-primary-hovered": "#d4d4d5",
1246
+ "fill-primary-pressed": "#c7c7c8",
1247
+ "on-primary": "#171719",
1248
+ "accent": "#c99137",
1249
+ "fill-accent-resting": "#c99137",
1250
+ "fill-accent-hovered": "#d9a149",
1251
+ "fill-accent-pressed": "#c1892e",
1252
+ "fill-accent-quiet": "#c9913729",
1253
+ "border-accent": "#c9913780",
1254
+ "on-accent": "#0b0b0b",
1255
+ "focus": "#c99137",
1256
+ "link": "#c99137",
1257
+ "info": "#5b9ee0",
1258
+ "fill-info-quiet": "#5b9ee024",
1259
+ "border-info": "#5b9ee073",
1260
+ "success": "#52ab69",
1261
+ "fill-success-quiet": "#52ab6924",
1262
+ "border-success": "#52ab6973",
1263
+ "important": "#aa89e2",
1264
+ "fill-important-quiet": "#aa89e224",
1265
+ "border-important": "#aa89e273",
1266
+ "warning": "#c49027",
1267
+ "fill-warning-quiet": "#c4902724",
1268
+ "border-warning": "#c4902773",
1269
+ "danger": "#e47c74",
1270
+ "fill-danger-quiet": "#e47c7424",
1271
+ "border-danger": "#e47c7473"
1272
+ },
1273
+ "darker": {
1274
+ "surface-lower": "#0d0d0f",
1275
+ "surface-low": "#101012",
1276
+ "surface-default": "#141416",
1277
+ "surface-raised": "#1f1f21",
1278
+ "surface-overlay": "#29292b",
1279
+ "border-quiet": "#39393b",
1280
+ "border-normal": "#4e4e51",
1281
+ "border-loud": "#4e4e51",
1282
+ "text-strong": "#e4e5e6",
1283
+ "text-primary": "#cfd0d1",
1284
+ "text-secondary": "#949596",
1285
+ "text-disabled": "#656666",
1286
+ "fill-neutral-resting": "#29292b",
1287
+ "fill-neutral-hovered": "#303032",
1288
+ "fill-neutral-pressed": "#38383a",
1289
+ "fill-neutral-selected": "#353538",
1290
+ "fill-neutral-disabled": "#222224",
1291
+ "fill-primary-resting": "#e8e8e9",
1292
+ "fill-primary-hovered": "#d4d4d5",
1293
+ "fill-primary-pressed": "#c7c7c8",
1294
+ "on-primary": "#141416",
1295
+ "accent": "#c99137",
1296
+ "fill-accent-resting": "#c99137",
1297
+ "fill-accent-hovered": "#d9a149",
1298
+ "fill-accent-pressed": "#c1892e",
1299
+ "fill-accent-quiet": "#c9913729",
1300
+ "border-accent": "#c9913780",
1301
+ "on-accent": "#0b0b0b",
1302
+ "focus": "#c99137",
1303
+ "link": "#c99137",
1304
+ "info": "#5b9ee0",
1305
+ "fill-info-quiet": "#5b9ee024",
1306
+ "border-info": "#5b9ee073",
1307
+ "success": "#52ab69",
1308
+ "fill-success-quiet": "#52ab6924",
1309
+ "border-success": "#52ab6973",
1310
+ "important": "#aa89e2",
1311
+ "fill-important-quiet": "#aa89e224",
1312
+ "border-important": "#aa89e273",
1313
+ "warning": "#c49027",
1314
+ "fill-warning-quiet": "#c4902724",
1315
+ "border-warning": "#c4902773",
1316
+ "danger": "#e47c74",
1317
+ "fill-danger-quiet": "#e47c7424",
1318
+ "border-danger": "#e47c7473"
1319
+ }
1320
+ }
1321
+ },
1322
+ {
1323
+ "id": "catppuccin-frappe",
1324
+ "name": "Catppuccin Frappé",
1325
+ "description": "Catppuccin Frappé, mapped onto the roles so it stays faithful to the Catppuccin palette.",
1326
+ "optional": true,
1327
+ "family": "Catppuccin",
1328
+ "examples": [],
1329
+ "style": {
1330
+ "font": "Mona Sans",
1331
+ "mono": "Geist Mono",
1332
+ "radius": {
1333
+ "panel": 10,
1334
+ "control": 8,
1335
+ "chip": 6
1336
+ },
1337
+ "border": {
1338
+ "width": 1,
1339
+ "strength": "hairline"
1340
+ },
1341
+ "weights": {
1342
+ "regular": 400,
1343
+ "strong": 600
1344
+ },
1345
+ "density": "normal",
1346
+ "capitals": false,
1347
+ "link": {
1348
+ "color": "accent",
1349
+ "underline": "thin"
1350
+ },
1351
+ "surfaceAccent": "none",
1352
+ "rows": "cards"
1353
+ },
1354
+ "properties": {
1355
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1356
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1357
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
1358
+ "font-weight-regular": "400",
1359
+ "font-weight-strong": "600",
1360
+ "density": "1",
1361
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
1362
+ "space-1": "calc(0.25rem * var(--gw-density))",
1363
+ "space-2": "calc(0.5rem * var(--gw-density))",
1364
+ "space-3": "calc(0.75rem * var(--gw-density))",
1365
+ "space-4": "calc(1rem * var(--gw-density))",
1366
+ "space-5": "calc(1.25rem * var(--gw-density))",
1367
+ "space-6": "calc(1.5rem * var(--gw-density))",
1368
+ "space-7": "calc(1.75rem * var(--gw-density))",
1369
+ "space-8": "calc(2rem * var(--gw-density))",
1370
+ "space-9": "calc(2.25rem * var(--gw-density))",
1371
+ "space-10": "calc(2.5rem * var(--gw-density))",
1372
+ "space-11": "calc(2.75rem * var(--gw-density))",
1373
+ "space-12": "calc(3rem * var(--gw-density))",
1374
+ "space-13": "calc(3.25rem * var(--gw-density))",
1375
+ "space-14": "calc(3.5rem * var(--gw-density))",
1376
+ "space-15": "calc(3.75rem * var(--gw-density))",
1377
+ "space-16": "calc(4rem * var(--gw-density))",
1378
+ "space-17": "calc(4.25rem * var(--gw-density))",
1379
+ "space-18": "calc(4.5rem * var(--gw-density))",
1380
+ "space-19": "calc(4.75rem * var(--gw-density))",
1381
+ "space-20": "calc(5rem * var(--gw-density))",
1382
+ "radius-panel": "10px",
1383
+ "radius-control": "8px",
1384
+ "radius-chip": "6px",
1385
+ "border-width": "1px",
1386
+ "border-color": "var(--gw-color-border-quiet)",
1387
+ "label-transform": "none",
1388
+ "label-tracking": "normal",
1389
+ "link-color": "var(--gw-color-link)",
1390
+ "link-underline": "1px",
1391
+ "panel-sheen": "none",
1392
+ "panel-marker": "0px",
1393
+ "panel-flange": "0px",
1394
+ "panel-flange-color": "var(--gw-border-color)",
1395
+ "row-padding": "var(--gw-space-3)"
1396
+ },
1397
+ "modes": {
1398
+ "dark": {
1399
+ "surface-lower": "#232634",
1400
+ "surface-low": "#292d3e",
1401
+ "surface-default": "#303446",
1402
+ "surface-raised": "#414559",
1403
+ "surface-overlay": "#484c60",
1404
+ "border-quiet": "#494f64",
1405
+ "border-normal": "#51576d",
1406
+ "border-loud": "#676e85",
1407
+ "text-strong": "#c6d0f5",
1408
+ "text-primary": "#c6d0f5",
1409
+ "text-secondary": "#a5adce",
1410
+ "text-disabled": "#a5adce99",
1411
+ "fill-neutral-resting": "#494d61",
1412
+ "fill-neutral-hovered": "#51556a",
1413
+ "fill-neutral-pressed": "#595e73",
1414
+ "fill-neutral-selected": "#575b70",
1415
+ "fill-neutral-disabled": "#45495d",
1416
+ "fill-primary-resting": "#c6d0f5",
1417
+ "fill-primary-hovered": "#b3bde1",
1418
+ "fill-primary-pressed": "#a6b0d4",
1419
+ "on-primary": "#303446",
1420
+ "accent": "#ca9ee6",
1421
+ "fill-accent-resting": "#ca9ee6",
1422
+ "fill-accent-hovered": "#e7bdff",
1423
+ "fill-accent-pressed": "#d0a4ec",
1424
+ "fill-accent-quiet": "#d8acf429",
1425
+ "border-accent": "#d8acf480",
1426
+ "on-accent": "#0b0b0b",
1427
+ "focus": "#ca9ee6",
1428
+ "link": "#d8acf4",
1429
+ "info": "#8caaee",
1430
+ "fill-info-quiet": "#8caaee24",
1431
+ "border-info": "#8caaee73",
1432
+ "success": "#a6d189",
1433
+ "fill-success-quiet": "#a6d18924",
1434
+ "border-success": "#a6d18973",
1435
+ "important": "#ca9ee6",
1436
+ "fill-important-quiet": "#ca9ee624",
1437
+ "border-important": "#ca9ee673",
1438
+ "warning": "#e5c890",
1439
+ "fill-warning-quiet": "#e5c89024",
1440
+ "border-warning": "#e5c89073",
1441
+ "danger": "#e78284",
1442
+ "fill-danger-quiet": "#e7828424",
1443
+ "border-danger": "#e7828473"
1444
+ },
1445
+ "darker": {
1446
+ "surface-lower": "#191b29",
1447
+ "surface-low": "#1e2233",
1448
+ "surface-default": "#25293a",
1449
+ "surface-raised": "#35394d",
1450
+ "surface-overlay": "#3c4053",
1451
+ "border-quiet": "#51576d",
1452
+ "border-normal": "#676e85",
1453
+ "border-loud": "#676e85",
1454
+ "text-strong": "#c6d0f5",
1455
+ "text-primary": "#c6d0f5",
1456
+ "text-secondary": "#a5adce",
1457
+ "text-disabled": "#a5adce99",
1458
+ "fill-neutral-resting": "#3d4155",
1459
+ "fill-neutral-hovered": "#45495d",
1460
+ "fill-neutral-pressed": "#4d5166",
1461
+ "fill-neutral-selected": "#4a4e63",
1462
+ "fill-neutral-disabled": "#393d51",
1463
+ "fill-primary-resting": "#c6d0f5",
1464
+ "fill-primary-hovered": "#b3bde1",
1465
+ "fill-primary-pressed": "#a6b0d4",
1466
+ "on-primary": "#25293a",
1467
+ "accent": "#ca9ee6",
1468
+ "fill-accent-resting": "#ca9ee6",
1469
+ "fill-accent-hovered": "#e7bdff",
1470
+ "fill-accent-pressed": "#d0a4ec",
1471
+ "fill-accent-quiet": "#d8acf429",
1472
+ "border-accent": "#d8acf480",
1473
+ "on-accent": "#0b0b0b",
1474
+ "focus": "#ca9ee6",
1475
+ "link": "#d8acf4",
1476
+ "info": "#8caaee",
1477
+ "fill-info-quiet": "#8caaee24",
1478
+ "border-info": "#8caaee73",
1479
+ "success": "#a6d189",
1480
+ "fill-success-quiet": "#a6d18924",
1481
+ "border-success": "#a6d18973",
1482
+ "important": "#ca9ee6",
1483
+ "fill-important-quiet": "#ca9ee624",
1484
+ "border-important": "#ca9ee673",
1485
+ "warning": "#e5c890",
1486
+ "fill-warning-quiet": "#e5c89024",
1487
+ "border-warning": "#e5c89073",
1488
+ "danger": "#e78284",
1489
+ "fill-danger-quiet": "#e7828424",
1490
+ "border-danger": "#e7828473"
1491
+ }
1492
+ }
1493
+ },
1494
+ {
1495
+ "id": "catppuccin-latte",
1496
+ "name": "Catppuccin Latte",
1497
+ "description": "Catppuccin Latte, mapped onto the roles so it stays faithful to the Catppuccin palette.",
1498
+ "optional": true,
1499
+ "family": "Catppuccin",
1500
+ "examples": [],
1501
+ "style": {
1502
+ "font": "Mona Sans",
1503
+ "mono": "Geist Mono",
1504
+ "radius": {
1505
+ "panel": 10,
1506
+ "control": 8,
1507
+ "chip": 6
1508
+ },
1509
+ "border": {
1510
+ "width": 1,
1511
+ "strength": "hairline"
1512
+ },
1513
+ "weights": {
1514
+ "regular": 400,
1515
+ "strong": 600
1516
+ },
1517
+ "density": "normal",
1518
+ "capitals": false,
1519
+ "link": {
1520
+ "color": "accent",
1521
+ "underline": "thin"
1522
+ },
1523
+ "surfaceAccent": "none",
1524
+ "rows": "cards"
1525
+ },
1526
+ "properties": {
1527
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1528
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1529
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
1530
+ "font-weight-regular": "400",
1531
+ "font-weight-strong": "600",
1532
+ "density": "1",
1533
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
1534
+ "space-1": "calc(0.25rem * var(--gw-density))",
1535
+ "space-2": "calc(0.5rem * var(--gw-density))",
1536
+ "space-3": "calc(0.75rem * var(--gw-density))",
1537
+ "space-4": "calc(1rem * var(--gw-density))",
1538
+ "space-5": "calc(1.25rem * var(--gw-density))",
1539
+ "space-6": "calc(1.5rem * var(--gw-density))",
1540
+ "space-7": "calc(1.75rem * var(--gw-density))",
1541
+ "space-8": "calc(2rem * var(--gw-density))",
1542
+ "space-9": "calc(2.25rem * var(--gw-density))",
1543
+ "space-10": "calc(2.5rem * var(--gw-density))",
1544
+ "space-11": "calc(2.75rem * var(--gw-density))",
1545
+ "space-12": "calc(3rem * var(--gw-density))",
1546
+ "space-13": "calc(3.25rem * var(--gw-density))",
1547
+ "space-14": "calc(3.5rem * var(--gw-density))",
1548
+ "space-15": "calc(3.75rem * var(--gw-density))",
1549
+ "space-16": "calc(4rem * var(--gw-density))",
1550
+ "space-17": "calc(4.25rem * var(--gw-density))",
1551
+ "space-18": "calc(4.5rem * var(--gw-density))",
1552
+ "space-19": "calc(4.75rem * var(--gw-density))",
1553
+ "space-20": "calc(5rem * var(--gw-density))",
1554
+ "radius-panel": "10px",
1555
+ "radius-control": "8px",
1556
+ "radius-chip": "6px",
1557
+ "border-width": "1px",
1558
+ "border-color": "var(--gw-color-border-quiet)",
1559
+ "label-transform": "none",
1560
+ "label-tracking": "normal",
1561
+ "link-color": "var(--gw-color-link)",
1562
+ "link-underline": "1px",
1563
+ "panel-sheen": "none",
1564
+ "panel-marker": "0px",
1565
+ "panel-flange": "0px",
1566
+ "panel-flange-color": "var(--gw-border-color)",
1567
+ "row-padding": "var(--gw-space-3)"
1568
+ },
1569
+ "modes": {
1570
+ "light": {
1571
+ "surface-lower": "#dce0e8",
1572
+ "surface-low": "#e6e8ec",
1573
+ "surface-default": "#eff1f5",
1574
+ "surface-raised": "#e6e9ef",
1575
+ "surface-overlay": "#dee1e7",
1576
+ "border-quiet": "#c6cad6",
1577
+ "border-normal": "#bcc0cc",
1578
+ "border-loud": "#a3a7b2",
1579
+ "text-strong": "#4c4f69",
1580
+ "text-primary": "#4c4f69",
1581
+ "text-secondary": "#6c6f85",
1582
+ "text-disabled": "#6c6f8599",
1583
+ "fill-neutral-resting": "#dcdfe5",
1584
+ "fill-neutral-hovered": "#d2d5db",
1585
+ "fill-neutral-pressed": "#c9ccd1",
1586
+ "fill-neutral-selected": "#cccfd5",
1587
+ "fill-neutral-disabled": "#e1e4ea",
1588
+ "fill-primary-resting": "#4c4f69",
1589
+ "fill-primary-hovered": "#5c607b",
1590
+ "fill-primary-pressed": "#686b86",
1591
+ "on-primary": "#eff1f5",
1592
+ "accent": "#8839ef",
1593
+ "fill-accent-resting": "#8839ef",
1594
+ "fill-accent-hovered": "#6e00ce",
1595
+ "fill-accent-pressed": "#8331e8",
1596
+ "fill-accent-quiet": "#7b25df29",
1597
+ "border-accent": "#7b25df80",
1598
+ "on-accent": "#ffffff",
1599
+ "focus": "#8839ef",
1600
+ "link": "#7b25df",
1601
+ "info": "#1e66f5",
1602
+ "fill-info-quiet": "#1e66f524",
1603
+ "border-info": "#1e66f573",
1604
+ "success": "#40a02b",
1605
+ "fill-success-quiet": "#40a02b24",
1606
+ "border-success": "#40a02b73",
1607
+ "important": "#8839ef",
1608
+ "fill-important-quiet": "#8839ef24",
1609
+ "border-important": "#8839ef73",
1610
+ "warning": "#df8e1d",
1611
+ "fill-warning-quiet": "#df8e1d24",
1612
+ "border-warning": "#df8e1d73",
1613
+ "danger": "#d20f39",
1614
+ "fill-danger-quiet": "#d20f3924",
1615
+ "border-danger": "#d20f3973"
1616
+ }
1617
+ }
1618
+ },
1619
+ {
1620
+ "id": "catppuccin-macchiato",
1621
+ "name": "Catppuccin Macchiato",
1622
+ "description": "Catppuccin Macchiato, mapped onto the roles so it stays faithful to the Catppuccin palette.",
1623
+ "optional": true,
1624
+ "family": "Catppuccin",
1625
+ "examples": [],
1626
+ "style": {
1627
+ "font": "Mona Sans",
1628
+ "mono": "Geist Mono",
1629
+ "radius": {
1630
+ "panel": 10,
1631
+ "control": 8,
1632
+ "chip": 6
1633
+ },
1634
+ "border": {
1635
+ "width": 1,
1636
+ "strength": "hairline"
1637
+ },
1638
+ "weights": {
1639
+ "regular": 400,
1640
+ "strong": 600
1641
+ },
1642
+ "density": "normal",
1643
+ "capitals": false,
1644
+ "link": {
1645
+ "color": "accent",
1646
+ "underline": "thin"
1647
+ },
1648
+ "surfaceAccent": "none",
1649
+ "rows": "cards"
1650
+ },
1651
+ "properties": {
1652
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1653
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1654
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
1655
+ "font-weight-regular": "400",
1656
+ "font-weight-strong": "600",
1657
+ "density": "1",
1658
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
1659
+ "space-1": "calc(0.25rem * var(--gw-density))",
1660
+ "space-2": "calc(0.5rem * var(--gw-density))",
1661
+ "space-3": "calc(0.75rem * var(--gw-density))",
1662
+ "space-4": "calc(1rem * var(--gw-density))",
1663
+ "space-5": "calc(1.25rem * var(--gw-density))",
1664
+ "space-6": "calc(1.5rem * var(--gw-density))",
1665
+ "space-7": "calc(1.75rem * var(--gw-density))",
1666
+ "space-8": "calc(2rem * var(--gw-density))",
1667
+ "space-9": "calc(2.25rem * var(--gw-density))",
1668
+ "space-10": "calc(2.5rem * var(--gw-density))",
1669
+ "space-11": "calc(2.75rem * var(--gw-density))",
1670
+ "space-12": "calc(3rem * var(--gw-density))",
1671
+ "space-13": "calc(3.25rem * var(--gw-density))",
1672
+ "space-14": "calc(3.5rem * var(--gw-density))",
1673
+ "space-15": "calc(3.75rem * var(--gw-density))",
1674
+ "space-16": "calc(4rem * var(--gw-density))",
1675
+ "space-17": "calc(4.25rem * var(--gw-density))",
1676
+ "space-18": "calc(4.5rem * var(--gw-density))",
1677
+ "space-19": "calc(4.75rem * var(--gw-density))",
1678
+ "space-20": "calc(5rem * var(--gw-density))",
1679
+ "radius-panel": "10px",
1680
+ "radius-control": "8px",
1681
+ "radius-chip": "6px",
1682
+ "border-width": "1px",
1683
+ "border-color": "var(--gw-color-border-quiet)",
1684
+ "label-transform": "none",
1685
+ "label-tracking": "normal",
1686
+ "link-color": "var(--gw-color-link)",
1687
+ "link-underline": "1px",
1688
+ "panel-sheen": "none",
1689
+ "panel-marker": "0px",
1690
+ "panel-flange": "0px",
1691
+ "panel-flange-color": "var(--gw-border-color)",
1692
+ "row-padding": "var(--gw-space-3)"
1693
+ },
1694
+ "modes": {
1695
+ "dark": {
1696
+ "surface-lower": "#181926",
1697
+ "surface-low": "#1d2032",
1698
+ "surface-default": "#24273a",
1699
+ "surface-raised": "#363a4f",
1700
+ "surface-overlay": "#3c4156",
1701
+ "border-quiet": "#41455b",
1702
+ "border-normal": "#494d64",
1703
+ "border-loud": "#5f637b",
1704
+ "text-strong": "#cad3f5",
1705
+ "text-primary": "#cad3f5",
1706
+ "text-secondary": "#a5adcb",
1707
+ "text-disabled": "#a5adcb99",
1708
+ "fill-neutral-resting": "#3e4257",
1709
+ "fill-neutral-hovered": "#464a60",
1710
+ "fill-neutral-pressed": "#4e5268",
1711
+ "fill-neutral-selected": "#4b4f65",
1712
+ "fill-neutral-disabled": "#3a3e53",
1713
+ "fill-primary-resting": "#cad3f5",
1714
+ "fill-primary-hovered": "#b7c0e1",
1715
+ "fill-primary-pressed": "#aab3d4",
1716
+ "on-primary": "#24273a",
1717
+ "accent": "#c6a0f6",
1718
+ "fill-accent-resting": "#c6a0f6",
1719
+ "fill-accent-hovered": "#d5b2ff",
1720
+ "fill-accent-pressed": "#be98ee",
1721
+ "fill-accent-quiet": "#c6a0f629",
1722
+ "border-accent": "#c6a0f680",
1723
+ "on-accent": "#0b0b0b",
1724
+ "focus": "#c6a0f6",
1725
+ "link": "#c6a0f6",
1726
+ "info": "#8aadf4",
1727
+ "fill-info-quiet": "#8aadf424",
1728
+ "border-info": "#8aadf473",
1729
+ "success": "#a6da95",
1730
+ "fill-success-quiet": "#a6da9524",
1731
+ "border-success": "#a6da9573",
1732
+ "important": "#c6a0f6",
1733
+ "fill-important-quiet": "#c6a0f624",
1734
+ "border-important": "#c6a0f673",
1735
+ "warning": "#eed49f",
1736
+ "fill-warning-quiet": "#eed49f24",
1737
+ "border-warning": "#eed49f73",
1738
+ "danger": "#ed8796",
1739
+ "fill-danger-quiet": "#ed879624",
1740
+ "border-danger": "#ed879673"
1741
+ },
1742
+ "darker": {
1743
+ "surface-lower": "#0e0f1b",
1744
+ "surface-low": "#131527",
1745
+ "surface-default": "#191c2e",
1746
+ "surface-raised": "#2b2e43",
1747
+ "surface-overlay": "#31354a",
1748
+ "border-quiet": "#494d64",
1749
+ "border-normal": "#5f637b",
1750
+ "border-loud": "#5f637b",
1751
+ "text-strong": "#cad3f5",
1752
+ "text-primary": "#cad3f5",
1753
+ "text-secondary": "#a5adcb",
1754
+ "text-disabled": "#a5adcb99",
1755
+ "fill-neutral-resting": "#32364b",
1756
+ "fill-neutral-hovered": "#3a3e53",
1757
+ "fill-neutral-pressed": "#42465c",
1758
+ "fill-neutral-selected": "#3f4359",
1759
+ "fill-neutral-disabled": "#2e3247",
1760
+ "fill-primary-resting": "#cad3f5",
1761
+ "fill-primary-hovered": "#b7c0e1",
1762
+ "fill-primary-pressed": "#aab3d4",
1763
+ "on-primary": "#191c2e",
1764
+ "accent": "#c6a0f6",
1765
+ "fill-accent-resting": "#c6a0f6",
1766
+ "fill-accent-hovered": "#d5b2ff",
1767
+ "fill-accent-pressed": "#be98ee",
1768
+ "fill-accent-quiet": "#c6a0f629",
1769
+ "border-accent": "#c6a0f680",
1770
+ "on-accent": "#0b0b0b",
1771
+ "focus": "#c6a0f6",
1772
+ "link": "#c6a0f6",
1773
+ "info": "#8aadf4",
1774
+ "fill-info-quiet": "#8aadf424",
1775
+ "border-info": "#8aadf473",
1776
+ "success": "#a6da95",
1777
+ "fill-success-quiet": "#a6da9524",
1778
+ "border-success": "#a6da9573",
1779
+ "important": "#c6a0f6",
1780
+ "fill-important-quiet": "#c6a0f624",
1781
+ "border-important": "#c6a0f673",
1782
+ "warning": "#eed49f",
1783
+ "fill-warning-quiet": "#eed49f24",
1784
+ "border-warning": "#eed49f73",
1785
+ "danger": "#ed8796",
1786
+ "fill-danger-quiet": "#ed879624",
1787
+ "border-danger": "#ed879673"
1788
+ }
1789
+ }
1790
+ },
1791
+ {
1792
+ "id": "catppuccin-mocha",
1793
+ "name": "Catppuccin Mocha",
1794
+ "description": "Catppuccin Mocha, mapped onto the roles so it stays faithful to the Catppuccin palette.",
1795
+ "optional": true,
1796
+ "family": "Catppuccin",
1797
+ "examples": [],
1798
+ "style": {
1799
+ "font": "Mona Sans",
1800
+ "mono": "Geist Mono",
1801
+ "radius": {
1802
+ "panel": 10,
1803
+ "control": 8,
1804
+ "chip": 6
1805
+ },
1806
+ "border": {
1807
+ "width": 1,
1808
+ "strength": "hairline"
1809
+ },
1810
+ "weights": {
1811
+ "regular": 400,
1812
+ "strong": 600
1813
+ },
1814
+ "density": "normal",
1815
+ "capitals": false,
1816
+ "link": {
1817
+ "color": "accent",
1818
+ "underline": "thin"
1819
+ },
1820
+ "surfaceAccent": "none",
1821
+ "rows": "cards"
1822
+ },
1823
+ "properties": {
1824
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1825
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1826
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
1827
+ "font-weight-regular": "400",
1828
+ "font-weight-strong": "600",
1829
+ "density": "1",
1830
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
1831
+ "space-1": "calc(0.25rem * var(--gw-density))",
1832
+ "space-2": "calc(0.5rem * var(--gw-density))",
1833
+ "space-3": "calc(0.75rem * var(--gw-density))",
1834
+ "space-4": "calc(1rem * var(--gw-density))",
1835
+ "space-5": "calc(1.25rem * var(--gw-density))",
1836
+ "space-6": "calc(1.5rem * var(--gw-density))",
1837
+ "space-7": "calc(1.75rem * var(--gw-density))",
1838
+ "space-8": "calc(2rem * var(--gw-density))",
1839
+ "space-9": "calc(2.25rem * var(--gw-density))",
1840
+ "space-10": "calc(2.5rem * var(--gw-density))",
1841
+ "space-11": "calc(2.75rem * var(--gw-density))",
1842
+ "space-12": "calc(3rem * var(--gw-density))",
1843
+ "space-13": "calc(3.25rem * var(--gw-density))",
1844
+ "space-14": "calc(3.5rem * var(--gw-density))",
1845
+ "space-15": "calc(3.75rem * var(--gw-density))",
1846
+ "space-16": "calc(4rem * var(--gw-density))",
1847
+ "space-17": "calc(4.25rem * var(--gw-density))",
1848
+ "space-18": "calc(4.5rem * var(--gw-density))",
1849
+ "space-19": "calc(4.75rem * var(--gw-density))",
1850
+ "space-20": "calc(5rem * var(--gw-density))",
1851
+ "radius-panel": "10px",
1852
+ "radius-control": "8px",
1853
+ "radius-chip": "6px",
1854
+ "border-width": "1px",
1855
+ "border-color": "var(--gw-color-border-quiet)",
1856
+ "label-transform": "none",
1857
+ "label-tracking": "normal",
1858
+ "link-color": "var(--gw-color-link)",
1859
+ "link-underline": "1px",
1860
+ "panel-sheen": "none",
1861
+ "panel-marker": "0px",
1862
+ "panel-flange": "0px",
1863
+ "panel-flange-color": "var(--gw-border-color)",
1864
+ "row-padding": "var(--gw-space-3)"
1865
+ },
1866
+ "modes": {
1867
+ "dark": {
1868
+ "surface-lower": "#11111b",
1869
+ "surface-low": "#171726",
1870
+ "surface-default": "#1e1e2e",
1871
+ "surface-raised": "#313244",
1872
+ "surface-overlay": "#37384b",
1873
+ "border-quiet": "#3d3f52",
1874
+ "border-normal": "#45475a",
1875
+ "border-loud": "#5b5d71",
1876
+ "text-strong": "#cdd6f4",
1877
+ "text-primary": "#cdd6f4",
1878
+ "text-secondary": "#a6adc8",
1879
+ "text-disabled": "#a6adc899",
1880
+ "fill-neutral-resting": "#393a4c",
1881
+ "fill-neutral-hovered": "#404254",
1882
+ "fill-neutral-pressed": "#484a5d",
1883
+ "fill-neutral-selected": "#46475a",
1884
+ "fill-neutral-disabled": "#353648",
1885
+ "fill-primary-resting": "#cdd6f4",
1886
+ "fill-primary-hovered": "#bac3e0",
1887
+ "fill-primary-pressed": "#adb6d3",
1888
+ "on-primary": "#1e1e2e",
1889
+ "accent": "#cba6f7",
1890
+ "fill-accent-resting": "#cba6f7",
1891
+ "fill-accent-hovered": "#d9b8ff",
1892
+ "fill-accent-pressed": "#c39eef",
1893
+ "fill-accent-quiet": "#cba6f729",
1894
+ "border-accent": "#cba6f780",
1895
+ "on-accent": "#0b0b0b",
1896
+ "focus": "#cba6f7",
1897
+ "link": "#cba6f7",
1898
+ "info": "#89b4fa",
1899
+ "fill-info-quiet": "#89b4fa24",
1900
+ "border-info": "#89b4fa73",
1901
+ "success": "#a6e3a1",
1902
+ "fill-success-quiet": "#a6e3a124",
1903
+ "border-success": "#a6e3a173",
1904
+ "important": "#cba6f7",
1905
+ "fill-important-quiet": "#cba6f724",
1906
+ "border-important": "#cba6f773",
1907
+ "warning": "#f9e2af",
1908
+ "fill-warning-quiet": "#f9e2af24",
1909
+ "border-warning": "#f9e2af73",
1910
+ "danger": "#f38ba8",
1911
+ "fill-danger-quiet": "#f38ba824",
1912
+ "border-danger": "#f38ba873"
1913
+ },
1914
+ "darker": {
1915
+ "surface-lower": "#080811",
1916
+ "surface-low": "#0d0d1c",
1917
+ "surface-default": "#141423",
1918
+ "surface-raised": "#262738",
1919
+ "surface-overlay": "#2c2d3f",
1920
+ "border-quiet": "#45475a",
1921
+ "border-normal": "#5b5d71",
1922
+ "border-loud": "#5b5d71",
1923
+ "text-strong": "#cdd6f4",
1924
+ "text-primary": "#cdd6f4",
1925
+ "text-secondary": "#a6adc8",
1926
+ "text-disabled": "#a6adc899",
1927
+ "fill-neutral-resting": "#2d2e40",
1928
+ "fill-neutral-hovered": "#353648",
1929
+ "fill-neutral-pressed": "#3c3e50",
1930
+ "fill-neutral-selected": "#3a3b4d",
1931
+ "fill-neutral-disabled": "#2a2a3c",
1932
+ "fill-primary-resting": "#cdd6f4",
1933
+ "fill-primary-hovered": "#bac3e0",
1934
+ "fill-primary-pressed": "#adb6d3",
1935
+ "on-primary": "#141423",
1936
+ "accent": "#cba6f7",
1937
+ "fill-accent-resting": "#cba6f7",
1938
+ "fill-accent-hovered": "#d9b8ff",
1939
+ "fill-accent-pressed": "#c39eef",
1940
+ "fill-accent-quiet": "#cba6f729",
1941
+ "border-accent": "#cba6f780",
1942
+ "on-accent": "#0b0b0b",
1943
+ "focus": "#cba6f7",
1944
+ "link": "#cba6f7",
1945
+ "info": "#89b4fa",
1946
+ "fill-info-quiet": "#89b4fa24",
1947
+ "border-info": "#89b4fa73",
1948
+ "success": "#a6e3a1",
1949
+ "fill-success-quiet": "#a6e3a124",
1950
+ "border-success": "#a6e3a173",
1951
+ "important": "#cba6f7",
1952
+ "fill-important-quiet": "#cba6f724",
1953
+ "border-important": "#cba6f773",
1954
+ "warning": "#f9e2af",
1955
+ "fill-warning-quiet": "#f9e2af24",
1956
+ "border-warning": "#f9e2af73",
1957
+ "danger": "#f38ba8",
1958
+ "fill-danger-quiet": "#f38ba824",
1959
+ "border-danger": "#f38ba873"
1960
+ }
1961
+ }
1962
+ },
1963
+ {
1964
+ "id": "tokyo-night",
1965
+ "name": "Tokyo Night",
1966
+ "description": "Tokyo Night, mapped onto the roles so it stays faithful to the Tokyo Night palette.",
1967
+ "optional": true,
1968
+ "family": "Tokyo Night",
1969
+ "examples": [],
1970
+ "style": {
1971
+ "font": "Mona Sans",
1972
+ "mono": "Geist Mono",
1973
+ "radius": {
1974
+ "panel": 10,
1975
+ "control": 8,
1976
+ "chip": 6
1977
+ },
1978
+ "border": {
1979
+ "width": 1,
1980
+ "strength": "hairline"
1981
+ },
1982
+ "weights": {
1983
+ "regular": 400,
1984
+ "strong": 600
1985
+ },
1986
+ "density": "normal",
1987
+ "capitals": false,
1988
+ "link": {
1989
+ "color": "accent",
1990
+ "underline": "thin"
1991
+ },
1992
+ "surfaceAccent": "none",
1993
+ "rows": "cards"
1994
+ },
1995
+ "properties": {
1996
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1997
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
1998
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
1999
+ "font-weight-regular": "400",
2000
+ "font-weight-strong": "600",
2001
+ "density": "1",
2002
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
2003
+ "space-1": "calc(0.25rem * var(--gw-density))",
2004
+ "space-2": "calc(0.5rem * var(--gw-density))",
2005
+ "space-3": "calc(0.75rem * var(--gw-density))",
2006
+ "space-4": "calc(1rem * var(--gw-density))",
2007
+ "space-5": "calc(1.25rem * var(--gw-density))",
2008
+ "space-6": "calc(1.5rem * var(--gw-density))",
2009
+ "space-7": "calc(1.75rem * var(--gw-density))",
2010
+ "space-8": "calc(2rem * var(--gw-density))",
2011
+ "space-9": "calc(2.25rem * var(--gw-density))",
2012
+ "space-10": "calc(2.5rem * var(--gw-density))",
2013
+ "space-11": "calc(2.75rem * var(--gw-density))",
2014
+ "space-12": "calc(3rem * var(--gw-density))",
2015
+ "space-13": "calc(3.25rem * var(--gw-density))",
2016
+ "space-14": "calc(3.5rem * var(--gw-density))",
2017
+ "space-15": "calc(3.75rem * var(--gw-density))",
2018
+ "space-16": "calc(4rem * var(--gw-density))",
2019
+ "space-17": "calc(4.25rem * var(--gw-density))",
2020
+ "space-18": "calc(4.5rem * var(--gw-density))",
2021
+ "space-19": "calc(4.75rem * var(--gw-density))",
2022
+ "space-20": "calc(5rem * var(--gw-density))",
2023
+ "radius-panel": "10px",
2024
+ "radius-control": "8px",
2025
+ "radius-chip": "6px",
2026
+ "border-width": "1px",
2027
+ "border-color": "var(--gw-color-border-quiet)",
2028
+ "label-transform": "none",
2029
+ "label-tracking": "normal",
2030
+ "link-color": "var(--gw-color-link)",
2031
+ "link-underline": "1px",
2032
+ "panel-sheen": "none",
2033
+ "panel-marker": "0px",
2034
+ "panel-flange": "0px",
2035
+ "panel-flange-color": "var(--gw-border-color)",
2036
+ "row-padding": "var(--gw-space-3)"
2037
+ },
2038
+ "modes": {
2039
+ "dark": {
2040
+ "surface-lower": "#16161e",
2041
+ "surface-low": "#171823",
2042
+ "surface-default": "#1a1b26",
2043
+ "surface-raised": "#292e42",
2044
+ "surface-overlay": "#2f3449",
2045
+ "border-quiet": "#333a58",
2046
+ "border-normal": "#3b4261",
2047
+ "border-loud": "#505878",
2048
+ "text-strong": "#c0caf5",
2049
+ "text-primary": "#c0caf5",
2050
+ "text-secondary": "#a9b1d6",
2051
+ "text-disabled": "#a9b1d699",
2052
+ "fill-neutral-resting": "#30364a",
2053
+ "fill-neutral-hovered": "#383d52",
2054
+ "fill-neutral-pressed": "#40455b",
2055
+ "fill-neutral-selected": "#3d4358",
2056
+ "fill-neutral-disabled": "#2d3246",
2057
+ "fill-primary-resting": "#c0caf5",
2058
+ "fill-primary-hovered": "#adb7e1",
2059
+ "fill-primary-pressed": "#a1aad4",
2060
+ "on-primary": "#1a1b26",
2061
+ "accent": "#7aa2f7",
2062
+ "fill-accent-resting": "#7aa2f7",
2063
+ "fill-accent-hovered": "#8db3ff",
2064
+ "fill-accent-pressed": "#739aee",
2065
+ "fill-accent-quiet": "#7aa2f729",
2066
+ "border-accent": "#7aa2f780",
2067
+ "on-accent": "#0b0b0b",
2068
+ "focus": "#7aa2f7",
2069
+ "link": "#7aa2f7",
2070
+ "info": "#7aa2f7",
2071
+ "fill-info-quiet": "#7aa2f724",
2072
+ "border-info": "#7aa2f773",
2073
+ "success": "#9ece6a",
2074
+ "fill-success-quiet": "#9ece6a24",
2075
+ "border-success": "#9ece6a73",
2076
+ "important": "#bb9af7",
2077
+ "fill-important-quiet": "#bb9af724",
2078
+ "border-important": "#bb9af773",
2079
+ "warning": "#e0af68",
2080
+ "fill-warning-quiet": "#e0af6824",
2081
+ "border-warning": "#e0af6873",
2082
+ "danger": "#f7768e",
2083
+ "fill-danger-quiet": "#f7768e24",
2084
+ "border-danger": "#f7768e73"
2085
+ },
2086
+ "darker": {
2087
+ "surface-lower": "#0c0c14",
2088
+ "surface-low": "#0e0e19",
2089
+ "surface-default": "#10111b",
2090
+ "surface-raised": "#1e2336",
2091
+ "surface-overlay": "#24293d",
2092
+ "border-quiet": "#3b4261",
2093
+ "border-normal": "#505878",
2094
+ "border-loud": "#505878",
2095
+ "text-strong": "#c0caf5",
2096
+ "text-primary": "#c0caf5",
2097
+ "text-secondary": "#a9b1d6",
2098
+ "text-disabled": "#a9b1d699",
2099
+ "fill-neutral-resting": "#252a3e",
2100
+ "fill-neutral-hovered": "#2d3246",
2101
+ "fill-neutral-pressed": "#343a4e",
2102
+ "fill-neutral-selected": "#32374b",
2103
+ "fill-neutral-disabled": "#22273a",
2104
+ "fill-primary-resting": "#c0caf5",
2105
+ "fill-primary-hovered": "#adb7e1",
2106
+ "fill-primary-pressed": "#a1aad4",
2107
+ "on-primary": "#10111b",
2108
+ "accent": "#7aa2f7",
2109
+ "fill-accent-resting": "#7aa2f7",
2110
+ "fill-accent-hovered": "#8db3ff",
2111
+ "fill-accent-pressed": "#739aee",
2112
+ "fill-accent-quiet": "#7aa2f729",
2113
+ "border-accent": "#7aa2f780",
2114
+ "on-accent": "#0b0b0b",
2115
+ "focus": "#7aa2f7",
2116
+ "link": "#7aa2f7",
2117
+ "info": "#7aa2f7",
2118
+ "fill-info-quiet": "#7aa2f724",
2119
+ "border-info": "#7aa2f773",
2120
+ "success": "#9ece6a",
2121
+ "fill-success-quiet": "#9ece6a24",
2122
+ "border-success": "#9ece6a73",
2123
+ "important": "#bb9af7",
2124
+ "fill-important-quiet": "#bb9af724",
2125
+ "border-important": "#bb9af773",
2126
+ "warning": "#e0af68",
2127
+ "fill-warning-quiet": "#e0af6824",
2128
+ "border-warning": "#e0af6873",
2129
+ "danger": "#f7768e",
2130
+ "fill-danger-quiet": "#f7768e24",
2131
+ "border-danger": "#f7768e73"
2132
+ }
2133
+ }
2134
+ },
2135
+ {
2136
+ "id": "tokyo-night-day",
2137
+ "name": "Tokyo Night Day",
2138
+ "description": "Tokyo Night Day, mapped onto the roles so it stays faithful to the Tokyo Night palette.",
2139
+ "optional": true,
2140
+ "family": "Tokyo Night",
2141
+ "examples": [],
2142
+ "style": {
2143
+ "font": "Mona Sans",
2144
+ "mono": "Geist Mono",
2145
+ "radius": {
2146
+ "panel": 10,
2147
+ "control": 8,
2148
+ "chip": 6
2149
+ },
2150
+ "border": {
2151
+ "width": 1,
2152
+ "strength": "hairline"
2153
+ },
2154
+ "weights": {
2155
+ "regular": 400,
2156
+ "strong": 600
2157
+ },
2158
+ "density": "normal",
2159
+ "capitals": false,
2160
+ "link": {
2161
+ "color": "accent",
2162
+ "underline": "thin"
2163
+ },
2164
+ "surfaceAccent": "none",
2165
+ "rows": "cards"
2166
+ },
2167
+ "properties": {
2168
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
2169
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
2170
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
2171
+ "font-weight-regular": "400",
2172
+ "font-weight-strong": "600",
2173
+ "density": "1",
2174
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
2175
+ "space-1": "calc(0.25rem * var(--gw-density))",
2176
+ "space-2": "calc(0.5rem * var(--gw-density))",
2177
+ "space-3": "calc(0.75rem * var(--gw-density))",
2178
+ "space-4": "calc(1rem * var(--gw-density))",
2179
+ "space-5": "calc(1.25rem * var(--gw-density))",
2180
+ "space-6": "calc(1.5rem * var(--gw-density))",
2181
+ "space-7": "calc(1.75rem * var(--gw-density))",
2182
+ "space-8": "calc(2rem * var(--gw-density))",
2183
+ "space-9": "calc(2.25rem * var(--gw-density))",
2184
+ "space-10": "calc(2.5rem * var(--gw-density))",
2185
+ "space-11": "calc(2.75rem * var(--gw-density))",
2186
+ "space-12": "calc(3rem * var(--gw-density))",
2187
+ "space-13": "calc(3.25rem * var(--gw-density))",
2188
+ "space-14": "calc(3.5rem * var(--gw-density))",
2189
+ "space-15": "calc(3.75rem * var(--gw-density))",
2190
+ "space-16": "calc(4rem * var(--gw-density))",
2191
+ "space-17": "calc(4.25rem * var(--gw-density))",
2192
+ "space-18": "calc(4.5rem * var(--gw-density))",
2193
+ "space-19": "calc(4.75rem * var(--gw-density))",
2194
+ "space-20": "calc(5rem * var(--gw-density))",
2195
+ "radius-panel": "10px",
2196
+ "radius-control": "8px",
2197
+ "radius-chip": "6px",
2198
+ "border-width": "1px",
2199
+ "border-color": "var(--gw-color-border-quiet)",
2200
+ "label-transform": "none",
2201
+ "label-tracking": "normal",
2202
+ "link-color": "var(--gw-color-link)",
2203
+ "link-underline": "1px",
2204
+ "panel-sheen": "none",
2205
+ "panel-marker": "0px",
2206
+ "panel-flange": "0px",
2207
+ "panel-flange-color": "var(--gw-border-color)",
2208
+ "row-padding": "var(--gw-space-3)"
2209
+ },
2210
+ "modes": {
2211
+ "light": {
2212
+ "surface-lower": "#d0d5e3",
2213
+ "surface-low": "#dadbe0",
2214
+ "surface-default": "#e1e2e7",
2215
+ "surface-raised": "#e9e9ed",
2216
+ "surface-overlay": "#e1e1e5",
2217
+ "border-quiet": "#ced2e4",
2218
+ "border-normal": "#c4c8da",
2219
+ "border-loud": "#abafc0",
2220
+ "text-strong": "#3760bf",
2221
+ "text-primary": "#3760bf",
2222
+ "text-secondary": "#6172b0",
2223
+ "text-disabled": "#6172b099",
2224
+ "fill-neutral-resting": "#dfdfe3",
2225
+ "fill-neutral-hovered": "#d5d5d9",
2226
+ "fill-neutral-pressed": "#ccccd0",
2227
+ "fill-neutral-selected": "#cfcfd3",
2228
+ "fill-neutral-disabled": "#e4e4e8",
2229
+ "fill-primary-resting": "#3760bf",
2230
+ "fill-primary-hovered": "#4772d3",
2231
+ "fill-primary-pressed": "#537fe1",
2232
+ "on-primary": "#e1e2e7",
2233
+ "accent": "#2e7de9",
2234
+ "fill-accent-resting": "#2e7de9",
2235
+ "fill-accent-hovered": "#0042a5",
2236
+ "fill-accent-pressed": "#0059c0",
2237
+ "fill-accent-quiet": "#0051b729",
2238
+ "border-accent": "#0051b780",
2239
+ "on-accent": "#ffffff",
2240
+ "focus": "#2e7de9",
2241
+ "link": "#0051b7",
2242
+ "info": "#2e7de9",
2243
+ "fill-info-quiet": "#2e7de924",
2244
+ "border-info": "#2e7de973",
2245
+ "success": "#587539",
2246
+ "fill-success-quiet": "#58753924",
2247
+ "border-success": "#58753973",
2248
+ "important": "#9854f1",
2249
+ "fill-important-quiet": "#9854f124",
2250
+ "border-important": "#9854f173",
2251
+ "warning": "#8c6c3e",
2252
+ "fill-warning-quiet": "#8c6c3e24",
2253
+ "border-warning": "#8c6c3e73",
2254
+ "danger": "#f52a65",
2255
+ "fill-danger-quiet": "#f52a6524",
2256
+ "border-danger": "#f52a6573"
2257
+ }
2258
+ }
2259
+ },
2260
+ {
2261
+ "id": "tokyo-night-moon",
2262
+ "name": "Tokyo Night Moon",
2263
+ "description": "Tokyo Night Moon, mapped onto the roles so it stays faithful to the Tokyo Night palette.",
2264
+ "optional": true,
2265
+ "family": "Tokyo Night",
2266
+ "examples": [],
2267
+ "style": {
2268
+ "font": "Mona Sans",
2269
+ "mono": "Geist Mono",
2270
+ "radius": {
2271
+ "panel": 10,
2272
+ "control": 8,
2273
+ "chip": 6
2274
+ },
2275
+ "border": {
2276
+ "width": 1,
2277
+ "strength": "hairline"
2278
+ },
2279
+ "weights": {
2280
+ "regular": 400,
2281
+ "strong": 600
2282
+ },
2283
+ "density": "normal",
2284
+ "capitals": false,
2285
+ "link": {
2286
+ "color": "accent",
2287
+ "underline": "thin"
2288
+ },
2289
+ "surfaceAccent": "none",
2290
+ "rows": "cards"
2291
+ },
2292
+ "properties": {
2293
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
2294
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
2295
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
2296
+ "font-weight-regular": "400",
2297
+ "font-weight-strong": "600",
2298
+ "density": "1",
2299
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
2300
+ "space-1": "calc(0.25rem * var(--gw-density))",
2301
+ "space-2": "calc(0.5rem * var(--gw-density))",
2302
+ "space-3": "calc(0.75rem * var(--gw-density))",
2303
+ "space-4": "calc(1rem * var(--gw-density))",
2304
+ "space-5": "calc(1.25rem * var(--gw-density))",
2305
+ "space-6": "calc(1.5rem * var(--gw-density))",
2306
+ "space-7": "calc(1.75rem * var(--gw-density))",
2307
+ "space-8": "calc(2rem * var(--gw-density))",
2308
+ "space-9": "calc(2.25rem * var(--gw-density))",
2309
+ "space-10": "calc(2.5rem * var(--gw-density))",
2310
+ "space-11": "calc(2.75rem * var(--gw-density))",
2311
+ "space-12": "calc(3rem * var(--gw-density))",
2312
+ "space-13": "calc(3.25rem * var(--gw-density))",
2313
+ "space-14": "calc(3.5rem * var(--gw-density))",
2314
+ "space-15": "calc(3.75rem * var(--gw-density))",
2315
+ "space-16": "calc(4rem * var(--gw-density))",
2316
+ "space-17": "calc(4.25rem * var(--gw-density))",
2317
+ "space-18": "calc(4.5rem * var(--gw-density))",
2318
+ "space-19": "calc(4.75rem * var(--gw-density))",
2319
+ "space-20": "calc(5rem * var(--gw-density))",
2320
+ "radius-panel": "10px",
2321
+ "radius-control": "8px",
2322
+ "radius-chip": "6px",
2323
+ "border-width": "1px",
2324
+ "border-color": "var(--gw-color-border-quiet)",
2325
+ "label-transform": "none",
2326
+ "label-tracking": "normal",
2327
+ "link-color": "var(--gw-color-link)",
2328
+ "link-underline": "1px",
2329
+ "panel-sheen": "none",
2330
+ "panel-marker": "0px",
2331
+ "panel-flange": "0px",
2332
+ "panel-flange-color": "var(--gw-border-color)",
2333
+ "row-padding": "var(--gw-space-3)"
2334
+ },
2335
+ "modes": {
2336
+ "dark": {
2337
+ "surface-lower": "#1e2030",
2338
+ "surface-low": "#202234",
2339
+ "surface-default": "#222436",
2340
+ "surface-raised": "#2f334d",
2341
+ "surface-overlay": "#353954",
2342
+ "border-quiet": "#333a58",
2343
+ "border-normal": "#3b4261",
2344
+ "border-loud": "#505878",
2345
+ "text-strong": "#c8d3f5",
2346
+ "text-primary": "#c8d3f5",
2347
+ "text-secondary": "#828bb8",
2348
+ "text-disabled": "#828bb899",
2349
+ "fill-neutral-resting": "#373b55",
2350
+ "fill-neutral-hovered": "#3e435e",
2351
+ "fill-neutral-pressed": "#464b66",
2352
+ "fill-neutral-selected": "#444863",
2353
+ "fill-neutral-disabled": "#333751",
2354
+ "fill-primary-resting": "#c8d3f5",
2355
+ "fill-primary-hovered": "#b5c0e1",
2356
+ "fill-primary-pressed": "#a8b3d4",
2357
+ "on-primary": "#222436",
2358
+ "accent": "#82aaff",
2359
+ "fill-accent-resting": "#82aaff",
2360
+ "fill-accent-hovered": "#99bbff",
2361
+ "fill-accent-pressed": "#7ba2f6",
2362
+ "fill-accent-quiet": "#82aaff29",
2363
+ "border-accent": "#82aaff80",
2364
+ "on-accent": "#0b0b0b",
2365
+ "focus": "#82aaff",
2366
+ "link": "#82aaff",
2367
+ "info": "#82aaff",
2368
+ "fill-info-quiet": "#82aaff24",
2369
+ "border-info": "#82aaff73",
2370
+ "success": "#c3e88d",
2371
+ "fill-success-quiet": "#c3e88d24",
2372
+ "border-success": "#c3e88d73",
2373
+ "important": "#c099ff",
2374
+ "fill-important-quiet": "#c099ff24",
2375
+ "border-important": "#c099ff73",
2376
+ "warning": "#ffc777",
2377
+ "fill-warning-quiet": "#ffc77724",
2378
+ "border-warning": "#ffc77773",
2379
+ "danger": "#ff757f",
2380
+ "fill-danger-quiet": "#ff757f24",
2381
+ "border-danger": "#ff757f73"
2382
+ },
2383
+ "darker": {
2384
+ "surface-lower": "#141525",
2385
+ "surface-low": "#161728",
2386
+ "surface-default": "#18192b",
2387
+ "surface-raised": "#242841",
2388
+ "surface-overlay": "#2a2e48",
2389
+ "border-quiet": "#3b4261",
2390
+ "border-normal": "#505878",
2391
+ "border-loud": "#505878",
2392
+ "text-strong": "#c8d3f5",
2393
+ "text-primary": "#c8d3f5",
2394
+ "text-secondary": "#828bb8",
2395
+ "text-disabled": "#828bb899",
2396
+ "fill-neutral-resting": "#2b2f49",
2397
+ "fill-neutral-hovered": "#333751",
2398
+ "fill-neutral-pressed": "#3a3f5a",
2399
+ "fill-neutral-selected": "#383c57",
2400
+ "fill-neutral-disabled": "#282b45",
2401
+ "fill-primary-resting": "#c8d3f5",
2402
+ "fill-primary-hovered": "#b5c0e1",
2403
+ "fill-primary-pressed": "#a8b3d4",
2404
+ "on-primary": "#18192b",
2405
+ "accent": "#82aaff",
2406
+ "fill-accent-resting": "#82aaff",
2407
+ "fill-accent-hovered": "#99bbff",
2408
+ "fill-accent-pressed": "#7ba2f6",
2409
+ "fill-accent-quiet": "#82aaff29",
2410
+ "border-accent": "#82aaff80",
2411
+ "on-accent": "#0b0b0b",
2412
+ "focus": "#82aaff",
2413
+ "link": "#82aaff",
2414
+ "info": "#82aaff",
2415
+ "fill-info-quiet": "#82aaff24",
2416
+ "border-info": "#82aaff73",
2417
+ "success": "#c3e88d",
2418
+ "fill-success-quiet": "#c3e88d24",
2419
+ "border-success": "#c3e88d73",
2420
+ "important": "#c099ff",
2421
+ "fill-important-quiet": "#c099ff24",
2422
+ "border-important": "#c099ff73",
2423
+ "warning": "#ffc777",
2424
+ "fill-warning-quiet": "#ffc77724",
2425
+ "border-warning": "#ffc77773",
2426
+ "danger": "#ff757f",
2427
+ "fill-danger-quiet": "#ff757f24",
2428
+ "border-danger": "#ff757f73"
2429
+ }
2430
+ }
2431
+ },
2432
+ {
2433
+ "id": "tokyo-night-storm",
2434
+ "name": "Tokyo Night Storm",
2435
+ "description": "Tokyo Night Storm, mapped onto the roles so it stays faithful to the Tokyo Night palette.",
2436
+ "optional": true,
2437
+ "family": "Tokyo Night",
2438
+ "examples": [],
2439
+ "style": {
2440
+ "font": "Mona Sans",
2441
+ "mono": "Geist Mono",
2442
+ "radius": {
2443
+ "panel": 10,
2444
+ "control": 8,
2445
+ "chip": 6
2446
+ },
2447
+ "border": {
2448
+ "width": 1,
2449
+ "strength": "hairline"
2450
+ },
2451
+ "weights": {
2452
+ "regular": 400,
2453
+ "strong": 600
2454
+ },
2455
+ "density": "normal",
2456
+ "capitals": false,
2457
+ "link": {
2458
+ "color": "accent",
2459
+ "underline": "thin"
2460
+ },
2461
+ "surfaceAccent": "none",
2462
+ "rows": "cards"
2463
+ },
2464
+ "properties": {
2465
+ "font-sans": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
2466
+ "font-figures": "\"Mona Sans Variable\", \"Mona Sans\", system-ui, sans-serif",
2467
+ "font-mono": "\"Geist Mono Variable\", \"Geist Mono\", ui-monospace, monospace",
2468
+ "font-weight-regular": "400",
2469
+ "font-weight-strong": "600",
2470
+ "density": "1",
2471
+ "space-0-5": "calc(0.125rem * var(--gw-density))",
2472
+ "space-1": "calc(0.25rem * var(--gw-density))",
2473
+ "space-2": "calc(0.5rem * var(--gw-density))",
2474
+ "space-3": "calc(0.75rem * var(--gw-density))",
2475
+ "space-4": "calc(1rem * var(--gw-density))",
2476
+ "space-5": "calc(1.25rem * var(--gw-density))",
2477
+ "space-6": "calc(1.5rem * var(--gw-density))",
2478
+ "space-7": "calc(1.75rem * var(--gw-density))",
2479
+ "space-8": "calc(2rem * var(--gw-density))",
2480
+ "space-9": "calc(2.25rem * var(--gw-density))",
2481
+ "space-10": "calc(2.5rem * var(--gw-density))",
2482
+ "space-11": "calc(2.75rem * var(--gw-density))",
2483
+ "space-12": "calc(3rem * var(--gw-density))",
2484
+ "space-13": "calc(3.25rem * var(--gw-density))",
2485
+ "space-14": "calc(3.5rem * var(--gw-density))",
2486
+ "space-15": "calc(3.75rem * var(--gw-density))",
2487
+ "space-16": "calc(4rem * var(--gw-density))",
2488
+ "space-17": "calc(4.25rem * var(--gw-density))",
2489
+ "space-18": "calc(4.5rem * var(--gw-density))",
2490
+ "space-19": "calc(4.75rem * var(--gw-density))",
2491
+ "space-20": "calc(5rem * var(--gw-density))",
2492
+ "radius-panel": "10px",
2493
+ "radius-control": "8px",
2494
+ "radius-chip": "6px",
2495
+ "border-width": "1px",
2496
+ "border-color": "var(--gw-color-border-quiet)",
2497
+ "label-transform": "none",
2498
+ "label-tracking": "normal",
2499
+ "link-color": "var(--gw-color-link)",
2500
+ "link-underline": "1px",
2501
+ "panel-sheen": "none",
2502
+ "panel-marker": "0px",
2503
+ "panel-flange": "0px",
2504
+ "panel-flange-color": "var(--gw-border-color)",
2505
+ "row-padding": "var(--gw-space-3)"
2506
+ },
2507
+ "modes": {
2508
+ "dark": {
2509
+ "surface-lower": "#1f2335",
2510
+ "surface-low": "#222538",
2511
+ "surface-default": "#24283b",
2512
+ "surface-raised": "#292e42",
2513
+ "surface-overlay": "#2f3449",
2514
+ "border-quiet": "#333a58",
2515
+ "border-normal": "#3b4261",
2516
+ "border-loud": "#505878",
2517
+ "text-strong": "#c0caf5",
2518
+ "text-primary": "#c0caf5",
2519
+ "text-secondary": "#a9b1d6",
2520
+ "text-disabled": "#a9b1d699",
2521
+ "fill-neutral-resting": "#30364a",
2522
+ "fill-neutral-hovered": "#383d52",
2523
+ "fill-neutral-pressed": "#40455b",
2524
+ "fill-neutral-selected": "#3d4358",
2525
+ "fill-neutral-disabled": "#2d3246",
2526
+ "fill-primary-resting": "#c0caf5",
2527
+ "fill-primary-hovered": "#adb7e1",
2528
+ "fill-primary-pressed": "#a1aad4",
2529
+ "on-primary": "#24283b",
2530
+ "accent": "#7aa2f7",
2531
+ "fill-accent-resting": "#7aa2f7",
2532
+ "fill-accent-hovered": "#8db3ff",
2533
+ "fill-accent-pressed": "#739aee",
2534
+ "fill-accent-quiet": "#7aa2f729",
2535
+ "border-accent": "#7aa2f780",
2536
+ "on-accent": "#0b0b0b",
2537
+ "focus": "#7aa2f7",
2538
+ "link": "#7aa2f7",
2539
+ "info": "#7aa2f7",
2540
+ "fill-info-quiet": "#7aa2f724",
2541
+ "border-info": "#7aa2f773",
2542
+ "success": "#9ece6a",
2543
+ "fill-success-quiet": "#9ece6a24",
2544
+ "border-success": "#9ece6a73",
2545
+ "important": "#bb9af7",
2546
+ "fill-important-quiet": "#bb9af724",
2547
+ "border-important": "#bb9af773",
2548
+ "warning": "#e0af68",
2549
+ "fill-warning-quiet": "#e0af6824",
2550
+ "border-warning": "#e0af6873",
2551
+ "danger": "#f7768e",
2552
+ "fill-danger-quiet": "#f7768e24",
2553
+ "border-danger": "#f7768e73"
2554
+ },
2555
+ "darker": {
2556
+ "surface-lower": "#15182a",
2557
+ "surface-low": "#171b2d",
2558
+ "surface-default": "#191d2f",
2559
+ "surface-raised": "#1e2336",
2560
+ "surface-overlay": "#24293d",
2561
+ "border-quiet": "#3b4261",
2562
+ "border-normal": "#505878",
2563
+ "border-loud": "#505878",
2564
+ "text-strong": "#c0caf5",
2565
+ "text-primary": "#c0caf5",
2566
+ "text-secondary": "#a9b1d6",
2567
+ "text-disabled": "#a9b1d699",
2568
+ "fill-neutral-resting": "#252a3e",
2569
+ "fill-neutral-hovered": "#2d3246",
2570
+ "fill-neutral-pressed": "#343a4e",
2571
+ "fill-neutral-selected": "#32374b",
2572
+ "fill-neutral-disabled": "#22273a",
2573
+ "fill-primary-resting": "#c0caf5",
2574
+ "fill-primary-hovered": "#adb7e1",
2575
+ "fill-primary-pressed": "#a1aad4",
2576
+ "on-primary": "#191d2f",
2577
+ "accent": "#7aa2f7",
2578
+ "fill-accent-resting": "#7aa2f7",
2579
+ "fill-accent-hovered": "#8db3ff",
2580
+ "fill-accent-pressed": "#739aee",
2581
+ "fill-accent-quiet": "#7aa2f729",
2582
+ "border-accent": "#7aa2f780",
2583
+ "on-accent": "#0b0b0b",
2584
+ "focus": "#7aa2f7",
2585
+ "link": "#7aa2f7",
2586
+ "info": "#7aa2f7",
2587
+ "fill-info-quiet": "#7aa2f724",
2588
+ "border-info": "#7aa2f773",
2589
+ "success": "#9ece6a",
2590
+ "fill-success-quiet": "#9ece6a24",
2591
+ "border-success": "#9ece6a73",
2592
+ "important": "#bb9af7",
2593
+ "fill-important-quiet": "#bb9af724",
2594
+ "border-important": "#bb9af773",
2595
+ "warning": "#e0af68",
2596
+ "fill-warning-quiet": "#e0af6824",
2597
+ "border-warning": "#e0af6873",
2598
+ "danger": "#f7768e",
2599
+ "fill-danger-quiet": "#f7768e24",
2600
+ "border-danger": "#f7768e73"
2601
+ }
2602
+ }
2603
+ }
2604
+ ] as const;
2605
+
2606
+ export type ThemeId = (typeof themes)[number]["id"];