@oods/tokens 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.
- package/CHANGELOG.md +7 -0
- package/LICENSE +202 -0
- package/NOTICE +2 -0
- package/README.md +47 -0
- package/dist/brand-template.json +1130 -0
- package/dist/brands.cjs +5 -0
- package/dist/brands.d.ts +3 -0
- package/dist/brands.js +2 -0
- package/dist/brands.json +18 -0
- package/dist/compose/OodsTokens.kt +1010 -0
- package/dist/css/tokens.css +1802 -0
- package/dist/css-variables-by-scope.json +6330 -0
- package/dist/index.cjs +20 -0
- package/dist/index.d.ts +35 -0
- package/dist/index.js +11 -0
- package/dist/ios-swift/OodsTokens.swift +1009 -0
- package/dist/tailwind/tokens.json +44701 -0
- package/dist/ts/tokens.ts +43659 -0
- package/package.json +68 -0
|
@@ -0,0 +1,1130 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": 1,
|
|
3
|
+
"defaultBrand": "A",
|
|
4
|
+
"brandId": {
|
|
5
|
+
"pattern": "^(?=.{1,32}$)(?:[A-Z]+[0-9]*|[A-Za-z][a-z0-9]*)$",
|
|
6
|
+
"rule": "capitals then digits (A, ACME, A1), or a letter then lower-case letters and digits (Acme, acme2), at most 32 characters"
|
|
7
|
+
},
|
|
8
|
+
"themes": {
|
|
9
|
+
"base": {
|
|
10
|
+
"label": "light",
|
|
11
|
+
"slots": [
|
|
12
|
+
{
|
|
13
|
+
"slot": "surface.canvas",
|
|
14
|
+
"type": "color",
|
|
15
|
+
"meaning": "Primary application canvas."
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"slot": "surface.raised",
|
|
19
|
+
"type": "color",
|
|
20
|
+
"meaning": "Raised card surface."
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"slot": "surface.subtle",
|
|
24
|
+
"type": "color",
|
|
25
|
+
"meaning": "Subtle secondary surface."
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
"slot": "surface.disabled",
|
|
29
|
+
"type": "color",
|
|
30
|
+
"meaning": "Surface colour for disabled or inactive UI."
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
"slot": "surface.backdrop",
|
|
34
|
+
"type": "color",
|
|
35
|
+
"meaning": "Backdrop scrim surface."
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"slot": "surface.inverse",
|
|
39
|
+
"type": "color",
|
|
40
|
+
"meaning": "Inverse surface for dark-on-light treatments."
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"slot": "surface.interactive.primary.default",
|
|
44
|
+
"type": "color",
|
|
45
|
+
"meaning": "Primary interactive surface default state."
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"slot": "surface.interactive.primary.hover",
|
|
49
|
+
"type": "color",
|
|
50
|
+
"meaning": "Primary interactive surface hover state."
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"slot": "surface.interactive.primary.pressed",
|
|
54
|
+
"type": "color",
|
|
55
|
+
"meaning": "Primary interactive surface pressed state."
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"slot": "border.subtle",
|
|
59
|
+
"type": "color",
|
|
60
|
+
"meaning": "Default border for surfaces."
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"slot": "border.strong",
|
|
64
|
+
"type": "color",
|
|
65
|
+
"meaning": "High-emphasis border."
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"slot": "focus.ring.outer",
|
|
69
|
+
"type": "color",
|
|
70
|
+
"meaning": "Outer focus ring colour."
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"slot": "focus.ring.inner",
|
|
74
|
+
"type": "color",
|
|
75
|
+
"meaning": "Inner focus ring colour."
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"slot": "focus.text",
|
|
79
|
+
"type": "color",
|
|
80
|
+
"meaning": "Focus foreground colour."
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"slot": "text.primary",
|
|
84
|
+
"type": "color",
|
|
85
|
+
"meaning": "Primary reading text."
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"slot": "text.secondary",
|
|
89
|
+
"type": "color",
|
|
90
|
+
"meaning": "Secondary supporting text."
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"slot": "text.muted",
|
|
94
|
+
"type": "color",
|
|
95
|
+
"meaning": "Muted caption text."
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"slot": "text.inverse",
|
|
99
|
+
"type": "color",
|
|
100
|
+
"meaning": "Text on inverse surfaces."
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"slot": "text.onInteractive",
|
|
104
|
+
"type": "color",
|
|
105
|
+
"meaning": "Text and icons on the primary interactive surface (buttons and selected controls)."
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"slot": "text.disabled",
|
|
109
|
+
"type": "color",
|
|
110
|
+
"meaning": "Disabled or de-emphasised text."
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"slot": "text.accent",
|
|
114
|
+
"type": "color",
|
|
115
|
+
"meaning": "Accent text colour."
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"slot": "accent.background",
|
|
119
|
+
"type": "color",
|
|
120
|
+
"meaning": "Background of an accent panel."
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"slot": "accent.border",
|
|
124
|
+
"type": "color",
|
|
125
|
+
"meaning": "Border of an accent panel."
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"slot": "accent.text",
|
|
129
|
+
"type": "color",
|
|
130
|
+
"meaning": "Text on an accent panel."
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"slot": "status.info.surface",
|
|
134
|
+
"type": "color",
|
|
135
|
+
"meaning": "Informational background surface."
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"slot": "status.info.border",
|
|
139
|
+
"type": "color",
|
|
140
|
+
"meaning": "Informational border colour."
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"slot": "status.info.text",
|
|
144
|
+
"type": "color",
|
|
145
|
+
"meaning": "Informational text colour."
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"slot": "status.info.icon",
|
|
149
|
+
"type": "color",
|
|
150
|
+
"meaning": "Informational icon colour."
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"slot": "status.success.surface",
|
|
154
|
+
"type": "color",
|
|
155
|
+
"meaning": "Success feedback background."
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"slot": "status.success.border",
|
|
159
|
+
"type": "color",
|
|
160
|
+
"meaning": "Success border colour."
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"slot": "status.success.text",
|
|
164
|
+
"type": "color",
|
|
165
|
+
"meaning": "Success text colour."
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"slot": "status.success.icon",
|
|
169
|
+
"type": "color",
|
|
170
|
+
"meaning": "Success icon colour."
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"slot": "status.warning.surface",
|
|
174
|
+
"type": "color",
|
|
175
|
+
"meaning": "Warning feedback background."
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"slot": "status.warning.border",
|
|
179
|
+
"type": "color",
|
|
180
|
+
"meaning": "Warning border colour."
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"slot": "status.warning.text",
|
|
184
|
+
"type": "color",
|
|
185
|
+
"meaning": "Warning text colour."
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"slot": "status.warning.icon",
|
|
189
|
+
"type": "color",
|
|
190
|
+
"meaning": "Warning icon colour."
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"slot": "status.critical.surface",
|
|
194
|
+
"type": "color",
|
|
195
|
+
"meaning": "Critical feedback background."
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"slot": "status.critical.border",
|
|
199
|
+
"type": "color",
|
|
200
|
+
"meaning": "Critical border colour."
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"slot": "status.critical.text",
|
|
204
|
+
"type": "color",
|
|
205
|
+
"meaning": "Critical text colour."
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"slot": "status.critical.icon",
|
|
209
|
+
"type": "color",
|
|
210
|
+
"meaning": "Critical icon colour."
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"slot": "status.neutral.surface",
|
|
214
|
+
"type": "color",
|
|
215
|
+
"meaning": "Neutral feedback background."
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"slot": "status.neutral.border",
|
|
219
|
+
"type": "color",
|
|
220
|
+
"meaning": "Neutral border colour."
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"slot": "status.neutral.text",
|
|
224
|
+
"type": "color",
|
|
225
|
+
"meaning": "Neutral text colour."
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"slot": "status.neutral.icon",
|
|
229
|
+
"type": "color",
|
|
230
|
+
"meaning": "Neutral icon colour."
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"slot": "status.accent.surface",
|
|
234
|
+
"type": "color",
|
|
235
|
+
"meaning": "Accent feedback background."
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"slot": "status.accent.border",
|
|
239
|
+
"type": "color",
|
|
240
|
+
"meaning": "Accent border colour."
|
|
241
|
+
},
|
|
242
|
+
{
|
|
243
|
+
"slot": "status.accent.text",
|
|
244
|
+
"type": "color",
|
|
245
|
+
"meaning": "Accent text colour."
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"slot": "status.accent.icon",
|
|
249
|
+
"type": "color",
|
|
250
|
+
"meaning": "Accent icon colour."
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"slot": "viz.scale.categorical.05",
|
|
254
|
+
"type": "color",
|
|
255
|
+
"meaning": "Series colour 5 of 6, for categories that have no order."
|
|
256
|
+
}
|
|
257
|
+
]
|
|
258
|
+
},
|
|
259
|
+
"dark": {
|
|
260
|
+
"label": "dark",
|
|
261
|
+
"slots": [
|
|
262
|
+
{
|
|
263
|
+
"slot": "surface.canvas",
|
|
264
|
+
"type": "color",
|
|
265
|
+
"meaning": "Primary application canvas."
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"slot": "surface.raised",
|
|
269
|
+
"type": "color",
|
|
270
|
+
"meaning": "Raised card surface."
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"slot": "surface.subtle",
|
|
274
|
+
"type": "color",
|
|
275
|
+
"meaning": "Subtle secondary surface."
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"slot": "surface.disabled",
|
|
279
|
+
"type": "color",
|
|
280
|
+
"meaning": "Surface colour for disabled or inactive UI."
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"slot": "surface.backdrop",
|
|
284
|
+
"type": "color",
|
|
285
|
+
"meaning": "Backdrop scrim surface."
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"slot": "surface.inverse",
|
|
289
|
+
"type": "color",
|
|
290
|
+
"meaning": "Inverse surface for dark-on-light treatments."
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"slot": "surface.interactive.primary.default",
|
|
294
|
+
"type": "color",
|
|
295
|
+
"meaning": "Primary interactive surface default state."
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"slot": "surface.interactive.primary.hover",
|
|
299
|
+
"type": "color",
|
|
300
|
+
"meaning": "Primary interactive surface hover state."
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"slot": "surface.interactive.primary.pressed",
|
|
304
|
+
"type": "color",
|
|
305
|
+
"meaning": "Primary interactive surface pressed state."
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"slot": "border.subtle",
|
|
309
|
+
"type": "color",
|
|
310
|
+
"meaning": "Default border for surfaces."
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"slot": "border.strong",
|
|
314
|
+
"type": "color",
|
|
315
|
+
"meaning": "High-emphasis border."
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"slot": "focus.ring.outer",
|
|
319
|
+
"type": "color",
|
|
320
|
+
"meaning": "Outer focus ring colour."
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"slot": "focus.ring.inner",
|
|
324
|
+
"type": "color",
|
|
325
|
+
"meaning": "Inner focus ring colour."
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"slot": "focus.text",
|
|
329
|
+
"type": "color",
|
|
330
|
+
"meaning": "Focus foreground colour."
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"slot": "text.primary",
|
|
334
|
+
"type": "color",
|
|
335
|
+
"meaning": "Primary reading text."
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"slot": "text.secondary",
|
|
339
|
+
"type": "color",
|
|
340
|
+
"meaning": "Secondary supporting text."
|
|
341
|
+
},
|
|
342
|
+
{
|
|
343
|
+
"slot": "text.muted",
|
|
344
|
+
"type": "color",
|
|
345
|
+
"meaning": "Muted caption text."
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"slot": "text.inverse",
|
|
349
|
+
"type": "color",
|
|
350
|
+
"meaning": "Text on inverse surfaces."
|
|
351
|
+
},
|
|
352
|
+
{
|
|
353
|
+
"slot": "text.onInteractive",
|
|
354
|
+
"type": "color",
|
|
355
|
+
"meaning": "Text and icons on the primary interactive surface (buttons and selected controls)."
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"slot": "text.disabled",
|
|
359
|
+
"type": "color",
|
|
360
|
+
"meaning": "Disabled or de-emphasised text."
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"slot": "text.accent",
|
|
364
|
+
"type": "color",
|
|
365
|
+
"meaning": "Accent text colour."
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"slot": "accent.background",
|
|
369
|
+
"type": "color",
|
|
370
|
+
"meaning": "Background of an accent panel."
|
|
371
|
+
},
|
|
372
|
+
{
|
|
373
|
+
"slot": "accent.border",
|
|
374
|
+
"type": "color",
|
|
375
|
+
"meaning": "Border of an accent panel."
|
|
376
|
+
},
|
|
377
|
+
{
|
|
378
|
+
"slot": "accent.text",
|
|
379
|
+
"type": "color",
|
|
380
|
+
"meaning": "Text on an accent panel."
|
|
381
|
+
},
|
|
382
|
+
{
|
|
383
|
+
"slot": "status.info.surface",
|
|
384
|
+
"type": "color",
|
|
385
|
+
"meaning": "Informational background surface."
|
|
386
|
+
},
|
|
387
|
+
{
|
|
388
|
+
"slot": "status.info.border",
|
|
389
|
+
"type": "color",
|
|
390
|
+
"meaning": "Informational border colour."
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"slot": "status.info.text",
|
|
394
|
+
"type": "color",
|
|
395
|
+
"meaning": "Informational text colour."
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"slot": "status.info.icon",
|
|
399
|
+
"type": "color",
|
|
400
|
+
"meaning": "Informational icon colour."
|
|
401
|
+
},
|
|
402
|
+
{
|
|
403
|
+
"slot": "status.success.surface",
|
|
404
|
+
"type": "color",
|
|
405
|
+
"meaning": "Success feedback background."
|
|
406
|
+
},
|
|
407
|
+
{
|
|
408
|
+
"slot": "status.success.border",
|
|
409
|
+
"type": "color",
|
|
410
|
+
"meaning": "Success border colour."
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"slot": "status.success.text",
|
|
414
|
+
"type": "color",
|
|
415
|
+
"meaning": "Success text colour."
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"slot": "status.success.icon",
|
|
419
|
+
"type": "color",
|
|
420
|
+
"meaning": "Success icon colour."
|
|
421
|
+
},
|
|
422
|
+
{
|
|
423
|
+
"slot": "status.warning.surface",
|
|
424
|
+
"type": "color",
|
|
425
|
+
"meaning": "Warning feedback background."
|
|
426
|
+
},
|
|
427
|
+
{
|
|
428
|
+
"slot": "status.warning.border",
|
|
429
|
+
"type": "color",
|
|
430
|
+
"meaning": "Warning border colour."
|
|
431
|
+
},
|
|
432
|
+
{
|
|
433
|
+
"slot": "status.warning.text",
|
|
434
|
+
"type": "color",
|
|
435
|
+
"meaning": "Warning text colour."
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"slot": "status.warning.icon",
|
|
439
|
+
"type": "color",
|
|
440
|
+
"meaning": "Warning icon colour."
|
|
441
|
+
},
|
|
442
|
+
{
|
|
443
|
+
"slot": "status.critical.surface",
|
|
444
|
+
"type": "color",
|
|
445
|
+
"meaning": "Critical feedback background."
|
|
446
|
+
},
|
|
447
|
+
{
|
|
448
|
+
"slot": "status.critical.border",
|
|
449
|
+
"type": "color",
|
|
450
|
+
"meaning": "Critical border colour."
|
|
451
|
+
},
|
|
452
|
+
{
|
|
453
|
+
"slot": "status.critical.text",
|
|
454
|
+
"type": "color",
|
|
455
|
+
"meaning": "Critical text colour."
|
|
456
|
+
},
|
|
457
|
+
{
|
|
458
|
+
"slot": "status.critical.icon",
|
|
459
|
+
"type": "color",
|
|
460
|
+
"meaning": "Critical icon colour."
|
|
461
|
+
},
|
|
462
|
+
{
|
|
463
|
+
"slot": "status.neutral.surface",
|
|
464
|
+
"type": "color",
|
|
465
|
+
"meaning": "Neutral feedback background."
|
|
466
|
+
},
|
|
467
|
+
{
|
|
468
|
+
"slot": "status.neutral.border",
|
|
469
|
+
"type": "color",
|
|
470
|
+
"meaning": "Neutral border colour."
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"slot": "status.neutral.text",
|
|
474
|
+
"type": "color",
|
|
475
|
+
"meaning": "Neutral text colour."
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"slot": "status.neutral.icon",
|
|
479
|
+
"type": "color",
|
|
480
|
+
"meaning": "Neutral icon colour."
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"slot": "status.accent.surface",
|
|
484
|
+
"type": "color",
|
|
485
|
+
"meaning": "Accent feedback background."
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"slot": "status.accent.border",
|
|
489
|
+
"type": "color",
|
|
490
|
+
"meaning": "Accent border colour."
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"slot": "status.accent.text",
|
|
494
|
+
"type": "color",
|
|
495
|
+
"meaning": "Accent text colour."
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"slot": "status.accent.icon",
|
|
499
|
+
"type": "color",
|
|
500
|
+
"meaning": "Accent icon colour."
|
|
501
|
+
},
|
|
502
|
+
{
|
|
503
|
+
"slot": "viz.mark.single",
|
|
504
|
+
"type": "color",
|
|
505
|
+
"meaning": "Colour of a chart that draws a single series."
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
"slot": "viz.scale.categorical.01",
|
|
509
|
+
"type": "color",
|
|
510
|
+
"meaning": "Series colour 1 of 6, for categories that have no order."
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"slot": "viz.scale.categorical.02",
|
|
514
|
+
"type": "color",
|
|
515
|
+
"meaning": "Series colour 2 of 6, for categories that have no order."
|
|
516
|
+
},
|
|
517
|
+
{
|
|
518
|
+
"slot": "viz.scale.categorical.03",
|
|
519
|
+
"type": "color",
|
|
520
|
+
"meaning": "Series colour 3 of 6, for categories that have no order."
|
|
521
|
+
},
|
|
522
|
+
{
|
|
523
|
+
"slot": "viz.scale.categorical.04",
|
|
524
|
+
"type": "color",
|
|
525
|
+
"meaning": "Series colour 4 of 6, for categories that have no order."
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"slot": "viz.scale.categorical.05",
|
|
529
|
+
"type": "color",
|
|
530
|
+
"meaning": "Series colour 5 of 6, for categories that have no order."
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"slot": "viz.scale.categorical.06",
|
|
534
|
+
"type": "color",
|
|
535
|
+
"meaning": "Series colour 6 of 6, for categories that have no order."
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"slot": "viz.scale.sequential.01",
|
|
539
|
+
"type": "color",
|
|
540
|
+
"meaning": "Step 1 of 9 of the ordered scale (01 is the low end)."
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"slot": "viz.scale.sequential.02",
|
|
544
|
+
"type": "color",
|
|
545
|
+
"meaning": "Step 2 of 9 of the ordered scale (01 is the low end)."
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"slot": "viz.scale.sequential.03",
|
|
549
|
+
"type": "color",
|
|
550
|
+
"meaning": "Step 3 of 9 of the ordered scale (01 is the low end)."
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"slot": "viz.scale.sequential.04",
|
|
554
|
+
"type": "color",
|
|
555
|
+
"meaning": "Step 4 of 9 of the ordered scale (01 is the low end)."
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"slot": "viz.scale.sequential.05",
|
|
559
|
+
"type": "color",
|
|
560
|
+
"meaning": "Step 5 of 9 of the ordered scale (01 is the low end)."
|
|
561
|
+
},
|
|
562
|
+
{
|
|
563
|
+
"slot": "viz.scale.sequential.06",
|
|
564
|
+
"type": "color",
|
|
565
|
+
"meaning": "Step 6 of 9 of the ordered scale (01 is the low end)."
|
|
566
|
+
},
|
|
567
|
+
{
|
|
568
|
+
"slot": "viz.scale.sequential.07",
|
|
569
|
+
"type": "color",
|
|
570
|
+
"meaning": "Step 7 of 9 of the ordered scale (01 is the low end)."
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"slot": "viz.scale.sequential.08",
|
|
574
|
+
"type": "color",
|
|
575
|
+
"meaning": "Step 8 of 9 of the ordered scale (01 is the low end)."
|
|
576
|
+
},
|
|
577
|
+
{
|
|
578
|
+
"slot": "viz.scale.sequential.09",
|
|
579
|
+
"type": "color",
|
|
580
|
+
"meaning": "Step 9 of 9 of the ordered scale (01 is the low end)."
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"slot": "viz.scale.diverging.neg-01",
|
|
584
|
+
"type": "color",
|
|
585
|
+
"meaning": "Step 1 of 5 below the midpoint of the diverging scale."
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"slot": "viz.scale.diverging.pos-01",
|
|
589
|
+
"type": "color",
|
|
590
|
+
"meaning": "Step 1 of 5 above the midpoint of the diverging scale."
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"slot": "viz.scale.diverging.neg-02",
|
|
594
|
+
"type": "color",
|
|
595
|
+
"meaning": "Step 2 of 5 below the midpoint of the diverging scale."
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"slot": "viz.scale.diverging.pos-02",
|
|
599
|
+
"type": "color",
|
|
600
|
+
"meaning": "Step 2 of 5 above the midpoint of the diverging scale."
|
|
601
|
+
},
|
|
602
|
+
{
|
|
603
|
+
"slot": "viz.scale.diverging.neg-03",
|
|
604
|
+
"type": "color",
|
|
605
|
+
"meaning": "Step 3 of 5 below the midpoint of the diverging scale."
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"slot": "viz.scale.diverging.pos-03",
|
|
609
|
+
"type": "color",
|
|
610
|
+
"meaning": "Step 3 of 5 above the midpoint of the diverging scale."
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"slot": "viz.scale.diverging.neg-04",
|
|
614
|
+
"type": "color",
|
|
615
|
+
"meaning": "Step 4 of 5 below the midpoint of the diverging scale."
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"slot": "viz.scale.diverging.pos-04",
|
|
619
|
+
"type": "color",
|
|
620
|
+
"meaning": "Step 4 of 5 above the midpoint of the diverging scale."
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"slot": "viz.scale.diverging.neg-05",
|
|
624
|
+
"type": "color",
|
|
625
|
+
"meaning": "Step 5 of 5 below the midpoint of the diverging scale."
|
|
626
|
+
},
|
|
627
|
+
{
|
|
628
|
+
"slot": "viz.scale.diverging.pos-05",
|
|
629
|
+
"type": "color",
|
|
630
|
+
"meaning": "Step 5 of 5 above the midpoint of the diverging scale."
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"slot": "viz.scale.diverging.neutral",
|
|
634
|
+
"type": "color",
|
|
635
|
+
"meaning": "Midpoint of the diverging scale."
|
|
636
|
+
}
|
|
637
|
+
]
|
|
638
|
+
},
|
|
639
|
+
"hc": {
|
|
640
|
+
"label": "high contrast",
|
|
641
|
+
"slots": [
|
|
642
|
+
{
|
|
643
|
+
"slot": "surface.canvas",
|
|
644
|
+
"type": "color",
|
|
645
|
+
"meaning": "Primary application canvas."
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"slot": "surface.raised",
|
|
649
|
+
"type": "color",
|
|
650
|
+
"meaning": "Raised card surface."
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"slot": "surface.subtle",
|
|
654
|
+
"type": "color",
|
|
655
|
+
"meaning": "Subtle secondary surface."
|
|
656
|
+
},
|
|
657
|
+
{
|
|
658
|
+
"slot": "surface.disabled",
|
|
659
|
+
"type": "color",
|
|
660
|
+
"meaning": "Surface colour for disabled or inactive UI."
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"slot": "surface.backdrop",
|
|
664
|
+
"type": "color",
|
|
665
|
+
"meaning": "Backdrop scrim surface."
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"slot": "surface.inverse",
|
|
669
|
+
"type": "color",
|
|
670
|
+
"meaning": "Inverse surface for dark-on-light treatments."
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"slot": "surface.interactive.primary.default",
|
|
674
|
+
"type": "color",
|
|
675
|
+
"meaning": "Primary interactive surface default state."
|
|
676
|
+
},
|
|
677
|
+
{
|
|
678
|
+
"slot": "surface.interactive.primary.hover",
|
|
679
|
+
"type": "color",
|
|
680
|
+
"meaning": "Primary interactive surface hover state."
|
|
681
|
+
},
|
|
682
|
+
{
|
|
683
|
+
"slot": "surface.interactive.primary.pressed",
|
|
684
|
+
"type": "color",
|
|
685
|
+
"meaning": "Primary interactive surface pressed state."
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"slot": "border.subtle",
|
|
689
|
+
"type": "color",
|
|
690
|
+
"meaning": "Default border for surfaces."
|
|
691
|
+
},
|
|
692
|
+
{
|
|
693
|
+
"slot": "border.strong",
|
|
694
|
+
"type": "color",
|
|
695
|
+
"meaning": "High-emphasis border."
|
|
696
|
+
},
|
|
697
|
+
{
|
|
698
|
+
"slot": "focus.ring.outer",
|
|
699
|
+
"type": "color",
|
|
700
|
+
"meaning": "Outer focus ring colour."
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"slot": "focus.ring.inner",
|
|
704
|
+
"type": "color",
|
|
705
|
+
"meaning": "Inner focus ring colour."
|
|
706
|
+
},
|
|
707
|
+
{
|
|
708
|
+
"slot": "focus.text",
|
|
709
|
+
"type": "color",
|
|
710
|
+
"meaning": "Focus foreground colour."
|
|
711
|
+
},
|
|
712
|
+
{
|
|
713
|
+
"slot": "text.primary",
|
|
714
|
+
"type": "color",
|
|
715
|
+
"meaning": "Primary reading text."
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"slot": "text.secondary",
|
|
719
|
+
"type": "color",
|
|
720
|
+
"meaning": "Secondary supporting text."
|
|
721
|
+
},
|
|
722
|
+
{
|
|
723
|
+
"slot": "text.muted",
|
|
724
|
+
"type": "color",
|
|
725
|
+
"meaning": "Muted caption text."
|
|
726
|
+
},
|
|
727
|
+
{
|
|
728
|
+
"slot": "text.inverse",
|
|
729
|
+
"type": "color",
|
|
730
|
+
"meaning": "Text on inverse surfaces."
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"slot": "text.onInteractive",
|
|
734
|
+
"type": "color",
|
|
735
|
+
"meaning": "Text and icons on the primary interactive surface (buttons and selected controls)."
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"slot": "text.disabled",
|
|
739
|
+
"type": "color",
|
|
740
|
+
"meaning": "Disabled or de-emphasised text."
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"slot": "text.accent",
|
|
744
|
+
"type": "color",
|
|
745
|
+
"meaning": "Accent text colour."
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"slot": "accent.background",
|
|
749
|
+
"type": "color",
|
|
750
|
+
"meaning": "Background of an accent panel."
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"slot": "accent.border",
|
|
754
|
+
"type": "color",
|
|
755
|
+
"meaning": "Border of an accent panel."
|
|
756
|
+
},
|
|
757
|
+
{
|
|
758
|
+
"slot": "accent.text",
|
|
759
|
+
"type": "color",
|
|
760
|
+
"meaning": "Text on an accent panel."
|
|
761
|
+
},
|
|
762
|
+
{
|
|
763
|
+
"slot": "status.info.surface",
|
|
764
|
+
"type": "color",
|
|
765
|
+
"meaning": "Informational background surface."
|
|
766
|
+
},
|
|
767
|
+
{
|
|
768
|
+
"slot": "status.info.border",
|
|
769
|
+
"type": "color",
|
|
770
|
+
"meaning": "Informational border colour."
|
|
771
|
+
},
|
|
772
|
+
{
|
|
773
|
+
"slot": "status.info.text",
|
|
774
|
+
"type": "color",
|
|
775
|
+
"meaning": "Informational text colour."
|
|
776
|
+
},
|
|
777
|
+
{
|
|
778
|
+
"slot": "status.info.icon",
|
|
779
|
+
"type": "color",
|
|
780
|
+
"meaning": "Informational icon colour."
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"slot": "status.success.surface",
|
|
784
|
+
"type": "color",
|
|
785
|
+
"meaning": "Success feedback background."
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"slot": "status.success.border",
|
|
789
|
+
"type": "color",
|
|
790
|
+
"meaning": "Success border colour."
|
|
791
|
+
},
|
|
792
|
+
{
|
|
793
|
+
"slot": "status.success.text",
|
|
794
|
+
"type": "color",
|
|
795
|
+
"meaning": "Success text colour."
|
|
796
|
+
},
|
|
797
|
+
{
|
|
798
|
+
"slot": "status.success.icon",
|
|
799
|
+
"type": "color",
|
|
800
|
+
"meaning": "Success icon colour."
|
|
801
|
+
},
|
|
802
|
+
{
|
|
803
|
+
"slot": "status.warning.surface",
|
|
804
|
+
"type": "color",
|
|
805
|
+
"meaning": "Warning feedback background."
|
|
806
|
+
},
|
|
807
|
+
{
|
|
808
|
+
"slot": "status.warning.border",
|
|
809
|
+
"type": "color",
|
|
810
|
+
"meaning": "Warning border colour."
|
|
811
|
+
},
|
|
812
|
+
{
|
|
813
|
+
"slot": "status.warning.text",
|
|
814
|
+
"type": "color",
|
|
815
|
+
"meaning": "Warning text colour."
|
|
816
|
+
},
|
|
817
|
+
{
|
|
818
|
+
"slot": "status.warning.icon",
|
|
819
|
+
"type": "color",
|
|
820
|
+
"meaning": "Warning icon colour."
|
|
821
|
+
},
|
|
822
|
+
{
|
|
823
|
+
"slot": "status.critical.surface",
|
|
824
|
+
"type": "color",
|
|
825
|
+
"meaning": "Critical feedback background."
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"slot": "status.critical.border",
|
|
829
|
+
"type": "color",
|
|
830
|
+
"meaning": "Critical border colour."
|
|
831
|
+
},
|
|
832
|
+
{
|
|
833
|
+
"slot": "status.critical.text",
|
|
834
|
+
"type": "color",
|
|
835
|
+
"meaning": "Critical text colour."
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"slot": "status.critical.icon",
|
|
839
|
+
"type": "color",
|
|
840
|
+
"meaning": "Critical icon colour."
|
|
841
|
+
},
|
|
842
|
+
{
|
|
843
|
+
"slot": "status.neutral.surface",
|
|
844
|
+
"type": "color",
|
|
845
|
+
"meaning": "Neutral feedback background."
|
|
846
|
+
},
|
|
847
|
+
{
|
|
848
|
+
"slot": "status.neutral.border",
|
|
849
|
+
"type": "color",
|
|
850
|
+
"meaning": "Neutral border colour."
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"slot": "status.neutral.text",
|
|
854
|
+
"type": "color",
|
|
855
|
+
"meaning": "Neutral text colour."
|
|
856
|
+
},
|
|
857
|
+
{
|
|
858
|
+
"slot": "status.neutral.icon",
|
|
859
|
+
"type": "color",
|
|
860
|
+
"meaning": "Neutral icon colour."
|
|
861
|
+
},
|
|
862
|
+
{
|
|
863
|
+
"slot": "status.accent.surface",
|
|
864
|
+
"type": "color",
|
|
865
|
+
"meaning": "Accent feedback background."
|
|
866
|
+
},
|
|
867
|
+
{
|
|
868
|
+
"slot": "status.accent.border",
|
|
869
|
+
"type": "color",
|
|
870
|
+
"meaning": "Accent border colour."
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"slot": "status.accent.text",
|
|
874
|
+
"type": "color",
|
|
875
|
+
"meaning": "Accent text colour."
|
|
876
|
+
},
|
|
877
|
+
{
|
|
878
|
+
"slot": "status.accent.icon",
|
|
879
|
+
"type": "color",
|
|
880
|
+
"meaning": "Accent icon colour."
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"slot": "viz.mark.single",
|
|
884
|
+
"type": "color",
|
|
885
|
+
"meaning": "Colour of a chart that draws a single series."
|
|
886
|
+
},
|
|
887
|
+
{
|
|
888
|
+
"slot": "viz.scale.categorical.01",
|
|
889
|
+
"type": "color",
|
|
890
|
+
"meaning": "Series colour 1 of 6, for categories that have no order."
|
|
891
|
+
},
|
|
892
|
+
{
|
|
893
|
+
"slot": "viz.scale.categorical.02",
|
|
894
|
+
"type": "color",
|
|
895
|
+
"meaning": "Series colour 2 of 6, for categories that have no order."
|
|
896
|
+
},
|
|
897
|
+
{
|
|
898
|
+
"slot": "viz.scale.categorical.03",
|
|
899
|
+
"type": "color",
|
|
900
|
+
"meaning": "Series colour 3 of 6, for categories that have no order."
|
|
901
|
+
},
|
|
902
|
+
{
|
|
903
|
+
"slot": "viz.scale.categorical.04",
|
|
904
|
+
"type": "color",
|
|
905
|
+
"meaning": "Series colour 4 of 6, for categories that have no order."
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"slot": "viz.scale.categorical.05",
|
|
909
|
+
"type": "color",
|
|
910
|
+
"meaning": "Series colour 5 of 6, for categories that have no order."
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"slot": "viz.scale.categorical.06",
|
|
914
|
+
"type": "color",
|
|
915
|
+
"meaning": "Series colour 6 of 6, for categories that have no order."
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"slot": "viz.scale.sequential.01",
|
|
919
|
+
"type": "color",
|
|
920
|
+
"meaning": "Step 1 of 9 of the ordered scale (01 is the low end)."
|
|
921
|
+
},
|
|
922
|
+
{
|
|
923
|
+
"slot": "viz.scale.sequential.02",
|
|
924
|
+
"type": "color",
|
|
925
|
+
"meaning": "Step 2 of 9 of the ordered scale (01 is the low end)."
|
|
926
|
+
},
|
|
927
|
+
{
|
|
928
|
+
"slot": "viz.scale.sequential.03",
|
|
929
|
+
"type": "color",
|
|
930
|
+
"meaning": "Step 3 of 9 of the ordered scale (01 is the low end)."
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"slot": "viz.scale.sequential.04",
|
|
934
|
+
"type": "color",
|
|
935
|
+
"meaning": "Step 4 of 9 of the ordered scale (01 is the low end)."
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"slot": "viz.scale.sequential.05",
|
|
939
|
+
"type": "color",
|
|
940
|
+
"meaning": "Step 5 of 9 of the ordered scale (01 is the low end)."
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"slot": "viz.scale.sequential.06",
|
|
944
|
+
"type": "color",
|
|
945
|
+
"meaning": "Step 6 of 9 of the ordered scale (01 is the low end)."
|
|
946
|
+
},
|
|
947
|
+
{
|
|
948
|
+
"slot": "viz.scale.sequential.07",
|
|
949
|
+
"type": "color",
|
|
950
|
+
"meaning": "Step 7 of 9 of the ordered scale (01 is the low end)."
|
|
951
|
+
},
|
|
952
|
+
{
|
|
953
|
+
"slot": "viz.scale.sequential.08",
|
|
954
|
+
"type": "color",
|
|
955
|
+
"meaning": "Step 8 of 9 of the ordered scale (01 is the low end)."
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
"slot": "viz.scale.sequential.09",
|
|
959
|
+
"type": "color",
|
|
960
|
+
"meaning": "Step 9 of 9 of the ordered scale (01 is the low end)."
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"slot": "viz.scale.diverging.neg-01",
|
|
964
|
+
"type": "color",
|
|
965
|
+
"meaning": "Step 1 of 5 below the midpoint of the diverging scale."
|
|
966
|
+
},
|
|
967
|
+
{
|
|
968
|
+
"slot": "viz.scale.diverging.pos-01",
|
|
969
|
+
"type": "color",
|
|
970
|
+
"meaning": "Step 1 of 5 above the midpoint of the diverging scale."
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"slot": "viz.scale.diverging.neg-02",
|
|
974
|
+
"type": "color",
|
|
975
|
+
"meaning": "Step 2 of 5 below the midpoint of the diverging scale."
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"slot": "viz.scale.diverging.pos-02",
|
|
979
|
+
"type": "color",
|
|
980
|
+
"meaning": "Step 2 of 5 above the midpoint of the diverging scale."
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"slot": "viz.scale.diverging.neg-03",
|
|
984
|
+
"type": "color",
|
|
985
|
+
"meaning": "Step 3 of 5 below the midpoint of the diverging scale."
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"slot": "viz.scale.diverging.pos-03",
|
|
989
|
+
"type": "color",
|
|
990
|
+
"meaning": "Step 3 of 5 above the midpoint of the diverging scale."
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
"slot": "viz.scale.diverging.neg-04",
|
|
994
|
+
"type": "color",
|
|
995
|
+
"meaning": "Step 4 of 5 below the midpoint of the diverging scale."
|
|
996
|
+
},
|
|
997
|
+
{
|
|
998
|
+
"slot": "viz.scale.diverging.pos-04",
|
|
999
|
+
"type": "color",
|
|
1000
|
+
"meaning": "Step 4 of 5 above the midpoint of the diverging scale."
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
"slot": "viz.scale.diverging.neg-05",
|
|
1004
|
+
"type": "color",
|
|
1005
|
+
"meaning": "Step 5 of 5 below the midpoint of the diverging scale."
|
|
1006
|
+
},
|
|
1007
|
+
{
|
|
1008
|
+
"slot": "viz.scale.diverging.pos-05",
|
|
1009
|
+
"type": "color",
|
|
1010
|
+
"meaning": "Step 5 of 5 above the midpoint of the diverging scale."
|
|
1011
|
+
},
|
|
1012
|
+
{
|
|
1013
|
+
"slot": "viz.scale.diverging.neutral",
|
|
1014
|
+
"type": "color",
|
|
1015
|
+
"meaning": "Midpoint of the diverging scale."
|
|
1016
|
+
}
|
|
1017
|
+
]
|
|
1018
|
+
}
|
|
1019
|
+
},
|
|
1020
|
+
"fixed": [
|
|
1021
|
+
{
|
|
1022
|
+
"theme": "base",
|
|
1023
|
+
"slot": "viz.scale.categorical.05",
|
|
1024
|
+
"value": "oklch(0.45 0.163056 257.5)",
|
|
1025
|
+
"reason": "Every brand's light-theme file loads in every brand's scope, so a light-theme chart colour must be the same in every brand; it stays at the shipped value. A brand sets its own chart colours in dark and high contrast."
|
|
1026
|
+
}
|
|
1027
|
+
],
|
|
1028
|
+
"systemColours": [
|
|
1029
|
+
"AccentColor",
|
|
1030
|
+
"AccentColorText",
|
|
1031
|
+
"ActiveText",
|
|
1032
|
+
"ButtonBorder",
|
|
1033
|
+
"ButtonFace",
|
|
1034
|
+
"ButtonText",
|
|
1035
|
+
"Canvas",
|
|
1036
|
+
"CanvasText",
|
|
1037
|
+
"Field",
|
|
1038
|
+
"FieldText",
|
|
1039
|
+
"GrayText",
|
|
1040
|
+
"Highlight",
|
|
1041
|
+
"HighlightText",
|
|
1042
|
+
"LinkText",
|
|
1043
|
+
"Mark",
|
|
1044
|
+
"MarkText",
|
|
1045
|
+
"SelectedItem",
|
|
1046
|
+
"SelectedItemText",
|
|
1047
|
+
"VisitedText"
|
|
1048
|
+
],
|
|
1049
|
+
"presets": [
|
|
1050
|
+
{
|
|
1051
|
+
"id": "corporate-blue",
|
|
1052
|
+
"description": "Corporate Blue preset — professional, trust-forward palette with deep blue primaries and neutral grays. Suitable for B2B dashboards, enterprise tools, and financial interfaces. It sets 15 slots over brand A's light values, in the light theme; every other slot starts from brand A. Load it as a starting point with brand.intake (action \"template\", from { \"preset\": \"corporate-blue\" }), then validate and create the brand. Brand-relative: no color.brand.<id> wrapper, so it serves any brand.",
|
|
1053
|
+
"themes": {
|
|
1054
|
+
"base": "base"
|
|
1055
|
+
},
|
|
1056
|
+
"values": {
|
|
1057
|
+
"surface.canvas": "oklch(0.975 0.008 240)",
|
|
1058
|
+
"surface.raised": "oklch(0.99 0.003 240)",
|
|
1059
|
+
"surface.subtle": "oklch(0.945 0.012 240)",
|
|
1060
|
+
"surface.interactive.primary.default": "oklch(0.48 0.2 250)",
|
|
1061
|
+
"surface.interactive.primary.hover": "oklch(0.42 0.21 250)",
|
|
1062
|
+
"surface.interactive.primary.pressed": "oklch(0.36 0.22 250)",
|
|
1063
|
+
"text.primary": "oklch(0.22 0.02 260)",
|
|
1064
|
+
"text.secondary": "oklch(0.42 0.015 260)",
|
|
1065
|
+
"text.accent": "oklch(0.48 0.18 250)",
|
|
1066
|
+
"text.onInteractive": "oklch(0.98 0.005 240)",
|
|
1067
|
+
"border.subtle": "oklch(0.88 0.008 240)",
|
|
1068
|
+
"border.strong": "oklch(0.65 0.03 250)",
|
|
1069
|
+
"accent.background": "oklch(0.93 0.035 250)",
|
|
1070
|
+
"accent.border": "oklch(0.7 0.12 250)",
|
|
1071
|
+
"accent.text": "oklch(0.44 0.16 250)"
|
|
1072
|
+
}
|
|
1073
|
+
},
|
|
1074
|
+
{
|
|
1075
|
+
"id": "dark-minimal",
|
|
1076
|
+
"description": "Dark Minimal preset — sleek dark-mode palette with muted green accents and low-chroma neutrals. Suitable for developer tools, code editors, terminal UIs, and monitoring dashboards. It sets 21 slots over brand A's dark values, in both the light and the dark theme; every other slot starts from brand A. Load it as a starting point with brand.intake (action \"template\", from { \"preset\": \"dark-minimal\" }), then validate and create the brand. Brand-relative: no color.brand.<id> wrapper, so it serves any brand.",
|
|
1077
|
+
"themes": {
|
|
1078
|
+
"base": "dark",
|
|
1079
|
+
"dark": "dark"
|
|
1080
|
+
},
|
|
1081
|
+
"values": {
|
|
1082
|
+
"surface.canvas": "oklch(0.2 0.005 260)",
|
|
1083
|
+
"surface.raised": "oklch(0.25 0.008 260)",
|
|
1084
|
+
"surface.subtle": "oklch(0.3 0.01 260)",
|
|
1085
|
+
"surface.disabled": "oklch(0.28 0.005 260)",
|
|
1086
|
+
"surface.backdrop": "oklch(0.12 0.003 260)",
|
|
1087
|
+
"surface.inverse": "oklch(0.92 0.008 260)",
|
|
1088
|
+
"surface.interactive.primary.default": "oklch(0.65 0.15 155)",
|
|
1089
|
+
"surface.interactive.primary.hover": "oklch(0.7 0.17 155)",
|
|
1090
|
+
"surface.interactive.primary.pressed": "oklch(0.6 0.14 155)",
|
|
1091
|
+
"text.primary": "oklch(0.88 0.008 260)",
|
|
1092
|
+
"text.secondary": "oklch(0.76 0.01 260)",
|
|
1093
|
+
"text.muted": "oklch(0.67 0.008 260)",
|
|
1094
|
+
"text.inverse": "oklch(0.2 0.005 260)",
|
|
1095
|
+
"text.accent": "oklch(0.7 0.14 155)",
|
|
1096
|
+
"text.onInteractive": "oklch(0.15 0.005 155)",
|
|
1097
|
+
"text.disabled": "oklch(0.4 0.005 260)",
|
|
1098
|
+
"border.subtle": "oklch(0.35 0.008 260)",
|
|
1099
|
+
"border.strong": "oklch(0.5 0.02 260)",
|
|
1100
|
+
"accent.background": "oklch(0.28 0.04 155)",
|
|
1101
|
+
"accent.border": "oklch(0.5 0.1 155)",
|
|
1102
|
+
"accent.text": "oklch(0.7 0.14 155)"
|
|
1103
|
+
}
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"id": "startup-warm",
|
|
1107
|
+
"description": "Startup Warm preset — friendly, approachable palette with coral/orange primaries and warm neutrals. Suitable for consumer apps, onboarding flows, and creative tools. It sets 15 slots over brand A's light values, in the light theme; every other slot starts from brand A. Load it as a starting point with brand.intake (action \"template\", from { \"preset\": \"startup-warm\" }), then validate and create the brand. Brand-relative: no color.brand.<id> wrapper, so it serves any brand.",
|
|
1108
|
+
"themes": {
|
|
1109
|
+
"base": "base"
|
|
1110
|
+
},
|
|
1111
|
+
"values": {
|
|
1112
|
+
"surface.canvas": "oklch(0.975 0.015 60)",
|
|
1113
|
+
"surface.raised": "oklch(0.985 0.008 60)",
|
|
1114
|
+
"surface.subtle": "oklch(0.94 0.025 60)",
|
|
1115
|
+
"surface.interactive.primary.default": "oklch(0.575 0.2 30)",
|
|
1116
|
+
"surface.interactive.primary.hover": "oklch(0.505 0.22 30)",
|
|
1117
|
+
"surface.interactive.primary.pressed": "oklch(0.445 0.23 30)",
|
|
1118
|
+
"text.primary": "oklch(0.25 0.04 50)",
|
|
1119
|
+
"text.secondary": "oklch(0.45 0.03 50)",
|
|
1120
|
+
"text.accent": "oklch(0.545 0.18 30)",
|
|
1121
|
+
"text.onInteractive": "oklch(0.98 0.01 60)",
|
|
1122
|
+
"border.subtle": "oklch(0.88 0.02 60)",
|
|
1123
|
+
"border.strong": "oklch(0.65 0.06 40)",
|
|
1124
|
+
"accent.background": "oklch(0.92 0.06 30)",
|
|
1125
|
+
"accent.border": "oklch(0.75 0.14 30)",
|
|
1126
|
+
"accent.text": "oklch(0.5 0.18 30)"
|
|
1127
|
+
}
|
|
1128
|
+
}
|
|
1129
|
+
]
|
|
1130
|
+
}
|