@rookcom/monarch-tokens 0.0.0-stage → 0.2.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 +13 -0
- package/README.md +7 -2
- package/dist/appearance.d.ts +36 -0
- package/dist/appearance.d.ts.map +1 -0
- package/dist/appearance.js +42 -0
- package/dist/appearance.js.map +1 -0
- package/dist/color.d.ts +42 -0
- package/dist/color.d.ts.map +1 -0
- package/dist/color.js +121 -0
- package/dist/color.js.map +1 -0
- package/dist/contrast-report.json +1333 -0
- package/dist/css/base.css +31 -0
- package/dist/css/compat.css +149 -0
- package/dist/css/monarch.css +429 -0
- package/dist/css/products/app.css +85 -0
- package/dist/css/products/atlas.css +85 -0
- package/dist/css/products/base.css +85 -0
- package/dist/css/products/calendar.css +85 -0
- package/dist/css/products/chat.css +85 -0
- package/dist/css/products/developers.css +85 -0
- package/dist/css/products/dossier.css +85 -0
- package/dist/css/products/dots.css +85 -0
- package/dist/css/products/friends.css +85 -0
- package/dist/css/products/gtm.css +85 -0
- package/dist/css/products/id.css +85 -0
- package/dist/css/products/intellect.css +85 -0
- package/dist/css/products/links.css +85 -0
- package/dist/css/products/people.css +85 -0
- package/dist/css/products/pulse.css +85 -0
- package/dist/css/products/ranker.css +85 -0
- package/dist/css/products/recruit.css +85 -0
- package/dist/css/products/signal.css +85 -0
- package/dist/css/products/stride.css +85 -0
- package/dist/css/products/tickets.css +85 -0
- package/dist/css.d.ts +36 -0
- package/dist/css.d.ts.map +1 -0
- package/dist/css.js +242 -0
- package/dist/css.js.map +1 -0
- package/dist/generated/products.d.ts +111 -0
- package/dist/generated/products.d.ts.map +1 -0
- package/dist/generated/products.js +26 -0
- package/dist/generated/products.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/primitives.d.ts +190 -0
- package/dist/primitives.d.ts.map +1 -0
- package/dist/primitives.js +210 -0
- package/dist/primitives.js.map +1 -0
- package/dist/tailwind.d.ts +275 -0
- package/dist/tailwind.d.ts.map +1 -0
- package/dist/tailwind.js +179 -0
- package/dist/tailwind.js.map +1 -0
- package/dist/themes.d.ts +74 -0
- package/dist/themes.d.ts.map +1 -0
- package/dist/themes.js +292 -0
- package/dist/themes.js.map +1 -0
- package/dist/tokens.json +2455 -0
- package/package.json +60 -4
|
@@ -0,0 +1,1333 @@
|
|
|
1
|
+
{
|
|
2
|
+
"generatedBy": "@rookcom/monarch-tokens",
|
|
3
|
+
"products": {
|
|
4
|
+
"default": {
|
|
5
|
+
"light": {
|
|
6
|
+
"base": "354.5 71.3% 52.2%",
|
|
7
|
+
"adjustments": [
|
|
8
|
+
"strong set to 354.5 71.3% 46.2% for 4.5:1 text contrast"
|
|
9
|
+
],
|
|
10
|
+
"ratios": {
|
|
11
|
+
"onSolid": 4.66,
|
|
12
|
+
"strongOnCanvas": 5.41,
|
|
13
|
+
"strongOnSurface": 5.55,
|
|
14
|
+
"strongOnSubtle": 4.99
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
"dark": {
|
|
18
|
+
"base": "354.5 71.3% 52.2%",
|
|
19
|
+
"adjustments": [
|
|
20
|
+
"strong set to 354.5 71.3% 64.7% for 4.5:1 text contrast"
|
|
21
|
+
],
|
|
22
|
+
"ratios": {
|
|
23
|
+
"onSolid": 4.66,
|
|
24
|
+
"strongOnCanvas": 5.87,
|
|
25
|
+
"strongOnSurface": 5.44,
|
|
26
|
+
"strongOnSubtle": 5.02
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"hc-light": {
|
|
30
|
+
"base": "354.5 71.3% 52.2%",
|
|
31
|
+
"adjustments": [
|
|
32
|
+
"solid moved to 354.5 71.3% 39.7% so white text meets 7:1",
|
|
33
|
+
"strong set to 354.5 71.3% 34.7% for 7:1 text contrast"
|
|
34
|
+
],
|
|
35
|
+
"ratios": {
|
|
36
|
+
"onSolid": 7.03,
|
|
37
|
+
"strongOnCanvas": 8.46,
|
|
38
|
+
"strongOnSurface": 8.46,
|
|
39
|
+
"strongOnSubtle": 7.71
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
"hc-dark": {
|
|
43
|
+
"base": "354.5 71.3% 52.2%",
|
|
44
|
+
"adjustments": [
|
|
45
|
+
"solid moved to 354.5 71.3% 70.2% so dark text meets 7:1",
|
|
46
|
+
"strong set to 354.5 71.3% 74.7% for 7:1 text contrast"
|
|
47
|
+
],
|
|
48
|
+
"ratios": {
|
|
49
|
+
"onSolid": 7.07,
|
|
50
|
+
"strongOnCanvas": 9.02,
|
|
51
|
+
"strongOnSurface": 9.02,
|
|
52
|
+
"strongOnSubtle": 7.76
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"app": {
|
|
57
|
+
"light": {
|
|
58
|
+
"base": "354 70% 52%",
|
|
59
|
+
"adjustments": [
|
|
60
|
+
"strong set to 354 70% 46.5% for 4.5:1 text contrast"
|
|
61
|
+
],
|
|
62
|
+
"ratios": {
|
|
63
|
+
"onSolid": 4.71,
|
|
64
|
+
"strongOnCanvas": 5.37,
|
|
65
|
+
"strongOnSurface": 5.51,
|
|
66
|
+
"strongOnSubtle": 4.95
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
"dark": {
|
|
70
|
+
"base": "354 70% 52%",
|
|
71
|
+
"adjustments": [
|
|
72
|
+
"strong set to 354 70% 65% for 4.5:1 text contrast"
|
|
73
|
+
],
|
|
74
|
+
"ratios": {
|
|
75
|
+
"onSolid": 4.71,
|
|
76
|
+
"strongOnCanvas": 5.92,
|
|
77
|
+
"strongOnSurface": 5.49,
|
|
78
|
+
"strongOnSubtle": 5.07
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
"hc-light": {
|
|
82
|
+
"base": "354 70% 52%",
|
|
83
|
+
"adjustments": [
|
|
84
|
+
"solid moved to 354 70% 39.5% so white text meets 7:1",
|
|
85
|
+
"strong set to 354 70% 34.5% for 7:1 text contrast"
|
|
86
|
+
],
|
|
87
|
+
"ratios": {
|
|
88
|
+
"onSolid": 7.11,
|
|
89
|
+
"strongOnCanvas": 8.49,
|
|
90
|
+
"strongOnSurface": 8.49,
|
|
91
|
+
"strongOnSubtle": 7.78
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"hc-dark": {
|
|
95
|
+
"base": "354 70% 52%",
|
|
96
|
+
"adjustments": [
|
|
97
|
+
"solid moved to 354 70% 52.5% to stay visible (4.5:1) against the canvas",
|
|
98
|
+
"solid moved to 354 70% 70% so dark text meets 7:1",
|
|
99
|
+
"strong set to 354 70% 74.5% for 7:1 text contrast"
|
|
100
|
+
],
|
|
101
|
+
"ratios": {
|
|
102
|
+
"onSolid": 7.05,
|
|
103
|
+
"strongOnCanvas": 8.99,
|
|
104
|
+
"strongOnSurface": 8.99,
|
|
105
|
+
"strongOnSubtle": 7.74
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
"atlas": {
|
|
110
|
+
"light": {
|
|
111
|
+
"base": "25 95% 53%",
|
|
112
|
+
"adjustments": [
|
|
113
|
+
"dark text used on solid (white would fail contrast)",
|
|
114
|
+
"strong set to 25 95% 36% for 4.5:1 text contrast"
|
|
115
|
+
],
|
|
116
|
+
"ratios": {
|
|
117
|
+
"onSolid": 6.88,
|
|
118
|
+
"strongOnCanvas": 5.15,
|
|
119
|
+
"strongOnSurface": 5.28,
|
|
120
|
+
"strongOnSubtle": 4.89
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"dark": {
|
|
124
|
+
"base": "25 95% 53%",
|
|
125
|
+
"adjustments": [
|
|
126
|
+
"dark text used on solid (white would fail contrast)"
|
|
127
|
+
],
|
|
128
|
+
"ratios": {
|
|
129
|
+
"onSolid": 6.88,
|
|
130
|
+
"strongOnCanvas": 6.88,
|
|
131
|
+
"strongOnSurface": 6.38,
|
|
132
|
+
"strongOnSubtle": 5.54
|
|
133
|
+
}
|
|
134
|
+
},
|
|
135
|
+
"hc-light": {
|
|
136
|
+
"base": "25 95% 53%",
|
|
137
|
+
"adjustments": [
|
|
138
|
+
"solid moved to 25 95% 39.5% to stay visible (4.5:1) against the canvas",
|
|
139
|
+
"solid darkened 25 95% 39.5% → 25 95% 29.5% so white text meets 7:1",
|
|
140
|
+
"strong set to 25 95% 27% for 7:1 text contrast"
|
|
141
|
+
],
|
|
142
|
+
"ratios": {
|
|
143
|
+
"onSolid": 7.11,
|
|
144
|
+
"strongOnCanvas": 8.01,
|
|
145
|
+
"strongOnSurface": 8.01,
|
|
146
|
+
"strongOnSubtle": 7.51
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
"hc-dark": {
|
|
150
|
+
"base": "25 95% 53%",
|
|
151
|
+
"adjustments": [
|
|
152
|
+
"solid moved to 25 95% 54% so dark text meets 7:1",
|
|
153
|
+
"strong set to 25 95% 64.5% for 7:1 text contrast"
|
|
154
|
+
],
|
|
155
|
+
"ratios": {
|
|
156
|
+
"onSolid": 7.01,
|
|
157
|
+
"strongOnCanvas": 9.54,
|
|
158
|
+
"strongOnSurface": 9.54,
|
|
159
|
+
"strongOnSubtle": 7.88
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
"base": {
|
|
164
|
+
"light": {
|
|
165
|
+
"base": "44 100% 48%",
|
|
166
|
+
"adjustments": [
|
|
167
|
+
"dark text used on solid (white would fail contrast)",
|
|
168
|
+
"strong set to 44 100% 28% for 4.5:1 text contrast"
|
|
169
|
+
],
|
|
170
|
+
"ratios": {
|
|
171
|
+
"onSolid": 10.42,
|
|
172
|
+
"strongOnCanvas": 4.89,
|
|
173
|
+
"strongOnSurface": 5.01,
|
|
174
|
+
"strongOnSubtle": 4.77
|
|
175
|
+
}
|
|
176
|
+
},
|
|
177
|
+
"dark": {
|
|
178
|
+
"base": "44 100% 48%",
|
|
179
|
+
"adjustments": [
|
|
180
|
+
"dark text used on solid (white would fail contrast)"
|
|
181
|
+
],
|
|
182
|
+
"ratios": {
|
|
183
|
+
"onSolid": 10.42,
|
|
184
|
+
"strongOnCanvas": 10.42,
|
|
185
|
+
"strongOnSurface": 9.66,
|
|
186
|
+
"strongOnSubtle": 7.72
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
"hc-light": {
|
|
190
|
+
"base": "44 100% 48%",
|
|
191
|
+
"adjustments": [
|
|
192
|
+
"solid moved to 44 100% 29.5% to stay visible (4.5:1) against the canvas",
|
|
193
|
+
"solid darkened 44 100% 29.5% → 44 100% 22.5% so white text meets 7:1",
|
|
194
|
+
"strong set to 44 100% 21% for 7:1 text contrast"
|
|
195
|
+
],
|
|
196
|
+
"ratios": {
|
|
197
|
+
"onSolid": 7.01,
|
|
198
|
+
"strongOnCanvas": 7.65,
|
|
199
|
+
"strongOnSurface": 7.65,
|
|
200
|
+
"strongOnSubtle": 7.35
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
"hc-dark": {
|
|
204
|
+
"base": "44 100% 48%",
|
|
205
|
+
"adjustments": [
|
|
206
|
+
"dark text used on solid (white would fail contrast)"
|
|
207
|
+
],
|
|
208
|
+
"ratios": {
|
|
209
|
+
"onSolid": 10.42,
|
|
210
|
+
"strongOnCanvas": 11.41,
|
|
211
|
+
"strongOnSurface": 11.41,
|
|
212
|
+
"strongOnSubtle": 9
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
"calendar": {
|
|
217
|
+
"light": {
|
|
218
|
+
"base": "198 100% 42%",
|
|
219
|
+
"adjustments": [
|
|
220
|
+
"solid darkened 198 100% 42% → 198 100% 35% so white text meets 4.5:1",
|
|
221
|
+
"strong set to 198 100% 32.5% for 4.5:1 text contrast"
|
|
222
|
+
],
|
|
223
|
+
"ratios": {
|
|
224
|
+
"onSolid": 4.58,
|
|
225
|
+
"strongOnCanvas": 5.06,
|
|
226
|
+
"strongOnSurface": 5.19,
|
|
227
|
+
"strongOnSubtle": 4.85
|
|
228
|
+
}
|
|
229
|
+
},
|
|
230
|
+
"dark": {
|
|
231
|
+
"base": "198 100% 42%",
|
|
232
|
+
"adjustments": [
|
|
233
|
+
"solid darkened 198 100% 42% → 198 100% 35% so white text meets 4.5:1",
|
|
234
|
+
"strong set to 198 100% 46% for 4.5:1 text contrast"
|
|
235
|
+
],
|
|
236
|
+
"ratios": {
|
|
237
|
+
"onSolid": 4.58,
|
|
238
|
+
"strongOnCanvas": 6.85,
|
|
239
|
+
"strongOnSurface": 6.36,
|
|
240
|
+
"strongOnSubtle": 5.38
|
|
241
|
+
}
|
|
242
|
+
},
|
|
243
|
+
"hc-light": {
|
|
244
|
+
"base": "198 100% 42%",
|
|
245
|
+
"adjustments": [
|
|
246
|
+
"solid moved to 198 100% 35% to stay visible (4.5:1) against the canvas",
|
|
247
|
+
"solid darkened 198 100% 35% → 198 100% 26.5% so white text meets 7:1",
|
|
248
|
+
"strong set to 198 100% 24.5% for 7:1 text contrast"
|
|
249
|
+
],
|
|
250
|
+
"ratios": {
|
|
251
|
+
"onSolid": 7.03,
|
|
252
|
+
"strongOnCanvas": 7.9,
|
|
253
|
+
"strongOnSurface": 7.9,
|
|
254
|
+
"strongOnSubtle": 7.46
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
"hc-dark": {
|
|
258
|
+
"base": "198 100% 42%",
|
|
259
|
+
"adjustments": [
|
|
260
|
+
"solid moved to 198 100% 46.5% so dark text meets 7:1",
|
|
261
|
+
"strong set to 198 100% 57% for 7:1 text contrast"
|
|
262
|
+
],
|
|
263
|
+
"ratios": {
|
|
264
|
+
"onSolid": 7.01,
|
|
265
|
+
"strongOnCanvas": 9.8,
|
|
266
|
+
"strongOnSurface": 9.8,
|
|
267
|
+
"strongOnSubtle": 7.96
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
},
|
|
271
|
+
"chat": {
|
|
272
|
+
"light": {
|
|
273
|
+
"base": "239 84% 67%",
|
|
274
|
+
"adjustments": [
|
|
275
|
+
"solid darkened 239 84% 67% → 239 84% 66.5% so white text meets 4.5:1",
|
|
276
|
+
"strong set to 239 84% 61.5% for 4.5:1 text contrast"
|
|
277
|
+
],
|
|
278
|
+
"ratios": {
|
|
279
|
+
"onSolid": 4.55,
|
|
280
|
+
"strongOnCanvas": 5.69,
|
|
281
|
+
"strongOnSurface": 5.83,
|
|
282
|
+
"strongOnSubtle": 5.15
|
|
283
|
+
}
|
|
284
|
+
},
|
|
285
|
+
"dark": {
|
|
286
|
+
"base": "239 84% 67%",
|
|
287
|
+
"adjustments": [
|
|
288
|
+
"solid darkened 239 84% 67% → 239 84% 66.5% so white text meets 4.5:1",
|
|
289
|
+
"strong set to 239 84% 71.5% for 4.5:1 text contrast"
|
|
290
|
+
],
|
|
291
|
+
"ratios": {
|
|
292
|
+
"onSolid": 4.55,
|
|
293
|
+
"strongOnCanvas": 5.42,
|
|
294
|
+
"strongOnSurface": 5.03,
|
|
295
|
+
"strongOnSubtle": 4.9
|
|
296
|
+
}
|
|
297
|
+
},
|
|
298
|
+
"hc-light": {
|
|
299
|
+
"base": "239 84% 67%",
|
|
300
|
+
"adjustments": [
|
|
301
|
+
"solid moved to 239 84% 66.5% to stay visible (4.5:1) against the canvas",
|
|
302
|
+
"solid darkened 239 84% 66.5% → 239 84% 57% so white text meets 7:1",
|
|
303
|
+
"strong set to 239 84% 50.5% for 7:1 text contrast"
|
|
304
|
+
],
|
|
305
|
+
"ratios": {
|
|
306
|
+
"onSolid": 7.14,
|
|
307
|
+
"strongOnCanvas": 8.81,
|
|
308
|
+
"strongOnSurface": 8.81,
|
|
309
|
+
"strongOnSubtle": 7.93
|
|
310
|
+
}
|
|
311
|
+
},
|
|
312
|
+
"hc-dark": {
|
|
313
|
+
"base": "239 84% 67%",
|
|
314
|
+
"adjustments": [
|
|
315
|
+
"solid moved to 239 84% 77% so dark text meets 7:1",
|
|
316
|
+
"strong set to 239 84% 79% for 7:1 text contrast"
|
|
317
|
+
],
|
|
318
|
+
"ratios": {
|
|
319
|
+
"onSolid": 7.18,
|
|
320
|
+
"strongOnCanvas": 8.64,
|
|
321
|
+
"strongOnSurface": 8.64,
|
|
322
|
+
"strongOnSubtle": 7.66
|
|
323
|
+
}
|
|
324
|
+
}
|
|
325
|
+
},
|
|
326
|
+
"developers": {
|
|
327
|
+
"light": {
|
|
328
|
+
"base": "0 0% 9%",
|
|
329
|
+
"adjustments": [],
|
|
330
|
+
"ratios": {
|
|
331
|
+
"onSolid": 17.93,
|
|
332
|
+
"strongOnCanvas": 17.49,
|
|
333
|
+
"strongOnSurface": 17.93,
|
|
334
|
+
"strongOnSubtle": 16.59
|
|
335
|
+
}
|
|
336
|
+
},
|
|
337
|
+
"dark": {
|
|
338
|
+
"base": "0 0% 9%",
|
|
339
|
+
"adjustments": [
|
|
340
|
+
"achromatic brand inverted to a light fill for dark theme",
|
|
341
|
+
"dark text used on solid (white would fail contrast)"
|
|
342
|
+
],
|
|
343
|
+
"ratios": {
|
|
344
|
+
"onSolid": 16.82,
|
|
345
|
+
"strongOnCanvas": 11.94,
|
|
346
|
+
"strongOnSurface": 11.07,
|
|
347
|
+
"strongOnSubtle": 9.67
|
|
348
|
+
}
|
|
349
|
+
},
|
|
350
|
+
"hc-light": {
|
|
351
|
+
"base": "0 0% 9%",
|
|
352
|
+
"adjustments": [],
|
|
353
|
+
"ratios": {
|
|
354
|
+
"onSolid": 17.93,
|
|
355
|
+
"strongOnCanvas": 17.93,
|
|
356
|
+
"strongOnSurface": 17.93,
|
|
357
|
+
"strongOnSubtle": 16.73
|
|
358
|
+
}
|
|
359
|
+
},
|
|
360
|
+
"hc-dark": {
|
|
361
|
+
"base": "0 0% 9%",
|
|
362
|
+
"adjustments": [
|
|
363
|
+
"achromatic brand inverted to a light fill for dark theme",
|
|
364
|
+
"dark text used on solid (white would fail contrast)"
|
|
365
|
+
],
|
|
366
|
+
"ratios": {
|
|
367
|
+
"onSolid": 16.82,
|
|
368
|
+
"strongOnCanvas": 13.08,
|
|
369
|
+
"strongOnSurface": 13.08,
|
|
370
|
+
"strongOnSubtle": 10.84
|
|
371
|
+
}
|
|
372
|
+
}
|
|
373
|
+
},
|
|
374
|
+
"dossier": {
|
|
375
|
+
"light": {
|
|
376
|
+
"base": "175 84% 32%",
|
|
377
|
+
"adjustments": [
|
|
378
|
+
"solid darkened 175 84% 32% → 175 84% 28% so white text meets 4.5:1",
|
|
379
|
+
"strong set to 175 84% 27% for 4.5:1 text contrast"
|
|
380
|
+
],
|
|
381
|
+
"ratios": {
|
|
382
|
+
"onSolid": 4.63,
|
|
383
|
+
"strongOnCanvas": 4.76,
|
|
384
|
+
"strongOnSurface": 4.88,
|
|
385
|
+
"strongOnSubtle": 4.67
|
|
386
|
+
}
|
|
387
|
+
},
|
|
388
|
+
"dark": {
|
|
389
|
+
"base": "175 84% 32%",
|
|
390
|
+
"adjustments": [
|
|
391
|
+
"solid darkened 175 84% 32% → 175 84% 28% so white text meets 4.5:1",
|
|
392
|
+
"strong set to 175 84% 38.5% for 4.5:1 text contrast"
|
|
393
|
+
],
|
|
394
|
+
"ratios": {
|
|
395
|
+
"onSolid": 4.63,
|
|
396
|
+
"strongOnCanvas": 7.48,
|
|
397
|
+
"strongOnSurface": 6.93,
|
|
398
|
+
"strongOnSubtle": 5.46
|
|
399
|
+
}
|
|
400
|
+
},
|
|
401
|
+
"hc-light": {
|
|
402
|
+
"base": "175 84% 32%",
|
|
403
|
+
"adjustments": [
|
|
404
|
+
"solid moved to 175 84% 28% to stay visible (4.5:1) against the canvas",
|
|
405
|
+
"solid darkened 175 84% 28% → 175 84% 21% so white text meets 7:1",
|
|
406
|
+
"strong set to 175 84% 20% for 7:1 text contrast"
|
|
407
|
+
],
|
|
408
|
+
"ratios": {
|
|
409
|
+
"onSolid": 7.12,
|
|
410
|
+
"strongOnCanvas": 7.64,
|
|
411
|
+
"strongOnSurface": 7.64,
|
|
412
|
+
"strongOnSubtle": 7.36
|
|
413
|
+
}
|
|
414
|
+
},
|
|
415
|
+
"hc-dark": {
|
|
416
|
+
"base": "175 84% 32%",
|
|
417
|
+
"adjustments": [
|
|
418
|
+
"solid moved to 175 84% 37.5% so dark text meets 7:1",
|
|
419
|
+
"strong set to 175 84% 44% for 7:1 text contrast"
|
|
420
|
+
],
|
|
421
|
+
"ratios": {
|
|
422
|
+
"onSolid": 7.08,
|
|
423
|
+
"strongOnCanvas": 10.61,
|
|
424
|
+
"strongOnSurface": 10.61,
|
|
425
|
+
"strongOnSubtle": 8.32
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
"dots": {
|
|
430
|
+
"light": {
|
|
431
|
+
"base": "354 70% 52%",
|
|
432
|
+
"adjustments": [
|
|
433
|
+
"strong set to 354 70% 46.5% for 4.5:1 text contrast"
|
|
434
|
+
],
|
|
435
|
+
"ratios": {
|
|
436
|
+
"onSolid": 4.71,
|
|
437
|
+
"strongOnCanvas": 5.37,
|
|
438
|
+
"strongOnSurface": 5.51,
|
|
439
|
+
"strongOnSubtle": 4.95
|
|
440
|
+
}
|
|
441
|
+
},
|
|
442
|
+
"dark": {
|
|
443
|
+
"base": "354 70% 52%",
|
|
444
|
+
"adjustments": [
|
|
445
|
+
"strong set to 354 70% 65% for 4.5:1 text contrast"
|
|
446
|
+
],
|
|
447
|
+
"ratios": {
|
|
448
|
+
"onSolid": 4.71,
|
|
449
|
+
"strongOnCanvas": 5.92,
|
|
450
|
+
"strongOnSurface": 5.49,
|
|
451
|
+
"strongOnSubtle": 5.07
|
|
452
|
+
}
|
|
453
|
+
},
|
|
454
|
+
"hc-light": {
|
|
455
|
+
"base": "354 70% 52%",
|
|
456
|
+
"adjustments": [
|
|
457
|
+
"solid moved to 354 70% 39.5% so white text meets 7:1",
|
|
458
|
+
"strong set to 354 70% 34.5% for 7:1 text contrast"
|
|
459
|
+
],
|
|
460
|
+
"ratios": {
|
|
461
|
+
"onSolid": 7.11,
|
|
462
|
+
"strongOnCanvas": 8.49,
|
|
463
|
+
"strongOnSurface": 8.49,
|
|
464
|
+
"strongOnSubtle": 7.78
|
|
465
|
+
}
|
|
466
|
+
},
|
|
467
|
+
"hc-dark": {
|
|
468
|
+
"base": "354 70% 52%",
|
|
469
|
+
"adjustments": [
|
|
470
|
+
"solid moved to 354 70% 52.5% to stay visible (4.5:1) against the canvas",
|
|
471
|
+
"solid moved to 354 70% 70% so dark text meets 7:1",
|
|
472
|
+
"strong set to 354 70% 74.5% for 7:1 text contrast"
|
|
473
|
+
],
|
|
474
|
+
"ratios": {
|
|
475
|
+
"onSolid": 7.05,
|
|
476
|
+
"strongOnCanvas": 8.99,
|
|
477
|
+
"strongOnSurface": 8.99,
|
|
478
|
+
"strongOnSubtle": 7.74
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
},
|
|
482
|
+
"friends": {
|
|
483
|
+
"light": {
|
|
484
|
+
"base": "0 0% 0%",
|
|
485
|
+
"adjustments": [],
|
|
486
|
+
"ratios": {
|
|
487
|
+
"onSolid": 21,
|
|
488
|
+
"strongOnCanvas": 20.48,
|
|
489
|
+
"strongOnSurface": 21,
|
|
490
|
+
"strongOnSubtle": 19.43
|
|
491
|
+
}
|
|
492
|
+
},
|
|
493
|
+
"dark": {
|
|
494
|
+
"base": "0 0% 0%",
|
|
495
|
+
"adjustments": [
|
|
496
|
+
"achromatic brand inverted to a light fill for dark theme",
|
|
497
|
+
"dark text used on solid (white would fail contrast)"
|
|
498
|
+
],
|
|
499
|
+
"ratios": {
|
|
500
|
+
"onSolid": 16.82,
|
|
501
|
+
"strongOnCanvas": 11.94,
|
|
502
|
+
"strongOnSurface": 11.07,
|
|
503
|
+
"strongOnSubtle": 9.67
|
|
504
|
+
}
|
|
505
|
+
},
|
|
506
|
+
"hc-light": {
|
|
507
|
+
"base": "0 0% 0%",
|
|
508
|
+
"adjustments": [],
|
|
509
|
+
"ratios": {
|
|
510
|
+
"onSolid": 21,
|
|
511
|
+
"strongOnCanvas": 21,
|
|
512
|
+
"strongOnSurface": 21,
|
|
513
|
+
"strongOnSubtle": 19.6
|
|
514
|
+
}
|
|
515
|
+
},
|
|
516
|
+
"hc-dark": {
|
|
517
|
+
"base": "0 0% 0%",
|
|
518
|
+
"adjustments": [
|
|
519
|
+
"achromatic brand inverted to a light fill for dark theme",
|
|
520
|
+
"dark text used on solid (white would fail contrast)"
|
|
521
|
+
],
|
|
522
|
+
"ratios": {
|
|
523
|
+
"onSolid": 16.82,
|
|
524
|
+
"strongOnCanvas": 13.08,
|
|
525
|
+
"strongOnSurface": 13.08,
|
|
526
|
+
"strongOnSubtle": 10.84
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
},
|
|
530
|
+
"gtm": {
|
|
531
|
+
"light": {
|
|
532
|
+
"base": "25 95% 53%",
|
|
533
|
+
"adjustments": [
|
|
534
|
+
"dark text used on solid (white would fail contrast)",
|
|
535
|
+
"strong set to 25 95% 36% for 4.5:1 text contrast"
|
|
536
|
+
],
|
|
537
|
+
"ratios": {
|
|
538
|
+
"onSolid": 6.88,
|
|
539
|
+
"strongOnCanvas": 5.15,
|
|
540
|
+
"strongOnSurface": 5.28,
|
|
541
|
+
"strongOnSubtle": 4.89
|
|
542
|
+
}
|
|
543
|
+
},
|
|
544
|
+
"dark": {
|
|
545
|
+
"base": "25 95% 53%",
|
|
546
|
+
"adjustments": [
|
|
547
|
+
"dark text used on solid (white would fail contrast)"
|
|
548
|
+
],
|
|
549
|
+
"ratios": {
|
|
550
|
+
"onSolid": 6.88,
|
|
551
|
+
"strongOnCanvas": 6.88,
|
|
552
|
+
"strongOnSurface": 6.38,
|
|
553
|
+
"strongOnSubtle": 5.54
|
|
554
|
+
}
|
|
555
|
+
},
|
|
556
|
+
"hc-light": {
|
|
557
|
+
"base": "25 95% 53%",
|
|
558
|
+
"adjustments": [
|
|
559
|
+
"solid moved to 25 95% 39.5% to stay visible (4.5:1) against the canvas",
|
|
560
|
+
"solid darkened 25 95% 39.5% → 25 95% 29.5% so white text meets 7:1",
|
|
561
|
+
"strong set to 25 95% 27% for 7:1 text contrast"
|
|
562
|
+
],
|
|
563
|
+
"ratios": {
|
|
564
|
+
"onSolid": 7.11,
|
|
565
|
+
"strongOnCanvas": 8.01,
|
|
566
|
+
"strongOnSurface": 8.01,
|
|
567
|
+
"strongOnSubtle": 7.51
|
|
568
|
+
}
|
|
569
|
+
},
|
|
570
|
+
"hc-dark": {
|
|
571
|
+
"base": "25 95% 53%",
|
|
572
|
+
"adjustments": [
|
|
573
|
+
"solid moved to 25 95% 54% so dark text meets 7:1",
|
|
574
|
+
"strong set to 25 95% 64.5% for 7:1 text contrast"
|
|
575
|
+
],
|
|
576
|
+
"ratios": {
|
|
577
|
+
"onSolid": 7.01,
|
|
578
|
+
"strongOnCanvas": 9.54,
|
|
579
|
+
"strongOnSurface": 9.54,
|
|
580
|
+
"strongOnSubtle": 7.88
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
},
|
|
584
|
+
"id": {
|
|
585
|
+
"light": {
|
|
586
|
+
"base": "354 70% 52%",
|
|
587
|
+
"adjustments": [
|
|
588
|
+
"strong set to 354 70% 46.5% for 4.5:1 text contrast"
|
|
589
|
+
],
|
|
590
|
+
"ratios": {
|
|
591
|
+
"onSolid": 4.71,
|
|
592
|
+
"strongOnCanvas": 5.37,
|
|
593
|
+
"strongOnSurface": 5.51,
|
|
594
|
+
"strongOnSubtle": 4.95
|
|
595
|
+
}
|
|
596
|
+
},
|
|
597
|
+
"dark": {
|
|
598
|
+
"base": "354 70% 52%",
|
|
599
|
+
"adjustments": [
|
|
600
|
+
"strong set to 354 70% 65% for 4.5:1 text contrast"
|
|
601
|
+
],
|
|
602
|
+
"ratios": {
|
|
603
|
+
"onSolid": 4.71,
|
|
604
|
+
"strongOnCanvas": 5.92,
|
|
605
|
+
"strongOnSurface": 5.49,
|
|
606
|
+
"strongOnSubtle": 5.07
|
|
607
|
+
}
|
|
608
|
+
},
|
|
609
|
+
"hc-light": {
|
|
610
|
+
"base": "354 70% 52%",
|
|
611
|
+
"adjustments": [
|
|
612
|
+
"solid moved to 354 70% 39.5% so white text meets 7:1",
|
|
613
|
+
"strong set to 354 70% 34.5% for 7:1 text contrast"
|
|
614
|
+
],
|
|
615
|
+
"ratios": {
|
|
616
|
+
"onSolid": 7.11,
|
|
617
|
+
"strongOnCanvas": 8.49,
|
|
618
|
+
"strongOnSurface": 8.49,
|
|
619
|
+
"strongOnSubtle": 7.78
|
|
620
|
+
}
|
|
621
|
+
},
|
|
622
|
+
"hc-dark": {
|
|
623
|
+
"base": "354 70% 52%",
|
|
624
|
+
"adjustments": [
|
|
625
|
+
"solid moved to 354 70% 52.5% to stay visible (4.5:1) against the canvas",
|
|
626
|
+
"solid moved to 354 70% 70% so dark text meets 7:1",
|
|
627
|
+
"strong set to 354 70% 74.5% for 7:1 text contrast"
|
|
628
|
+
],
|
|
629
|
+
"ratios": {
|
|
630
|
+
"onSolid": 7.05,
|
|
631
|
+
"strongOnCanvas": 8.99,
|
|
632
|
+
"strongOnSurface": 8.99,
|
|
633
|
+
"strongOnSubtle": 7.74
|
|
634
|
+
}
|
|
635
|
+
}
|
|
636
|
+
},
|
|
637
|
+
"intellect": {
|
|
638
|
+
"light": {
|
|
639
|
+
"base": "175 77% 26%",
|
|
640
|
+
"adjustments": [],
|
|
641
|
+
"ratios": {
|
|
642
|
+
"onSolid": 5.55,
|
|
643
|
+
"strongOnCanvas": 5.41,
|
|
644
|
+
"strongOnSurface": 5.55,
|
|
645
|
+
"strongOnSubtle": 5.29
|
|
646
|
+
}
|
|
647
|
+
},
|
|
648
|
+
"dark": {
|
|
649
|
+
"base": "175 77% 26%",
|
|
650
|
+
"adjustments": [
|
|
651
|
+
"strong set to 175 77% 40% for 4.5:1 text contrast"
|
|
652
|
+
],
|
|
653
|
+
"ratios": {
|
|
654
|
+
"onSolid": 5.55,
|
|
655
|
+
"strongOnCanvas": 7.49,
|
|
656
|
+
"strongOnSurface": 6.94,
|
|
657
|
+
"strongOnSubtle": 5.52
|
|
658
|
+
}
|
|
659
|
+
},
|
|
660
|
+
"hc-light": {
|
|
661
|
+
"base": "175 77% 26%",
|
|
662
|
+
"adjustments": [
|
|
663
|
+
"solid darkened 175 77% 26% → 175 77% 22% so white text meets 7:1",
|
|
664
|
+
"strong set to 175 77% 20.5% for 7:1 text contrast"
|
|
665
|
+
],
|
|
666
|
+
"ratios": {
|
|
667
|
+
"onSolid": 7.1,
|
|
668
|
+
"strongOnCanvas": 7.73,
|
|
669
|
+
"strongOnSurface": 7.73,
|
|
670
|
+
"strongOnSubtle": 7.45
|
|
671
|
+
}
|
|
672
|
+
},
|
|
673
|
+
"hc-dark": {
|
|
674
|
+
"base": "175 77% 26%",
|
|
675
|
+
"adjustments": [
|
|
676
|
+
"solid moved to 175 77% 29% to stay visible (4.5:1) against the canvas",
|
|
677
|
+
"solid moved to 175 77% 39% so dark text meets 7:1",
|
|
678
|
+
"strong set to 175 77% 45.5% for 7:1 text contrast"
|
|
679
|
+
],
|
|
680
|
+
"ratios": {
|
|
681
|
+
"onSolid": 7.1,
|
|
682
|
+
"strongOnCanvas": 10.52,
|
|
683
|
+
"strongOnSurface": 10.52,
|
|
684
|
+
"strongOnSubtle": 8.32
|
|
685
|
+
}
|
|
686
|
+
}
|
|
687
|
+
},
|
|
688
|
+
"links": {
|
|
689
|
+
"light": {
|
|
690
|
+
"base": "136 53% 43%",
|
|
691
|
+
"adjustments": [
|
|
692
|
+
"solid darkened 136 53% 43% → 136 53% 34.5% so white text meets 4.5:1",
|
|
693
|
+
"strong set to 136 53% 32% for 4.5:1 text contrast"
|
|
694
|
+
],
|
|
695
|
+
"ratios": {
|
|
696
|
+
"onSolid": 4.53,
|
|
697
|
+
"strongOnCanvas": 5.02,
|
|
698
|
+
"strongOnSurface": 5.14,
|
|
699
|
+
"strongOnSubtle": 4.84
|
|
700
|
+
}
|
|
701
|
+
},
|
|
702
|
+
"dark": {
|
|
703
|
+
"base": "136 53% 43%",
|
|
704
|
+
"adjustments": [
|
|
705
|
+
"solid darkened 136 53% 43% → 136 53% 34.5% so white text meets 4.5:1",
|
|
706
|
+
"strong set to 136 53% 45.5% for 4.5:1 text contrast"
|
|
707
|
+
],
|
|
708
|
+
"ratios": {
|
|
709
|
+
"onSolid": 4.53,
|
|
710
|
+
"strongOnCanvas": 7,
|
|
711
|
+
"strongOnSurface": 6.49,
|
|
712
|
+
"strongOnSubtle": 5.42
|
|
713
|
+
}
|
|
714
|
+
},
|
|
715
|
+
"hc-light": {
|
|
716
|
+
"base": "136 53% 43%",
|
|
717
|
+
"adjustments": [
|
|
718
|
+
"solid moved to 136 53% 34.5% to stay visible (4.5:1) against the canvas",
|
|
719
|
+
"solid darkened 136 53% 34.5% → 136 53% 26% so white text meets 7:1",
|
|
720
|
+
"strong set to 136 53% 24% for 7:1 text contrast"
|
|
721
|
+
],
|
|
722
|
+
"ratios": {
|
|
723
|
+
"onSolid": 7.08,
|
|
724
|
+
"strongOnCanvas": 7.8,
|
|
725
|
+
"strongOnSurface": 7.8,
|
|
726
|
+
"strongOnSubtle": 7.42
|
|
727
|
+
}
|
|
728
|
+
},
|
|
729
|
+
"hc-dark": {
|
|
730
|
+
"base": "136 53% 43%",
|
|
731
|
+
"adjustments": [
|
|
732
|
+
"solid moved to 136 53% 46% so dark text meets 7:1",
|
|
733
|
+
"strong set to 136 53% 55% for 7:1 text contrast"
|
|
734
|
+
],
|
|
735
|
+
"ratios": {
|
|
736
|
+
"onSolid": 7.08,
|
|
737
|
+
"strongOnCanvas": 9.92,
|
|
738
|
+
"strongOnSurface": 9.92,
|
|
739
|
+
"strongOnSubtle": 8.01
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
},
|
|
743
|
+
"people": {
|
|
744
|
+
"light": {
|
|
745
|
+
"base": "227 74% 53%",
|
|
746
|
+
"adjustments": [],
|
|
747
|
+
"ratios": {
|
|
748
|
+
"onSolid": 6.01,
|
|
749
|
+
"strongOnCanvas": 5.87,
|
|
750
|
+
"strongOnSurface": 6.01,
|
|
751
|
+
"strongOnSubtle": 5.42
|
|
752
|
+
}
|
|
753
|
+
},
|
|
754
|
+
"dark": {
|
|
755
|
+
"base": "227 74% 53%",
|
|
756
|
+
"adjustments": [
|
|
757
|
+
"strong set to 227 74% 67% for 4.5:1 text contrast"
|
|
758
|
+
],
|
|
759
|
+
"ratios": {
|
|
760
|
+
"onSolid": 6.01,
|
|
761
|
+
"strongOnCanvas": 5.79,
|
|
762
|
+
"strongOnSurface": 5.37,
|
|
763
|
+
"strongOnSubtle": 5.01
|
|
764
|
+
}
|
|
765
|
+
},
|
|
766
|
+
"hc-light": {
|
|
767
|
+
"base": "227 74% 53%",
|
|
768
|
+
"adjustments": [
|
|
769
|
+
"solid darkened 227 74% 53% → 227 74% 48.5% so white text meets 7:1",
|
|
770
|
+
"strong set to 227 74% 42.5% for 7:1 text contrast"
|
|
771
|
+
],
|
|
772
|
+
"ratios": {
|
|
773
|
+
"onSolid": 7.07,
|
|
774
|
+
"strongOnCanvas": 8.42,
|
|
775
|
+
"strongOnSurface": 8.42,
|
|
776
|
+
"strongOnSubtle": 7.66
|
|
777
|
+
}
|
|
778
|
+
},
|
|
779
|
+
"hc-dark": {
|
|
780
|
+
"base": "227 74% 53%",
|
|
781
|
+
"adjustments": [
|
|
782
|
+
"solid moved to 227 74% 59% to stay visible (4.5:1) against the canvas",
|
|
783
|
+
"solid moved to 227 74% 72% so dark text meets 7:1",
|
|
784
|
+
"strong set to 227 74% 75.5% for 7:1 text contrast"
|
|
785
|
+
],
|
|
786
|
+
"ratios": {
|
|
787
|
+
"onSolid": 7.12,
|
|
788
|
+
"strongOnCanvas": 8.92,
|
|
789
|
+
"strongOnSurface": 8.92,
|
|
790
|
+
"strongOnSubtle": 7.73
|
|
791
|
+
}
|
|
792
|
+
}
|
|
793
|
+
},
|
|
794
|
+
"pulse": {
|
|
795
|
+
"light": {
|
|
796
|
+
"base": "326 72% 44%",
|
|
797
|
+
"adjustments": [],
|
|
798
|
+
"ratios": {
|
|
799
|
+
"onSolid": 5.6,
|
|
800
|
+
"strongOnCanvas": 5.46,
|
|
801
|
+
"strongOnSurface": 5.6,
|
|
802
|
+
"strongOnSubtle": 5.05
|
|
803
|
+
}
|
|
804
|
+
},
|
|
805
|
+
"dark": {
|
|
806
|
+
"base": "326 72% 44%",
|
|
807
|
+
"adjustments": [
|
|
808
|
+
"strong set to 326 72% 63.5% for 4.5:1 text contrast"
|
|
809
|
+
],
|
|
810
|
+
"ratios": {
|
|
811
|
+
"onSolid": 5.6,
|
|
812
|
+
"strongOnCanvas": 5.98,
|
|
813
|
+
"strongOnSurface": 5.55,
|
|
814
|
+
"strongOnSubtle": 5.11
|
|
815
|
+
}
|
|
816
|
+
},
|
|
817
|
+
"hc-light": {
|
|
818
|
+
"base": "326 72% 44%",
|
|
819
|
+
"adjustments": [
|
|
820
|
+
"solid darkened 326 72% 44% → 326 72% 37.5% so white text meets 7:1",
|
|
821
|
+
"strong set to 326 72% 33% for 7:1 text contrast"
|
|
822
|
+
],
|
|
823
|
+
"ratios": {
|
|
824
|
+
"onSolid": 7.14,
|
|
825
|
+
"strongOnCanvas": 8.44,
|
|
826
|
+
"strongOnSurface": 8.44,
|
|
827
|
+
"strongOnSubtle": 7.71
|
|
828
|
+
}
|
|
829
|
+
},
|
|
830
|
+
"hc-dark": {
|
|
831
|
+
"base": "326 72% 44%",
|
|
832
|
+
"adjustments": [
|
|
833
|
+
"solid moved to 326 72% 49.5% to stay visible (4.5:1) against the canvas",
|
|
834
|
+
"solid moved to 326 72% 68.5% so dark text meets 7:1",
|
|
835
|
+
"strong set to 326 72% 73.5% for 7:1 text contrast"
|
|
836
|
+
],
|
|
837
|
+
"ratios": {
|
|
838
|
+
"onSolid": 7.01,
|
|
839
|
+
"strongOnCanvas": 9.04,
|
|
840
|
+
"strongOnSurface": 9.04,
|
|
841
|
+
"strongOnSubtle": 7.75
|
|
842
|
+
}
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
"ranker": {
|
|
846
|
+
"light": {
|
|
847
|
+
"base": "239 84% 67%",
|
|
848
|
+
"adjustments": [
|
|
849
|
+
"solid darkened 239 84% 67% → 239 84% 66.5% so white text meets 4.5:1",
|
|
850
|
+
"strong set to 239 84% 61.5% for 4.5:1 text contrast"
|
|
851
|
+
],
|
|
852
|
+
"ratios": {
|
|
853
|
+
"onSolid": 4.55,
|
|
854
|
+
"strongOnCanvas": 5.69,
|
|
855
|
+
"strongOnSurface": 5.83,
|
|
856
|
+
"strongOnSubtle": 5.15
|
|
857
|
+
}
|
|
858
|
+
},
|
|
859
|
+
"dark": {
|
|
860
|
+
"base": "239 84% 67%",
|
|
861
|
+
"adjustments": [
|
|
862
|
+
"solid darkened 239 84% 67% → 239 84% 66.5% so white text meets 4.5:1",
|
|
863
|
+
"strong set to 239 84% 71.5% for 4.5:1 text contrast"
|
|
864
|
+
],
|
|
865
|
+
"ratios": {
|
|
866
|
+
"onSolid": 4.55,
|
|
867
|
+
"strongOnCanvas": 5.42,
|
|
868
|
+
"strongOnSurface": 5.03,
|
|
869
|
+
"strongOnSubtle": 4.9
|
|
870
|
+
}
|
|
871
|
+
},
|
|
872
|
+
"hc-light": {
|
|
873
|
+
"base": "239 84% 67%",
|
|
874
|
+
"adjustments": [
|
|
875
|
+
"solid moved to 239 84% 66.5% to stay visible (4.5:1) against the canvas",
|
|
876
|
+
"solid darkened 239 84% 66.5% → 239 84% 57% so white text meets 7:1",
|
|
877
|
+
"strong set to 239 84% 50.5% for 7:1 text contrast"
|
|
878
|
+
],
|
|
879
|
+
"ratios": {
|
|
880
|
+
"onSolid": 7.14,
|
|
881
|
+
"strongOnCanvas": 8.81,
|
|
882
|
+
"strongOnSurface": 8.81,
|
|
883
|
+
"strongOnSubtle": 7.93
|
|
884
|
+
}
|
|
885
|
+
},
|
|
886
|
+
"hc-dark": {
|
|
887
|
+
"base": "239 84% 67%",
|
|
888
|
+
"adjustments": [
|
|
889
|
+
"solid moved to 239 84% 77% so dark text meets 7:1",
|
|
890
|
+
"strong set to 239 84% 79% for 7:1 text contrast"
|
|
891
|
+
],
|
|
892
|
+
"ratios": {
|
|
893
|
+
"onSolid": 7.18,
|
|
894
|
+
"strongOnCanvas": 8.64,
|
|
895
|
+
"strongOnSurface": 8.64,
|
|
896
|
+
"strongOnSubtle": 7.66
|
|
897
|
+
}
|
|
898
|
+
}
|
|
899
|
+
},
|
|
900
|
+
"recruit": {
|
|
901
|
+
"light": {
|
|
902
|
+
"base": "44 100% 48%",
|
|
903
|
+
"adjustments": [
|
|
904
|
+
"dark text used on solid (white would fail contrast)",
|
|
905
|
+
"strong set to 44 100% 28% for 4.5:1 text contrast"
|
|
906
|
+
],
|
|
907
|
+
"ratios": {
|
|
908
|
+
"onSolid": 10.42,
|
|
909
|
+
"strongOnCanvas": 4.89,
|
|
910
|
+
"strongOnSurface": 5.01,
|
|
911
|
+
"strongOnSubtle": 4.77
|
|
912
|
+
}
|
|
913
|
+
},
|
|
914
|
+
"dark": {
|
|
915
|
+
"base": "44 100% 48%",
|
|
916
|
+
"adjustments": [
|
|
917
|
+
"dark text used on solid (white would fail contrast)"
|
|
918
|
+
],
|
|
919
|
+
"ratios": {
|
|
920
|
+
"onSolid": 10.42,
|
|
921
|
+
"strongOnCanvas": 10.42,
|
|
922
|
+
"strongOnSurface": 9.66,
|
|
923
|
+
"strongOnSubtle": 7.72
|
|
924
|
+
}
|
|
925
|
+
},
|
|
926
|
+
"hc-light": {
|
|
927
|
+
"base": "44 100% 48%",
|
|
928
|
+
"adjustments": [
|
|
929
|
+
"solid moved to 44 100% 29.5% to stay visible (4.5:1) against the canvas",
|
|
930
|
+
"solid darkened 44 100% 29.5% → 44 100% 22.5% so white text meets 7:1",
|
|
931
|
+
"strong set to 44 100% 21% for 7:1 text contrast"
|
|
932
|
+
],
|
|
933
|
+
"ratios": {
|
|
934
|
+
"onSolid": 7.01,
|
|
935
|
+
"strongOnCanvas": 7.65,
|
|
936
|
+
"strongOnSurface": 7.65,
|
|
937
|
+
"strongOnSubtle": 7.35
|
|
938
|
+
}
|
|
939
|
+
},
|
|
940
|
+
"hc-dark": {
|
|
941
|
+
"base": "44 100% 48%",
|
|
942
|
+
"adjustments": [
|
|
943
|
+
"dark text used on solid (white would fail contrast)"
|
|
944
|
+
],
|
|
945
|
+
"ratios": {
|
|
946
|
+
"onSolid": 10.42,
|
|
947
|
+
"strongOnCanvas": 11.41,
|
|
948
|
+
"strongOnSurface": 11.41,
|
|
949
|
+
"strongOnSubtle": 9
|
|
950
|
+
}
|
|
951
|
+
}
|
|
952
|
+
},
|
|
953
|
+
"signal": {
|
|
954
|
+
"light": {
|
|
955
|
+
"base": "198 100% 42%",
|
|
956
|
+
"adjustments": [
|
|
957
|
+
"solid darkened 198 100% 42% → 198 100% 35% so white text meets 4.5:1",
|
|
958
|
+
"strong set to 198 100% 32.5% for 4.5:1 text contrast"
|
|
959
|
+
],
|
|
960
|
+
"ratios": {
|
|
961
|
+
"onSolid": 4.58,
|
|
962
|
+
"strongOnCanvas": 5.06,
|
|
963
|
+
"strongOnSurface": 5.19,
|
|
964
|
+
"strongOnSubtle": 4.85
|
|
965
|
+
}
|
|
966
|
+
},
|
|
967
|
+
"dark": {
|
|
968
|
+
"base": "198 100% 42%",
|
|
969
|
+
"adjustments": [
|
|
970
|
+
"solid darkened 198 100% 42% → 198 100% 35% so white text meets 4.5:1",
|
|
971
|
+
"strong set to 198 100% 46% for 4.5:1 text contrast"
|
|
972
|
+
],
|
|
973
|
+
"ratios": {
|
|
974
|
+
"onSolid": 4.58,
|
|
975
|
+
"strongOnCanvas": 6.85,
|
|
976
|
+
"strongOnSurface": 6.36,
|
|
977
|
+
"strongOnSubtle": 5.38
|
|
978
|
+
}
|
|
979
|
+
},
|
|
980
|
+
"hc-light": {
|
|
981
|
+
"base": "198 100% 42%",
|
|
982
|
+
"adjustments": [
|
|
983
|
+
"solid moved to 198 100% 35% to stay visible (4.5:1) against the canvas",
|
|
984
|
+
"solid darkened 198 100% 35% → 198 100% 26.5% so white text meets 7:1",
|
|
985
|
+
"strong set to 198 100% 24.5% for 7:1 text contrast"
|
|
986
|
+
],
|
|
987
|
+
"ratios": {
|
|
988
|
+
"onSolid": 7.03,
|
|
989
|
+
"strongOnCanvas": 7.9,
|
|
990
|
+
"strongOnSurface": 7.9,
|
|
991
|
+
"strongOnSubtle": 7.46
|
|
992
|
+
}
|
|
993
|
+
},
|
|
994
|
+
"hc-dark": {
|
|
995
|
+
"base": "198 100% 42%",
|
|
996
|
+
"adjustments": [
|
|
997
|
+
"solid moved to 198 100% 46.5% so dark text meets 7:1",
|
|
998
|
+
"strong set to 198 100% 57% for 7:1 text contrast"
|
|
999
|
+
],
|
|
1000
|
+
"ratios": {
|
|
1001
|
+
"onSolid": 7.01,
|
|
1002
|
+
"strongOnCanvas": 9.8,
|
|
1003
|
+
"strongOnSurface": 9.8,
|
|
1004
|
+
"strongOnSubtle": 7.96
|
|
1005
|
+
}
|
|
1006
|
+
}
|
|
1007
|
+
},
|
|
1008
|
+
"stride": {
|
|
1009
|
+
"light": {
|
|
1010
|
+
"base": "136 63% 42%",
|
|
1011
|
+
"adjustments": [
|
|
1012
|
+
"solid darkened 136 63% 42% → 136 63% 32.5% so white text meets 4.5:1",
|
|
1013
|
+
"strong set to 136 63% 30.5% for 4.5:1 text contrast"
|
|
1014
|
+
],
|
|
1015
|
+
"ratios": {
|
|
1016
|
+
"onSolid": 4.58,
|
|
1017
|
+
"strongOnCanvas": 4.94,
|
|
1018
|
+
"strongOnSurface": 5.07,
|
|
1019
|
+
"strongOnSubtle": 4.79
|
|
1020
|
+
}
|
|
1021
|
+
},
|
|
1022
|
+
"dark": {
|
|
1023
|
+
"base": "136 63% 42%",
|
|
1024
|
+
"adjustments": [
|
|
1025
|
+
"solid darkened 136 63% 42% → 136 63% 32.5% so white text meets 4.5:1",
|
|
1026
|
+
"strong set to 136 63% 43% for 4.5:1 text contrast"
|
|
1027
|
+
],
|
|
1028
|
+
"ratios": {
|
|
1029
|
+
"onSolid": 4.58,
|
|
1030
|
+
"strongOnCanvas": 6.98,
|
|
1031
|
+
"strongOnSurface": 6.48,
|
|
1032
|
+
"strongOnSubtle": 5.3
|
|
1033
|
+
}
|
|
1034
|
+
},
|
|
1035
|
+
"hc-light": {
|
|
1036
|
+
"base": "136 63% 42%",
|
|
1037
|
+
"adjustments": [
|
|
1038
|
+
"solid moved to 136 63% 32.5% to stay visible (4.5:1) against the canvas",
|
|
1039
|
+
"solid darkened 136 63% 32.5% → 136 63% 24.5% so white text meets 7:1",
|
|
1040
|
+
"strong set to 136 63% 22.5% for 7:1 text contrast"
|
|
1041
|
+
],
|
|
1042
|
+
"ratios": {
|
|
1043
|
+
"onSolid": 7.06,
|
|
1044
|
+
"strongOnCanvas": 7.88,
|
|
1045
|
+
"strongOnSurface": 7.88,
|
|
1046
|
+
"strongOnSubtle": 7.52
|
|
1047
|
+
}
|
|
1048
|
+
},
|
|
1049
|
+
"hc-dark": {
|
|
1050
|
+
"base": "136 63% 42%",
|
|
1051
|
+
"adjustments": [
|
|
1052
|
+
"solid moved to 136 63% 43.5% so dark text meets 7:1",
|
|
1053
|
+
"strong set to 136 63% 50% for 7:1 text contrast"
|
|
1054
|
+
],
|
|
1055
|
+
"ratios": {
|
|
1056
|
+
"onSolid": 7.13,
|
|
1057
|
+
"strongOnCanvas": 10.29,
|
|
1058
|
+
"strongOnSurface": 10.29,
|
|
1059
|
+
"strongOnSubtle": 8.25
|
|
1060
|
+
}
|
|
1061
|
+
}
|
|
1062
|
+
},
|
|
1063
|
+
"tickets": {
|
|
1064
|
+
"light": {
|
|
1065
|
+
"base": "354 71% 52%",
|
|
1066
|
+
"adjustments": [
|
|
1067
|
+
"strong set to 354 71% 46.5% for 4.5:1 text contrast"
|
|
1068
|
+
],
|
|
1069
|
+
"ratios": {
|
|
1070
|
+
"onSolid": 4.66,
|
|
1071
|
+
"strongOnCanvas": 5.37,
|
|
1072
|
+
"strongOnSurface": 5.5,
|
|
1073
|
+
"strongOnSubtle": 4.95
|
|
1074
|
+
}
|
|
1075
|
+
},
|
|
1076
|
+
"dark": {
|
|
1077
|
+
"base": "354 71% 52%",
|
|
1078
|
+
"adjustments": [
|
|
1079
|
+
"strong set to 354 71% 65% for 4.5:1 text contrast"
|
|
1080
|
+
],
|
|
1081
|
+
"ratios": {
|
|
1082
|
+
"onSolid": 4.66,
|
|
1083
|
+
"strongOnCanvas": 5.91,
|
|
1084
|
+
"strongOnSurface": 5.49,
|
|
1085
|
+
"strongOnSubtle": 5.06
|
|
1086
|
+
}
|
|
1087
|
+
},
|
|
1088
|
+
"hc-light": {
|
|
1089
|
+
"base": "354 71% 52%",
|
|
1090
|
+
"adjustments": [
|
|
1091
|
+
"solid moved to 354 71% 39.5% so white text meets 7:1",
|
|
1092
|
+
"strong set to 354 71% 34.5% for 7:1 text contrast"
|
|
1093
|
+
],
|
|
1094
|
+
"ratios": {
|
|
1095
|
+
"onSolid": 7.08,
|
|
1096
|
+
"strongOnCanvas": 8.49,
|
|
1097
|
+
"strongOnSurface": 8.49,
|
|
1098
|
+
"strongOnSubtle": 7.74
|
|
1099
|
+
}
|
|
1100
|
+
},
|
|
1101
|
+
"hc-dark": {
|
|
1102
|
+
"base": "354 71% 52%",
|
|
1103
|
+
"adjustments": [
|
|
1104
|
+
"solid moved to 354 71% 70% so dark text meets 7:1",
|
|
1105
|
+
"strong set to 354 71% 74.5% for 7:1 text contrast"
|
|
1106
|
+
],
|
|
1107
|
+
"ratios": {
|
|
1108
|
+
"onSolid": 7.03,
|
|
1109
|
+
"strongOnCanvas": 9.02,
|
|
1110
|
+
"strongOnSurface": 9.02,
|
|
1111
|
+
"strongOnSubtle": 7.76
|
|
1112
|
+
}
|
|
1113
|
+
}
|
|
1114
|
+
}
|
|
1115
|
+
},
|
|
1116
|
+
"status": {
|
|
1117
|
+
"light": {
|
|
1118
|
+
"danger": {
|
|
1119
|
+
"base": "354.5 71.3% 52.2%",
|
|
1120
|
+
"adjustments": [
|
|
1121
|
+
"strong set to 354.5 71.3% 46.2% for 4.5:1 text contrast"
|
|
1122
|
+
],
|
|
1123
|
+
"ratios": {
|
|
1124
|
+
"onSolid": 4.66,
|
|
1125
|
+
"strongOnCanvas": 5.41,
|
|
1126
|
+
"strongOnSurface": 5.55,
|
|
1127
|
+
"strongOnSubtle": 4.99
|
|
1128
|
+
}
|
|
1129
|
+
},
|
|
1130
|
+
"success": {
|
|
1131
|
+
"base": "136 62.8% 42.2%",
|
|
1132
|
+
"adjustments": [
|
|
1133
|
+
"solid darkened 136 62.8% 42.2% → 136 62.8% 32.7% so white text meets 4.5:1",
|
|
1134
|
+
"strong set to 136 62.8% 30.7% for 4.5:1 text contrast"
|
|
1135
|
+
],
|
|
1136
|
+
"ratios": {
|
|
1137
|
+
"onSolid": 4.52,
|
|
1138
|
+
"strongOnCanvas": 4.94,
|
|
1139
|
+
"strongOnSurface": 5.07,
|
|
1140
|
+
"strongOnSubtle": 4.79
|
|
1141
|
+
}
|
|
1142
|
+
},
|
|
1143
|
+
"warning": {
|
|
1144
|
+
"base": "44.3 100% 47.8%",
|
|
1145
|
+
"adjustments": [
|
|
1146
|
+
"dark text used on solid (white would fail contrast)",
|
|
1147
|
+
"strong set to 44.3 100% 27.8% for 4.5:1 text contrast"
|
|
1148
|
+
],
|
|
1149
|
+
"ratios": {
|
|
1150
|
+
"onSolid": 10.38,
|
|
1151
|
+
"strongOnCanvas": 4.91,
|
|
1152
|
+
"strongOnSurface": 5.04,
|
|
1153
|
+
"strongOnSubtle": 4.82
|
|
1154
|
+
}
|
|
1155
|
+
},
|
|
1156
|
+
"info": {
|
|
1157
|
+
"base": "197.5 100% 41.6%",
|
|
1158
|
+
"adjustments": [
|
|
1159
|
+
"solid darkened 197.5 100% 41.6% → 197.5 100% 34.6% so white text meets 4.5:1",
|
|
1160
|
+
"strong set to 197.5 100% 32.1% for 4.5:1 text contrast"
|
|
1161
|
+
],
|
|
1162
|
+
"ratios": {
|
|
1163
|
+
"onSolid": 4.6,
|
|
1164
|
+
"strongOnCanvas": 5.08,
|
|
1165
|
+
"strongOnSurface": 5.21,
|
|
1166
|
+
"strongOnSubtle": 4.87
|
|
1167
|
+
}
|
|
1168
|
+
}
|
|
1169
|
+
},
|
|
1170
|
+
"dark": {
|
|
1171
|
+
"danger": {
|
|
1172
|
+
"base": "354.5 71.3% 52.2%",
|
|
1173
|
+
"adjustments": [
|
|
1174
|
+
"strong set to 354.5 71.3% 64.7% for 4.5:1 text contrast"
|
|
1175
|
+
],
|
|
1176
|
+
"ratios": {
|
|
1177
|
+
"onSolid": 4.66,
|
|
1178
|
+
"strongOnCanvas": 5.87,
|
|
1179
|
+
"strongOnSurface": 5.44,
|
|
1180
|
+
"strongOnSubtle": 5.02
|
|
1181
|
+
}
|
|
1182
|
+
},
|
|
1183
|
+
"success": {
|
|
1184
|
+
"base": "136 62.8% 42.2%",
|
|
1185
|
+
"adjustments": [
|
|
1186
|
+
"solid darkened 136 62.8% 42.2% → 136 62.8% 32.7% so white text meets 4.5:1",
|
|
1187
|
+
"strong set to 136 62.8% 43.2% for 4.5:1 text contrast"
|
|
1188
|
+
],
|
|
1189
|
+
"ratios": {
|
|
1190
|
+
"onSolid": 4.52,
|
|
1191
|
+
"strongOnCanvas": 6.98,
|
|
1192
|
+
"strongOnSurface": 6.48,
|
|
1193
|
+
"strongOnSubtle": 5.3
|
|
1194
|
+
}
|
|
1195
|
+
},
|
|
1196
|
+
"warning": {
|
|
1197
|
+
"base": "44.3 100% 47.8%",
|
|
1198
|
+
"adjustments": [
|
|
1199
|
+
"dark text used on solid (white would fail contrast)"
|
|
1200
|
+
],
|
|
1201
|
+
"ratios": {
|
|
1202
|
+
"onSolid": 10.38,
|
|
1203
|
+
"strongOnCanvas": 10.38,
|
|
1204
|
+
"strongOnSurface": 9.63,
|
|
1205
|
+
"strongOnSubtle": 7.7
|
|
1206
|
+
}
|
|
1207
|
+
},
|
|
1208
|
+
"info": {
|
|
1209
|
+
"base": "197.5 100% 41.6%",
|
|
1210
|
+
"adjustments": [
|
|
1211
|
+
"solid darkened 197.5 100% 41.6% → 197.5 100% 34.6% so white text meets 4.5:1",
|
|
1212
|
+
"strong set to 197.5 100% 45.6% for 4.5:1 text contrast"
|
|
1213
|
+
],
|
|
1214
|
+
"ratios": {
|
|
1215
|
+
"onSolid": 4.6,
|
|
1216
|
+
"strongOnCanvas": 6.82,
|
|
1217
|
+
"strongOnSurface": 6.33,
|
|
1218
|
+
"strongOnSubtle": 5.3
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
},
|
|
1222
|
+
"hc-light": {
|
|
1223
|
+
"danger": {
|
|
1224
|
+
"base": "354.5 71.3% 52.2%",
|
|
1225
|
+
"adjustments": [
|
|
1226
|
+
"solid moved to 354.5 71.3% 39.7% so white text meets 7:1",
|
|
1227
|
+
"strong set to 354.5 71.3% 34.7% for 7:1 text contrast"
|
|
1228
|
+
],
|
|
1229
|
+
"ratios": {
|
|
1230
|
+
"onSolid": 7.03,
|
|
1231
|
+
"strongOnCanvas": 8.46,
|
|
1232
|
+
"strongOnSurface": 8.46,
|
|
1233
|
+
"strongOnSubtle": 7.71
|
|
1234
|
+
}
|
|
1235
|
+
},
|
|
1236
|
+
"success": {
|
|
1237
|
+
"base": "136 62.8% 42.2%",
|
|
1238
|
+
"adjustments": [
|
|
1239
|
+
"solid moved to 136 62.8% 32.7% to stay visible (4.5:1) against the canvas",
|
|
1240
|
+
"solid darkened 136 62.8% 32.7% → 136 62.8% 24.7% so white text meets 7:1",
|
|
1241
|
+
"strong set to 136 62.8% 22.7% for 7:1 text contrast"
|
|
1242
|
+
],
|
|
1243
|
+
"ratios": {
|
|
1244
|
+
"onSolid": 7.06,
|
|
1245
|
+
"strongOnCanvas": 7.88,
|
|
1246
|
+
"strongOnSurface": 7.88,
|
|
1247
|
+
"strongOnSubtle": 7.52
|
|
1248
|
+
}
|
|
1249
|
+
},
|
|
1250
|
+
"warning": {
|
|
1251
|
+
"base": "44.3 100% 47.8%",
|
|
1252
|
+
"adjustments": [
|
|
1253
|
+
"solid moved to 44.3 100% 29.8% to stay visible (4.5:1) against the canvas",
|
|
1254
|
+
"solid darkened 44.3 100% 29.8% → 44.3 100% 22.3% so white text meets 7:1",
|
|
1255
|
+
"strong set to 44.3 100% 20.8% for 7:1 text contrast"
|
|
1256
|
+
],
|
|
1257
|
+
"ratios": {
|
|
1258
|
+
"onSolid": 7.04,
|
|
1259
|
+
"strongOnCanvas": 7.77,
|
|
1260
|
+
"strongOnSurface": 7.77,
|
|
1261
|
+
"strongOnSubtle": 7.46
|
|
1262
|
+
}
|
|
1263
|
+
},
|
|
1264
|
+
"info": {
|
|
1265
|
+
"base": "197.5 100% 41.6%",
|
|
1266
|
+
"adjustments": [
|
|
1267
|
+
"solid moved to 197.5 100% 34.6% to stay visible (4.5:1) against the canvas",
|
|
1268
|
+
"solid darkened 197.5 100% 34.6% → 197.5 100% 26.1% so white text meets 7:1",
|
|
1269
|
+
"strong set to 197.5 100% 24.1% for 7:1 text contrast"
|
|
1270
|
+
],
|
|
1271
|
+
"ratios": {
|
|
1272
|
+
"onSolid": 7.14,
|
|
1273
|
+
"strongOnCanvas": 7.93,
|
|
1274
|
+
"strongOnSurface": 7.93,
|
|
1275
|
+
"strongOnSubtle": 7.49
|
|
1276
|
+
}
|
|
1277
|
+
}
|
|
1278
|
+
},
|
|
1279
|
+
"hc-dark": {
|
|
1280
|
+
"danger": {
|
|
1281
|
+
"base": "354.5 71.3% 52.2%",
|
|
1282
|
+
"adjustments": [
|
|
1283
|
+
"solid moved to 354.5 71.3% 70.2% so dark text meets 7:1",
|
|
1284
|
+
"strong set to 354.5 71.3% 74.7% for 7:1 text contrast"
|
|
1285
|
+
],
|
|
1286
|
+
"ratios": {
|
|
1287
|
+
"onSolid": 7.07,
|
|
1288
|
+
"strongOnCanvas": 9.02,
|
|
1289
|
+
"strongOnSurface": 9.02,
|
|
1290
|
+
"strongOnSubtle": 7.76
|
|
1291
|
+
}
|
|
1292
|
+
},
|
|
1293
|
+
"success": {
|
|
1294
|
+
"base": "136 62.8% 42.2%",
|
|
1295
|
+
"adjustments": [
|
|
1296
|
+
"solid moved to 136 62.8% 43.7% so dark text meets 7:1",
|
|
1297
|
+
"strong set to 136 62.8% 50.2% for 7:1 text contrast"
|
|
1298
|
+
],
|
|
1299
|
+
"ratios": {
|
|
1300
|
+
"onSolid": 7.14,
|
|
1301
|
+
"strongOnCanvas": 10.3,
|
|
1302
|
+
"strongOnSurface": 10.3,
|
|
1303
|
+
"strongOnSubtle": 8.26
|
|
1304
|
+
}
|
|
1305
|
+
},
|
|
1306
|
+
"warning": {
|
|
1307
|
+
"base": "44.3 100% 47.8%",
|
|
1308
|
+
"adjustments": [
|
|
1309
|
+
"dark text used on solid (white would fail contrast)"
|
|
1310
|
+
],
|
|
1311
|
+
"ratios": {
|
|
1312
|
+
"onSolid": 10.38,
|
|
1313
|
+
"strongOnCanvas": 11.38,
|
|
1314
|
+
"strongOnSurface": 11.38,
|
|
1315
|
+
"strongOnSubtle": 8.97
|
|
1316
|
+
}
|
|
1317
|
+
},
|
|
1318
|
+
"info": {
|
|
1319
|
+
"base": "197.5 100% 41.6%",
|
|
1320
|
+
"adjustments": [
|
|
1321
|
+
"solid moved to 197.5 100% 46.6% so dark text meets 7:1",
|
|
1322
|
+
"strong set to 197.5 100% 56.6% for 7:1 text contrast"
|
|
1323
|
+
],
|
|
1324
|
+
"ratios": {
|
|
1325
|
+
"onSolid": 7.15,
|
|
1326
|
+
"strongOnCanvas": 9.87,
|
|
1327
|
+
"strongOnSurface": 9.87,
|
|
1328
|
+
"strongOnSubtle": 8.02
|
|
1329
|
+
}
|
|
1330
|
+
}
|
|
1331
|
+
}
|
|
1332
|
+
}
|
|
1333
|
+
}
|