@nsaa/tokens 0.0.0-stage → 0.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/LICENSE +28 -0
  2. package/NOTICE +154 -0
  3. package/README.md +66 -2
  4. package/dist/contrast-report.md +1484 -0
  5. package/dist/figma-variables.json +4288 -0
  6. package/dist/motion.ts +180 -0
  7. package/dist/nsaa.css +2491 -0
  8. package/dist/shadcn-theme.json +90 -0
  9. package/dist/tokens.resolved.json +1351 -0
  10. package/package.json +31 -3
  11. package/src/color.json +850 -0
  12. package/src/effects.json +73 -0
  13. package/src/primitives-p3.json +686 -0
  14. package/src/primitives.json +688 -0
  15. package/src/shadcn.json +38 -0
  16. package/src/theme.json +70 -0
  17. package/src/type.json +208 -0
package/dist/contrast-report.md ADDED
@@ -0,0 +1,1484 @@
1
+ # Nsaa contrast report
2
+
3
+ Generated by packages/tokens/build.py, v0.1.0. Text needs 4.5:1; non-text (fills, control borders, focus) needs 3:1. Disabled states are exempt. Every pair is checked twice: sRGB (default) and Display-P3 (wide-gamut screens).
4
+
5
+ **Result: PASS** (1438 pairs checked, 0 failing)
6
+
7
+ ## Advisory (shadcn 1:1 values, #84/#85, not gated)
8
+
9
+ | Mode | Foreground | Background | Ratio | Needs |
10
+ |---|---|---|---|---|
11
+ | light | brand-border-focus (non-text) | page | 2.59 | 3.0 |
12
+ | light (P3) | brand-border-focus (non-text) | page | 2.59 | 3.0 |
13
+
14
+ ## All pairs
15
+
16
+ | Mode | Foreground | Background | Ratio | Needs |
17
+ |---|---|---|---|---|
18
+ | light | foreground | page | 19.79 | 4.5 |
19
+ | light | paragraph-foreground | page | 16.29 | 4.5 |
20
+ | light | muted-foreground | page | 5.06 | 4.5 |
21
+ | light | muted-foreground-solid | page | 5.92 | 4.5 |
22
+ | light | tertiary-foreground | page | 5.92 | 4.5 |
23
+ | light | placeholder-foreground | page | 5.92 | 4.5 |
24
+ | light | brand-foreground | page | 16.29 | 4.5 |
25
+ | light | positive-foreground | page | 7.23 | 4.5 |
26
+ | light | warning-foreground | page | 6.96 | 4.5 |
27
+ | light | danger-foreground | page | 7.58 | 4.5 |
28
+ | light | info-foreground | page | 8.92 | 4.5 |
29
+ | light | foreground | container | 19.79 | 4.5 |
30
+ | light | paragraph-foreground | container | 16.29 | 4.5 |
31
+ | light | muted-foreground | container | 5.06 | 4.5 |
32
+ | light | muted-foreground-solid | container | 5.92 | 4.5 |
33
+ | light | tertiary-foreground | container | 5.92 | 4.5 |
34
+ | light | placeholder-foreground | container | 5.92 | 4.5 |
35
+ | light | brand-foreground | container | 16.29 | 4.5 |
36
+ | light | positive-foreground | container | 7.23 | 4.5 |
37
+ | light | warning-foreground | container | 6.96 | 4.5 |
38
+ | light | danger-foreground | container | 7.58 | 4.5 |
39
+ | light | info-foreground | container | 8.92 | 4.5 |
40
+ | light | foreground | modal | 19.79 | 4.5 |
41
+ | light | paragraph-foreground | modal | 16.29 | 4.5 |
42
+ | light | muted-foreground | modal | 5.06 | 4.5 |
43
+ | light | muted-foreground-solid | modal | 5.92 | 4.5 |
44
+ | light | tertiary-foreground | modal | 5.92 | 4.5 |
45
+ | light | placeholder-foreground | modal | 5.92 | 4.5 |
46
+ | light | brand-foreground | modal | 16.29 | 4.5 |
47
+ | light | positive-foreground | modal | 7.23 | 4.5 |
48
+ | light | warning-foreground | modal | 6.96 | 4.5 |
49
+ | light | danger-foreground | modal | 7.58 | 4.5 |
50
+ | light | info-foreground | modal | 8.92 | 4.5 |
51
+ | light | foreground | shell | 18.96 | 4.5 |
52
+ | light | paragraph-foreground | shell | 15.72 | 4.5 |
53
+ | light | muted-foreground | shell | 4.85 | 4.5 |
54
+ | light | muted-foreground-solid | shell | 5.67 | 4.5 |
55
+ | light | tertiary-foreground | shell | 5.84 | 4.5 |
56
+ | light | placeholder-foreground | shell | 5.84 | 4.5 |
57
+ | light | brand-foreground | shell | 15.61 | 4.5 |
58
+ | light | positive-foreground | shell | 6.93 | 4.5 |
59
+ | light | warning-foreground | shell | 6.67 | 4.5 |
60
+ | light | danger-foreground | shell | 7.26 | 4.5 |
61
+ | light | info-foreground | shell | 8.54 | 4.5 |
62
+ | light | foreground | card-subtle | 18.80 | 4.5 |
63
+ | light | paragraph-foreground | card-subtle | 15.61 | 4.5 |
64
+ | light | muted-foreground | card-subtle | 4.81 | 4.5 |
65
+ | light | muted-foreground-solid | card-subtle | 5.62 | 4.5 |
66
+ | light | tertiary-foreground | card-subtle | 5.82 | 4.5 |
67
+ | light | placeholder-foreground | card-subtle | 5.82 | 4.5 |
68
+ | light | brand-foreground | card-subtle | 15.48 | 4.5 |
69
+ | light | positive-foreground | card-subtle | 6.87 | 4.5 |
70
+ | light | warning-foreground | card-subtle | 6.61 | 4.5 |
71
+ | light | danger-foreground | card-subtle | 7.20 | 4.5 |
72
+ | light | info-foreground | card-subtle | 8.47 | 4.5 |
73
+ | light | foreground | component | 18.15 | 4.5 |
74
+ | light | paragraph-foreground | component | 15.16 | 4.5 |
75
+ | light | muted-foreground | component | 4.64 | 4.5 |
76
+ | light | muted-foreground-solid | component | 5.43 | 4.5 |
77
+ | light | tertiary-foreground | component | 5.76 | 4.5 |
78
+ | light | placeholder-foreground | component | 5.76 | 4.5 |
79
+ | light | brand-foreground | component | 14.94 | 4.5 |
80
+ | light | positive-foreground | component | 6.63 | 4.5 |
81
+ | light | warning-foreground | component | 6.38 | 4.5 |
82
+ | light | danger-foreground | component | 6.95 | 4.5 |
83
+ | light | info-foreground | component | 8.17 | 4.5 |
84
+ | light | on-brand-solid-foreground | brand-solid | 17.16 | 4.5 |
85
+ | light | on-brand-solid-foreground | brand-solid-hover | 11.51 | 4.5 |
86
+ | light | on-brand-solid-foreground | brand-solid-active | 9.02 | 4.5 |
87
+ | light | on-brand-subtle-foreground | brand-subtle | 14.30 | 4.5 |
88
+ | light | on-positive-solid-foreground | positive-solid | 4.72 | 4.5 |
89
+ | light | on-positive-solid-foreground | positive-solid-hover | 6.26 | 4.5 |
90
+ | light | on-positive-solid-foreground | positive-solid-active | 7.96 | 4.5 |
91
+ | light | on-positive-subtle-foreground | positive-subtle | 11.00 | 4.5 |
92
+ | light | on-warning-solid-foreground | warning-solid | 5.08 | 4.5 |
93
+ | light | on-warning-solid-foreground | warning-solid-hover | 6.01 | 4.5 |
94
+ | light | on-warning-solid-foreground | warning-solid-active | 7.68 | 4.5 |
95
+ | light | on-warning-subtle-foreground | warning-subtle | 10.28 | 4.5 |
96
+ | light | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
97
+ | light | on-danger-solid-foreground | danger-solid-hover | 6.13 | 4.5 |
98
+ | light | on-danger-solid-foreground | danger-solid-active | 7.81 | 4.5 |
99
+ | light | on-danger-subtle-foreground | danger-subtle | 11.34 | 4.5 |
100
+ | light | on-info-solid-foreground | info-solid | 6.07 | 4.5 |
101
+ | light | on-info-solid-foreground | info-solid-hover | 7.85 | 4.5 |
102
+ | light | on-info-solid-foreground | info-solid-active | 9.69 | 4.5 |
103
+ | light | on-info-subtle-foreground | info-subtle | 11.85 | 4.5 |
104
+ | light | on-inverted-foreground | inverted-solid | 19.44 | 4.5 |
105
+ | light | border-input (contrast more) | container | 3.32 | 3.0 |
106
+ | light | border-input-hover (contrast more) | container | 3.32 | 3.0 |
107
+ | light | danger-border-default (contrast more) | container | 7.58 | 3.0 |
108
+ | light | foreground | toggle-on | 14.99 | 4.5 |
109
+ | light | foreground | toggle-on-hover | 14.02 | 4.5 |
110
+ | light | foreground | toggle-on-active | 12.58 | 4.5 |
111
+ | light | brand-foreground | brand-subtle | 14.30 | 4.5 |
112
+ | light | brand-foreground | brand-subtle-hover | 13.30 | 4.5 |
113
+ | light | brand-foreground | brand-subtle-active | 12.34 | 4.5 |
114
+ | light | danger-foreground | danger-subtle | 7.22 | 4.5 |
115
+ | light | danger-foreground | danger-subtle-hover | 6.59 | 4.5 |
116
+ | light | danger-foreground | danger-subtle-active | 5.33 | 4.5 |
117
+ | light | border-control (on ring) | toggle-on | 3.17 | 3.0 |
118
+ | light | border-control (on ring) | toggle-on-hover | 3.13 | 3.0 |
119
+ | light | border-control (on ring) | component | 3.27 | 3.0 |
120
+ | light | border-control (on ring) | component-hover | 3.21 | 3.0 |
121
+ | light | brand-foreground (on ring) | brand-subtle | 14.30 | 3.0 |
122
+ | light | brand-foreground (on ring) | brand-subtle-hover | 13.30 | 3.0 |
123
+ | light | danger-foreground (on ring) | danger-subtle | 7.22 | 3.0 |
124
+ | light | danger-foreground (on ring) | danger-subtle-hover | 6.59 | 3.0 |
125
+ | light | on-inverted-foreground (on ring) | inverted-solid | 19.44 | 3.0 |
126
+ | light | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
127
+ | light | on-brand-solid-foreground (on ring) | brand-solid | 17.16 | 3.0 |
128
+ | light | on-brand-solid-foreground (on ring) | brand-solid-hover | 11.51 | 3.0 |
129
+ | light | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
130
+ | light | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.13 | 3.0 |
131
+ | light | on-standout-primary-foreground | standout | 16.29 | 4.5 |
132
+ | light | on-standout-secondary-foreground | standout | 5.10 | 4.5 |
133
+ | light | brand-fill (non-text) | page | 16.29 | 3.0 |
134
+ | light | border-control (non-text) | container | 3.32 | 3.0 |
135
+ | light | brand-border-focus (non-text) | page | 2.59 | 3.0 |
136
+ | light + high contrast | foreground | page | 16.29 | 4.5 |
137
+ | light + high contrast | paragraph-foreground | page | 16.29 | 4.5 |
138
+ | light + high contrast | muted-foreground | page | 16.29 | 4.5 |
139
+ | light + high contrast | muted-foreground-solid | page | 16.29 | 4.5 |
140
+ | light + high contrast | tertiary-foreground | page | 16.29 | 4.5 |
141
+ | light + high contrast | placeholder-foreground | page | 5.92 | 4.5 |
142
+ | light + high contrast | brand-foreground | page | 16.29 | 4.5 |
143
+ | light + high contrast | positive-foreground | page | 7.23 | 4.5 |
144
+ | light + high contrast | warning-foreground | page | 6.96 | 4.5 |
145
+ | light + high contrast | danger-foreground | page | 7.58 | 4.5 |
146
+ | light + high contrast | info-foreground | page | 8.92 | 4.5 |
147
+ | light + high contrast | foreground | container | 16.29 | 4.5 |
148
+ | light + high contrast | paragraph-foreground | container | 16.29 | 4.5 |
149
+ | light + high contrast | muted-foreground | container | 16.29 | 4.5 |
150
+ | light + high contrast | muted-foreground-solid | container | 16.29 | 4.5 |
151
+ | light + high contrast | tertiary-foreground | container | 16.29 | 4.5 |
152
+ | light + high contrast | placeholder-foreground | container | 5.92 | 4.5 |
153
+ | light + high contrast | brand-foreground | container | 16.29 | 4.5 |
154
+ | light + high contrast | positive-foreground | container | 7.23 | 4.5 |
155
+ | light + high contrast | warning-foreground | container | 6.96 | 4.5 |
156
+ | light + high contrast | danger-foreground | container | 7.58 | 4.5 |
157
+ | light + high contrast | info-foreground | container | 8.92 | 4.5 |
158
+ | light + high contrast | foreground | modal | 16.29 | 4.5 |
159
+ | light + high contrast | paragraph-foreground | modal | 16.29 | 4.5 |
160
+ | light + high contrast | muted-foreground | modal | 16.29 | 4.5 |
161
+ | light + high contrast | muted-foreground-solid | modal | 16.29 | 4.5 |
162
+ | light + high contrast | tertiary-foreground | modal | 16.29 | 4.5 |
163
+ | light + high contrast | placeholder-foreground | modal | 5.92 | 4.5 |
164
+ | light + high contrast | brand-foreground | modal | 16.29 | 4.5 |
165
+ | light + high contrast | positive-foreground | modal | 7.23 | 4.5 |
166
+ | light + high contrast | warning-foreground | modal | 6.96 | 4.5 |
167
+ | light + high contrast | danger-foreground | modal | 7.58 | 4.5 |
168
+ | light + high contrast | info-foreground | modal | 8.92 | 4.5 |
169
+ | light + high contrast | foreground | shell | 15.72 | 4.5 |
170
+ | light + high contrast | paragraph-foreground | shell | 15.72 | 4.5 |
171
+ | light + high contrast | muted-foreground | shell | 15.72 | 4.5 |
172
+ | light + high contrast | muted-foreground-solid | shell | 15.61 | 4.5 |
173
+ | light + high contrast | tertiary-foreground | shell | 15.72 | 4.5 |
174
+ | light + high contrast | placeholder-foreground | shell | 5.84 | 4.5 |
175
+ | light + high contrast | brand-foreground | shell | 15.61 | 4.5 |
176
+ | light + high contrast | positive-foreground | shell | 6.93 | 4.5 |
177
+ | light + high contrast | warning-foreground | shell | 6.67 | 4.5 |
178
+ | light + high contrast | danger-foreground | shell | 7.26 | 4.5 |
179
+ | light + high contrast | info-foreground | shell | 8.54 | 4.5 |
180
+ | light + high contrast | foreground | card-subtle | 15.61 | 4.5 |
181
+ | light + high contrast | paragraph-foreground | card-subtle | 15.61 | 4.5 |
182
+ | light + high contrast | muted-foreground | card-subtle | 15.61 | 4.5 |
183
+ | light + high contrast | muted-foreground-solid | card-subtle | 15.48 | 4.5 |
184
+ | light + high contrast | tertiary-foreground | card-subtle | 15.61 | 4.5 |
185
+ | light + high contrast | placeholder-foreground | card-subtle | 5.82 | 4.5 |
186
+ | light + high contrast | brand-foreground | card-subtle | 15.48 | 4.5 |
187
+ | light + high contrast | positive-foreground | card-subtle | 6.87 | 4.5 |
188
+ | light + high contrast | warning-foreground | card-subtle | 6.61 | 4.5 |
189
+ | light + high contrast | danger-foreground | card-subtle | 7.20 | 4.5 |
190
+ | light + high contrast | info-foreground | card-subtle | 8.47 | 4.5 |
191
+ | light + high contrast | foreground | component | 15.16 | 4.5 |
192
+ | light + high contrast | paragraph-foreground | component | 15.16 | 4.5 |
193
+ | light + high contrast | muted-foreground | component | 15.16 | 4.5 |
194
+ | light + high contrast | muted-foreground-solid | component | 14.94 | 4.5 |
195
+ | light + high contrast | tertiary-foreground | component | 15.16 | 4.5 |
196
+ | light + high contrast | placeholder-foreground | component | 5.76 | 4.5 |
197
+ | light + high contrast | brand-foreground | component | 14.94 | 4.5 |
198
+ | light + high contrast | positive-foreground | component | 6.63 | 4.5 |
199
+ | light + high contrast | warning-foreground | component | 6.38 | 4.5 |
200
+ | light + high contrast | danger-foreground | component | 6.95 | 4.5 |
201
+ | light + high contrast | info-foreground | component | 8.17 | 4.5 |
202
+ | light + high contrast | on-brand-solid-foreground | brand-solid | 17.16 | 4.5 |
203
+ | light + high contrast | on-brand-solid-foreground | brand-solid-hover | 11.51 | 4.5 |
204
+ | light + high contrast | on-brand-solid-foreground | brand-solid-active | 9.02 | 4.5 |
205
+ | light + high contrast | on-brand-subtle-foreground | brand-subtle | 14.30 | 4.5 |
206
+ | light + high contrast | on-positive-solid-foreground | positive-solid | 4.72 | 4.5 |
207
+ | light + high contrast | on-positive-solid-foreground | positive-solid-hover | 6.26 | 4.5 |
208
+ | light + high contrast | on-positive-solid-foreground | positive-solid-active | 7.96 | 4.5 |
209
+ | light + high contrast | on-positive-subtle-foreground | positive-subtle | 11.00 | 4.5 |
210
+ | light + high contrast | on-warning-solid-foreground | warning-solid | 5.08 | 4.5 |
211
+ | light + high contrast | on-warning-solid-foreground | warning-solid-hover | 6.01 | 4.5 |
212
+ | light + high contrast | on-warning-solid-foreground | warning-solid-active | 7.68 | 4.5 |
213
+ | light + high contrast | on-warning-subtle-foreground | warning-subtle | 10.28 | 4.5 |
214
+ | light + high contrast | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
215
+ | light + high contrast | on-danger-solid-foreground | danger-solid-hover | 6.13 | 4.5 |
216
+ | light + high contrast | on-danger-solid-foreground | danger-solid-active | 7.81 | 4.5 |
217
+ | light + high contrast | on-danger-subtle-foreground | danger-subtle | 11.34 | 4.5 |
218
+ | light + high contrast | on-info-solid-foreground | info-solid | 6.07 | 4.5 |
219
+ | light + high contrast | on-info-solid-foreground | info-solid-hover | 7.85 | 4.5 |
220
+ | light + high contrast | on-info-solid-foreground | info-solid-active | 9.69 | 4.5 |
221
+ | light + high contrast | on-info-subtle-foreground | info-subtle | 11.85 | 4.5 |
222
+ | light + high contrast | on-inverted-foreground | inverted-solid | 19.44 | 4.5 |
223
+ | light + high contrast | border-input (contrast more) | container | 3.32 | 3.0 |
224
+ | light + high contrast | border-input-hover (contrast more) | container | 3.32 | 3.0 |
225
+ | light + high contrast | danger-border-default (contrast more) | container | 7.58 | 3.0 |
226
+ | light + high contrast | foreground | toggle-on | 12.89 | 4.5 |
227
+ | light + high contrast | foreground | toggle-on-hover | 12.17 | 4.5 |
228
+ | light + high contrast | foreground | toggle-on-active | 11.08 | 4.5 |
229
+ | light + high contrast | brand-foreground | brand-subtle | 14.30 | 4.5 |
230
+ | light + high contrast | brand-foreground | brand-subtle-hover | 13.30 | 4.5 |
231
+ | light + high contrast | brand-foreground | brand-subtle-active | 12.34 | 4.5 |
232
+ | light + high contrast | danger-foreground | danger-subtle | 7.22 | 4.5 |
233
+ | light + high contrast | danger-foreground | danger-subtle-hover | 6.59 | 4.5 |
234
+ | light + high contrast | danger-foreground | danger-subtle-active | 5.33 | 4.5 |
235
+ | light + high contrast | border-control (on ring) | toggle-on | 3.17 | 3.0 |
236
+ | light + high contrast | border-control (on ring) | toggle-on-hover | 3.13 | 3.0 |
237
+ | light + high contrast | border-control (on ring) | component | 3.27 | 3.0 |
238
+ | light + high contrast | border-control (on ring) | component-hover | 3.21 | 3.0 |
239
+ | light + high contrast | brand-foreground (on ring) | brand-subtle | 14.30 | 3.0 |
240
+ | light + high contrast | brand-foreground (on ring) | brand-subtle-hover | 13.30 | 3.0 |
241
+ | light + high contrast | danger-foreground (on ring) | danger-subtle | 7.22 | 3.0 |
242
+ | light + high contrast | danger-foreground (on ring) | danger-subtle-hover | 6.59 | 3.0 |
243
+ | light + high contrast | on-inverted-foreground (on ring) | inverted-solid | 19.44 | 3.0 |
244
+ | light + high contrast | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
245
+ | light + high contrast | on-brand-solid-foreground (on ring) | brand-solid | 17.16 | 3.0 |
246
+ | light + high contrast | on-brand-solid-foreground (on ring) | brand-solid-hover | 11.51 | 3.0 |
247
+ | light + high contrast | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
248
+ | light + high contrast | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.13 | 3.0 |
249
+ | light + high contrast | on-standout-primary-foreground | standout | 16.29 | 4.5 |
250
+ | light + high contrast | on-standout-secondary-foreground | standout | 5.10 | 4.5 |
251
+ | light + high contrast | brand-fill (non-text) | page | 16.29 | 3.0 |
252
+ | light + high contrast | border-control (non-text) | container | 3.32 | 3.0 |
253
+ | light + high contrast | brand-border-focus (non-text) | page | 5.92 | 3.0 |
254
+ | dark | foreground | page | 18.96 | 4.5 |
255
+ | dark | paragraph-foreground | page | 12.58 | 4.5 |
256
+ | dark | muted-foreground | page | 7.63 | 4.5 |
257
+ | dark | muted-foreground-solid | page | 9.55 | 4.5 |
258
+ | dark | tertiary-foreground | page | 9.35 | 4.5 |
259
+ | dark | placeholder-foreground | page | 9.35 | 4.5 |
260
+ | dark | brand-foreground | page | 17.06 | 4.5 |
261
+ | dark | positive-foreground | page | 10.55 | 4.5 |
262
+ | dark | warning-foreground | page | 9.82 | 4.5 |
263
+ | dark | danger-foreground | page | 9.40 | 4.5 |
264
+ | dark | info-foreground | page | 9.41 | 4.5 |
265
+ | dark | foreground | container | 17.16 | 4.5 |
266
+ | dark | paragraph-foreground | container | 11.69 | 4.5 |
267
+ | dark | muted-foreground | container | 6.91 | 4.5 |
268
+ | dark | muted-foreground-solid | container | 8.64 | 4.5 |
269
+ | dark | tertiary-foreground | container | 8.86 | 4.5 |
270
+ | dark | placeholder-foreground | container | 8.86 | 4.5 |
271
+ | dark | brand-foreground | container | 15.44 | 4.5 |
272
+ | dark | positive-foreground | container | 9.55 | 4.5 |
273
+ | dark | warning-foreground | container | 8.89 | 4.5 |
274
+ | dark | danger-foreground | container | 8.51 | 4.5 |
275
+ | dark | info-foreground | container | 8.52 | 4.5 |
276
+ | dark | foreground | modal | 17.16 | 4.5 |
277
+ | dark | paragraph-foreground | modal | 11.69 | 4.5 |
278
+ | dark | muted-foreground | modal | 6.91 | 4.5 |
279
+ | dark | muted-foreground-solid | modal | 8.64 | 4.5 |
280
+ | dark | tertiary-foreground | modal | 8.86 | 4.5 |
281
+ | dark | placeholder-foreground | modal | 8.86 | 4.5 |
282
+ | dark | brand-foreground | modal | 15.44 | 4.5 |
283
+ | dark | positive-foreground | modal | 9.55 | 4.5 |
284
+ | dark | warning-foreground | modal | 8.89 | 4.5 |
285
+ | dark | danger-foreground | modal | 8.51 | 4.5 |
286
+ | dark | info-foreground | modal | 8.52 | 4.5 |
287
+ | dark | foreground | shell | 17.16 | 4.5 |
288
+ | dark | paragraph-foreground | shell | 11.69 | 4.5 |
289
+ | dark | muted-foreground | shell | 6.91 | 4.5 |
290
+ | dark | muted-foreground-solid | shell | 8.64 | 4.5 |
291
+ | dark | tertiary-foreground | shell | 8.86 | 4.5 |
292
+ | dark | placeholder-foreground | shell | 8.86 | 4.5 |
293
+ | dark | brand-foreground | shell | 15.44 | 4.5 |
294
+ | dark | positive-foreground | shell | 9.55 | 4.5 |
295
+ | dark | warning-foreground | shell | 8.89 | 4.5 |
296
+ | dark | danger-foreground | shell | 8.51 | 4.5 |
297
+ | dark | info-foreground | shell | 8.52 | 4.5 |
298
+ | dark | foreground | card-subtle | 15.74 | 4.5 |
299
+ | dark | paragraph-foreground | card-subtle | 10.90 | 4.5 |
300
+ | dark | muted-foreground | card-subtle | 6.34 | 4.5 |
301
+ | dark | muted-foreground-solid | card-subtle | 7.93 | 4.5 |
302
+ | dark | tertiary-foreground | card-subtle | 8.36 | 4.5 |
303
+ | dark | placeholder-foreground | card-subtle | 8.36 | 4.5 |
304
+ | dark | brand-foreground | card-subtle | 14.16 | 4.5 |
305
+ | dark | positive-foreground | card-subtle | 8.76 | 4.5 |
306
+ | dark | warning-foreground | card-subtle | 8.15 | 4.5 |
307
+ | dark | danger-foreground | card-subtle | 7.80 | 4.5 |
308
+ | dark | info-foreground | card-subtle | 7.82 | 4.5 |
309
+ | dark | foreground | component | 14.48 | 4.5 |
310
+ | dark | paragraph-foreground | component | 10.16 | 4.5 |
311
+ | dark | muted-foreground | component | 5.83 | 4.5 |
312
+ | dark | muted-foreground-solid | component | 7.29 | 4.5 |
313
+ | dark | tertiary-foreground | component | 7.87 | 4.5 |
314
+ | dark | placeholder-foreground | component | 7.87 | 4.5 |
315
+ | dark | brand-foreground | component | 13.03 | 4.5 |
316
+ | dark | positive-foreground | component | 8.06 | 4.5 |
317
+ | dark | warning-foreground | component | 7.50 | 4.5 |
318
+ | dark | danger-foreground | component | 7.18 | 4.5 |
319
+ | dark | info-foreground | component | 7.19 | 4.5 |
320
+ | dark | on-brand-solid-foreground | brand-solid | 14.22 | 4.5 |
321
+ | dark | on-brand-solid-foreground | brand-solid-hover | 11.49 | 4.5 |
322
+ | dark | on-brand-solid-foreground | brand-solid-active | 8.90 | 4.5 |
323
+ | dark | on-brand-subtle-foreground | brand-subtle | 12.80 | 4.5 |
324
+ | dark | on-positive-solid-foreground | positive-solid | 5.86 | 4.5 |
325
+ | dark | on-positive-solid-foreground | positive-solid-hover | 6.70 | 4.5 |
326
+ | dark | on-positive-solid-foreground | positive-solid-active | 9.87 | 4.5 |
327
+ | dark | on-positive-subtle-foreground | positive-subtle | 7.31 | 4.5 |
328
+ | dark | on-warning-solid-foreground | warning-solid | 6.26 | 4.5 |
329
+ | dark | on-warning-solid-foreground | warning-solid-hover | 7.40 | 4.5 |
330
+ | dark | on-warning-solid-foreground | warning-solid-active | 9.23 | 4.5 |
331
+ | dark | on-warning-subtle-foreground | warning-subtle | 7.33 | 4.5 |
332
+ | dark | on-danger-solid-foreground | danger-solid | 6.44 | 4.5 |
333
+ | dark | on-danger-solid-foreground | danger-solid-hover | 5.64 | 4.5 |
334
+ | dark | on-danger-solid-foreground | danger-solid-active | 8.85 | 4.5 |
335
+ | dark | on-danger-subtle-foreground | danger-subtle | 8.01 | 4.5 |
336
+ | dark | on-info-solid-foreground | info-solid | 5.37 | 4.5 |
337
+ | dark | on-info-solid-foreground | info-solid-hover | 7.04 | 4.5 |
338
+ | dark | on-info-solid-foreground | info-solid-active | 8.82 | 4.5 |
339
+ | dark | on-info-subtle-foreground | info-subtle | 6.79 | 4.5 |
340
+ | dark | on-inverted-foreground | inverted-solid | 18.84 | 4.5 |
341
+ | dark | border-input (contrast more) | container | 3.73 | 3.0 |
342
+ | dark | border-input-hover (contrast more) | container | 3.73 | 3.0 |
343
+ | dark | danger-border-default (contrast more) | container | 8.51 | 3.0 |
344
+ | dark | foreground | toggle-on | 11.57 | 4.5 |
345
+ | dark | foreground | toggle-on-hover | 10.07 | 4.5 |
346
+ | dark | foreground | toggle-on-active | 8.13 | 4.5 |
347
+ | dark | brand-foreground | brand-subtle | 12.80 | 4.5 |
348
+ | dark | brand-foreground | brand-subtle-hover | 11.43 | 4.5 |
349
+ | dark | brand-foreground | brand-subtle-active | 10.41 | 4.5 |
350
+ | dark | danger-foreground | danger-subtle | 8.01 | 4.5 |
351
+ | dark | danger-foreground | danger-subtle-hover | 7.19 | 4.5 |
352
+ | dark | danger-foreground | danger-subtle-active | 5.71 | 4.5 |
353
+ | dark | border-control (on ring) | toggle-on | 3.27 | 3.0 |
354
+ | dark | border-control (on ring) | toggle-on-hover | 3.06 | 3.0 |
355
+ | dark | border-control (on ring) | component | 3.58 | 3.0 |
356
+ | dark | border-control (on ring) | component-hover | 3.40 | 3.0 |
357
+ | dark | brand-foreground (on ring) | brand-subtle | 12.80 | 3.0 |
358
+ | dark | brand-foreground (on ring) | brand-subtle-hover | 11.43 | 3.0 |
359
+ | dark | danger-foreground (on ring) | danger-subtle | 8.01 | 3.0 |
360
+ | dark | danger-foreground (on ring) | danger-subtle-hover | 7.19 | 3.0 |
361
+ | dark | on-inverted-foreground (on ring) | inverted-solid | 18.96 | 3.0 |
362
+ | dark | on-inverted-foreground (on ring) | inverted-solid-hover | 13.70 | 3.0 |
363
+ | dark | on-brand-solid-foreground (on ring) | brand-solid | 14.22 | 3.0 |
364
+ | dark | on-brand-solid-foreground (on ring) | brand-solid-hover | 11.49 | 3.0 |
365
+ | dark | on-danger-solid-foreground (on ring) | danger-solid | 6.44 | 3.0 |
366
+ | dark | on-danger-solid-foreground (on ring) | danger-solid-hover | 5.64 | 3.0 |
367
+ | dark | on-standout-primary-foreground | standout | 13.89 | 4.5 |
368
+ | dark | on-standout-secondary-foreground | standout | 5.04 | 4.5 |
369
+ | dark | brand-fill (non-text) | page | 17.06 | 3.0 |
370
+ | dark | border-control (non-text) | container | 3.73 | 3.0 |
371
+ | dark | brand-border-focus (non-text) | page | 4.18 | 3.0 |
372
+ | light (P3) | foreground | page | 19.79 | 4.5 |
373
+ | light (P3) | paragraph-foreground | page | 16.32 | 4.5 |
374
+ | light (P3) | muted-foreground | page | 5.06 | 4.5 |
375
+ | light (P3) | muted-foreground-solid | page | 5.92 | 4.5 |
376
+ | light (P3) | tertiary-foreground | page | 5.92 | 4.5 |
377
+ | light (P3) | placeholder-foreground | page | 5.92 | 4.5 |
378
+ | light (P3) | brand-foreground | page | 16.32 | 4.5 |
379
+ | light (P3) | positive-foreground | page | 7.48 | 4.5 |
380
+ | light (P3) | warning-foreground | page | 6.79 | 4.5 |
381
+ | light (P3) | danger-foreground | page | 7.57 | 4.5 |
382
+ | light (P3) | info-foreground | page | 8.93 | 4.5 |
383
+ | light (P3) | foreground | container | 19.79 | 4.5 |
384
+ | light (P3) | paragraph-foreground | container | 16.32 | 4.5 |
385
+ | light (P3) | muted-foreground | container | 5.06 | 4.5 |
386
+ | light (P3) | muted-foreground-solid | container | 5.92 | 4.5 |
387
+ | light (P3) | tertiary-foreground | container | 5.92 | 4.5 |
388
+ | light (P3) | placeholder-foreground | container | 5.92 | 4.5 |
389
+ | light (P3) | brand-foreground | container | 16.32 | 4.5 |
390
+ | light (P3) | positive-foreground | container | 7.48 | 4.5 |
391
+ | light (P3) | warning-foreground | container | 6.79 | 4.5 |
392
+ | light (P3) | danger-foreground | container | 7.57 | 4.5 |
393
+ | light (P3) | info-foreground | container | 8.93 | 4.5 |
394
+ | light (P3) | foreground | modal | 19.79 | 4.5 |
395
+ | light (P3) | paragraph-foreground | modal | 16.32 | 4.5 |
396
+ | light (P3) | muted-foreground | modal | 5.06 | 4.5 |
397
+ | light (P3) | muted-foreground-solid | modal | 5.92 | 4.5 |
398
+ | light (P3) | tertiary-foreground | modal | 5.92 | 4.5 |
399
+ | light (P3) | placeholder-foreground | modal | 5.92 | 4.5 |
400
+ | light (P3) | brand-foreground | modal | 16.32 | 4.5 |
401
+ | light (P3) | positive-foreground | modal | 7.48 | 4.5 |
402
+ | light (P3) | warning-foreground | modal | 6.79 | 4.5 |
403
+ | light (P3) | danger-foreground | modal | 7.57 | 4.5 |
404
+ | light (P3) | info-foreground | modal | 8.93 | 4.5 |
405
+ | light (P3) | foreground | shell | 18.96 | 4.5 |
406
+ | light (P3) | paragraph-foreground | shell | 15.74 | 4.5 |
407
+ | light (P3) | muted-foreground | shell | 4.85 | 4.5 |
408
+ | light (P3) | muted-foreground-solid | shell | 5.67 | 4.5 |
409
+ | light (P3) | tertiary-foreground | shell | 5.84 | 4.5 |
410
+ | light (P3) | placeholder-foreground | shell | 5.84 | 4.5 |
411
+ | light (P3) | brand-foreground | shell | 15.63 | 4.5 |
412
+ | light (P3) | positive-foreground | shell | 7.16 | 4.5 |
413
+ | light (P3) | warning-foreground | shell | 6.50 | 4.5 |
414
+ | light (P3) | danger-foreground | shell | 7.26 | 4.5 |
415
+ | light (P3) | info-foreground | shell | 8.56 | 4.5 |
416
+ | light (P3) | foreground | card-subtle | 18.78 | 4.5 |
417
+ | light (P3) | paragraph-foreground | card-subtle | 15.62 | 4.5 |
418
+ | light (P3) | muted-foreground | card-subtle | 4.80 | 4.5 |
419
+ | light (P3) | muted-foreground-solid | card-subtle | 5.62 | 4.5 |
420
+ | light (P3) | tertiary-foreground | card-subtle | 5.83 | 4.5 |
421
+ | light (P3) | placeholder-foreground | card-subtle | 5.83 | 4.5 |
422
+ | light (P3) | brand-foreground | card-subtle | 15.48 | 4.5 |
423
+ | light (P3) | positive-foreground | card-subtle | 7.10 | 4.5 |
424
+ | light (P3) | warning-foreground | card-subtle | 6.44 | 4.5 |
425
+ | light (P3) | danger-foreground | card-subtle | 7.19 | 4.5 |
426
+ | light (P3) | info-foreground | card-subtle | 8.48 | 4.5 |
427
+ | light (P3) | foreground | component | 18.15 | 4.5 |
428
+ | light (P3) | paragraph-foreground | component | 15.18 | 4.5 |
429
+ | light (P3) | muted-foreground | component | 4.64 | 4.5 |
430
+ | light (P3) | muted-foreground-solid | component | 5.43 | 4.5 |
431
+ | light (P3) | tertiary-foreground | component | 5.76 | 4.5 |
432
+ | light (P3) | placeholder-foreground | component | 5.76 | 4.5 |
433
+ | light (P3) | brand-foreground | component | 14.96 | 4.5 |
434
+ | light (P3) | positive-foreground | component | 6.86 | 4.5 |
435
+ | light (P3) | warning-foreground | component | 6.22 | 4.5 |
436
+ | light (P3) | danger-foreground | component | 6.94 | 4.5 |
437
+ | light (P3) | info-foreground | component | 8.19 | 4.5 |
438
+ | light (P3) | on-brand-solid-foreground | brand-solid | 17.16 | 4.5 |
439
+ | light (P3) | on-brand-solid-foreground | brand-solid-hover | 11.53 | 4.5 |
440
+ | light (P3) | on-brand-solid-foreground | brand-solid-active | 9.03 | 4.5 |
441
+ | light (P3) | on-brand-subtle-foreground | brand-subtle | 14.18 | 4.5 |
442
+ | light (P3) | on-positive-solid-foreground | positive-solid | 4.95 | 4.5 |
443
+ | light (P3) | on-positive-solid-foreground | positive-solid-hover | 6.49 | 4.5 |
444
+ | light (P3) | on-positive-solid-foreground | positive-solid-active | 8.21 | 4.5 |
445
+ | light (P3) | on-positive-subtle-foreground | positive-subtle | 10.93 | 4.5 |
446
+ | light (P3) | on-warning-solid-foreground | warning-solid | 4.93 | 4.5 |
447
+ | light (P3) | on-warning-solid-foreground | warning-solid-hover | 5.85 | 4.5 |
448
+ | light (P3) | on-warning-solid-foreground | warning-solid-active | 7.49 | 4.5 |
449
+ | light (P3) | on-warning-subtle-foreground | warning-subtle | 10.17 | 4.5 |
450
+ | light (P3) | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
451
+ | light (P3) | on-danger-solid-foreground | danger-solid-hover | 6.12 | 4.5 |
452
+ | light (P3) | on-danger-solid-foreground | danger-solid-active | 7.80 | 4.5 |
453
+ | light (P3) | on-danger-subtle-foreground | danger-subtle | 11.19 | 4.5 |
454
+ | light (P3) | on-info-solid-foreground | info-solid | 6.09 | 4.5 |
455
+ | light (P3) | on-info-solid-foreground | info-solid-hover | 7.87 | 4.5 |
456
+ | light (P3) | on-info-solid-foreground | info-solid-active | 9.71 | 4.5 |
457
+ | light (P3) | on-info-subtle-foreground | info-subtle | 11.83 | 4.5 |
458
+ | light (P3) | on-inverted-foreground | inverted-solid | 19.47 | 4.5 |
459
+ | light (P3) | border-input (contrast more) | container | 3.32 | 3.0 |
460
+ | light (P3) | border-input-hover (contrast more) | container | 3.32 | 3.0 |
461
+ | light (P3) | danger-border-default (contrast more) | container | 7.57 | 3.0 |
462
+ | light (P3) | foreground | toggle-on | 14.98 | 4.5 |
463
+ | light (P3) | foreground | toggle-on-hover | 13.88 | 4.5 |
464
+ | light (P3) | foreground | toggle-on-active | 12.58 | 4.5 |
465
+ | light (P3) | brand-foreground | brand-subtle | 14.18 | 4.5 |
466
+ | light (P3) | brand-foreground | brand-subtle-hover | 13.32 | 4.5 |
467
+ | light (P3) | brand-foreground | brand-subtle-active | 12.35 | 4.5 |
468
+ | light (P3) | danger-foreground | danger-subtle | 7.13 | 4.5 |
469
+ | light (P3) | danger-foreground | danger-subtle-hover | 6.45 | 4.5 |
470
+ | light (P3) | danger-foreground | danger-subtle-active | 4.93 | 4.5 |
471
+ | light (P3) | border-control (on ring) | toggle-on | 3.17 | 3.0 |
472
+ | light (P3) | border-control (on ring) | toggle-on-hover | 3.12 | 3.0 |
473
+ | light (P3) | border-control (on ring) | component | 3.27 | 3.0 |
474
+ | light (P3) | border-control (on ring) | component-hover | 3.21 | 3.0 |
475
+ | light (P3) | brand-foreground (on ring) | brand-subtle | 14.18 | 3.0 |
476
+ | light (P3) | brand-foreground (on ring) | brand-subtle-hover | 13.32 | 3.0 |
477
+ | light (P3) | danger-foreground (on ring) | danger-subtle | 7.13 | 3.0 |
478
+ | light (P3) | danger-foreground (on ring) | danger-subtle-hover | 6.45 | 3.0 |
479
+ | light (P3) | on-inverted-foreground (on ring) | inverted-solid | 19.47 | 3.0 |
480
+ | light (P3) | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
481
+ | light (P3) | on-brand-solid-foreground (on ring) | brand-solid | 17.16 | 3.0 |
482
+ | light (P3) | on-brand-solid-foreground (on ring) | brand-solid-hover | 11.53 | 3.0 |
483
+ | light (P3) | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
484
+ | light (P3) | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.12 | 3.0 |
485
+ | light (P3) | on-standout-primary-foreground | standout | 16.32 | 4.5 |
486
+ | light (P3) | on-standout-secondary-foreground | standout | 5.07 | 4.5 |
487
+ | light (P3) | brand-fill (non-text) | page | 16.32 | 3.0 |
488
+ | light (P3) | border-control (non-text) | container | 3.32 | 3.0 |
489
+ | light (P3) | brand-border-focus (non-text) | page | 2.59 | 3.0 |
490
+ | light + high contrast (P3) | foreground | page | 16.32 | 4.5 |
491
+ | light + high contrast (P3) | paragraph-foreground | page | 16.32 | 4.5 |
492
+ | light + high contrast (P3) | muted-foreground | page | 16.32 | 4.5 |
493
+ | light + high contrast (P3) | muted-foreground-solid | page | 16.32 | 4.5 |
494
+ | light + high contrast (P3) | tertiary-foreground | page | 16.32 | 4.5 |
495
+ | light + high contrast (P3) | placeholder-foreground | page | 5.92 | 4.5 |
496
+ | light + high contrast (P3) | brand-foreground | page | 16.32 | 4.5 |
497
+ | light + high contrast (P3) | positive-foreground | page | 7.48 | 4.5 |
498
+ | light + high contrast (P3) | warning-foreground | page | 6.79 | 4.5 |
499
+ | light + high contrast (P3) | danger-foreground | page | 7.57 | 4.5 |
500
+ | light + high contrast (P3) | info-foreground | page | 8.93 | 4.5 |
501
+ | light + high contrast (P3) | foreground | container | 16.32 | 4.5 |
502
+ | light + high contrast (P3) | paragraph-foreground | container | 16.32 | 4.5 |
503
+ | light + high contrast (P3) | muted-foreground | container | 16.32 | 4.5 |
504
+ | light + high contrast (P3) | muted-foreground-solid | container | 16.32 | 4.5 |
505
+ | light + high contrast (P3) | tertiary-foreground | container | 16.32 | 4.5 |
506
+ | light + high contrast (P3) | placeholder-foreground | container | 5.92 | 4.5 |
507
+ | light + high contrast (P3) | brand-foreground | container | 16.32 | 4.5 |
508
+ | light + high contrast (P3) | positive-foreground | container | 7.48 | 4.5 |
509
+ | light + high contrast (P3) | warning-foreground | container | 6.79 | 4.5 |
510
+ | light + high contrast (P3) | danger-foreground | container | 7.57 | 4.5 |
511
+ | light + high contrast (P3) | info-foreground | container | 8.93 | 4.5 |
512
+ | light + high contrast (P3) | foreground | modal | 16.32 | 4.5 |
513
+ | light + high contrast (P3) | paragraph-foreground | modal | 16.32 | 4.5 |
514
+ | light + high contrast (P3) | muted-foreground | modal | 16.32 | 4.5 |
515
+ | light + high contrast (P3) | muted-foreground-solid | modal | 16.32 | 4.5 |
516
+ | light + high contrast (P3) | tertiary-foreground | modal | 16.32 | 4.5 |
517
+ | light + high contrast (P3) | placeholder-foreground | modal | 5.92 | 4.5 |
518
+ | light + high contrast (P3) | brand-foreground | modal | 16.32 | 4.5 |
519
+ | light + high contrast (P3) | positive-foreground | modal | 7.48 | 4.5 |
520
+ | light + high contrast (P3) | warning-foreground | modal | 6.79 | 4.5 |
521
+ | light + high contrast (P3) | danger-foreground | modal | 7.57 | 4.5 |
522
+ | light + high contrast (P3) | info-foreground | modal | 8.93 | 4.5 |
523
+ | light + high contrast (P3) | foreground | shell | 15.74 | 4.5 |
524
+ | light + high contrast (P3) | paragraph-foreground | shell | 15.74 | 4.5 |
525
+ | light + high contrast (P3) | muted-foreground | shell | 15.74 | 4.5 |
526
+ | light + high contrast (P3) | muted-foreground-solid | shell | 15.63 | 4.5 |
527
+ | light + high contrast (P3) | tertiary-foreground | shell | 15.74 | 4.5 |
528
+ | light + high contrast (P3) | placeholder-foreground | shell | 5.84 | 4.5 |
529
+ | light + high contrast (P3) | brand-foreground | shell | 15.63 | 4.5 |
530
+ | light + high contrast (P3) | positive-foreground | shell | 7.16 | 4.5 |
531
+ | light + high contrast (P3) | warning-foreground | shell | 6.50 | 4.5 |
532
+ | light + high contrast (P3) | danger-foreground | shell | 7.26 | 4.5 |
533
+ | light + high contrast (P3) | info-foreground | shell | 8.56 | 4.5 |
534
+ | light + high contrast (P3) | foreground | card-subtle | 15.62 | 4.5 |
535
+ | light + high contrast (P3) | paragraph-foreground | card-subtle | 15.62 | 4.5 |
536
+ | light + high contrast (P3) | muted-foreground | card-subtle | 15.62 | 4.5 |
537
+ | light + high contrast (P3) | muted-foreground-solid | card-subtle | 15.48 | 4.5 |
538
+ | light + high contrast (P3) | tertiary-foreground | card-subtle | 15.62 | 4.5 |
539
+ | light + high contrast (P3) | placeholder-foreground | card-subtle | 5.83 | 4.5 |
540
+ | light + high contrast (P3) | brand-foreground | card-subtle | 15.48 | 4.5 |
541
+ | light + high contrast (P3) | positive-foreground | card-subtle | 7.10 | 4.5 |
542
+ | light + high contrast (P3) | warning-foreground | card-subtle | 6.44 | 4.5 |
543
+ | light + high contrast (P3) | danger-foreground | card-subtle | 7.19 | 4.5 |
544
+ | light + high contrast (P3) | info-foreground | card-subtle | 8.48 | 4.5 |
545
+ | light + high contrast (P3) | foreground | component | 15.18 | 4.5 |
546
+ | light + high contrast (P3) | paragraph-foreground | component | 15.18 | 4.5 |
547
+ | light + high contrast (P3) | muted-foreground | component | 15.18 | 4.5 |
548
+ | light + high contrast (P3) | muted-foreground-solid | component | 14.96 | 4.5 |
549
+ | light + high contrast (P3) | tertiary-foreground | component | 15.18 | 4.5 |
550
+ | light + high contrast (P3) | placeholder-foreground | component | 5.76 | 4.5 |
551
+ | light + high contrast (P3) | brand-foreground | component | 14.96 | 4.5 |
552
+ | light + high contrast (P3) | positive-foreground | component | 6.86 | 4.5 |
553
+ | light + high contrast (P3) | warning-foreground | component | 6.22 | 4.5 |
554
+ | light + high contrast (P3) | danger-foreground | component | 6.94 | 4.5 |
555
+ | light + high contrast (P3) | info-foreground | component | 8.19 | 4.5 |
556
+ | light + high contrast (P3) | on-brand-solid-foreground | brand-solid | 17.16 | 4.5 |
557
+ | light + high contrast (P3) | on-brand-solid-foreground | brand-solid-hover | 11.53 | 4.5 |
558
+ | light + high contrast (P3) | on-brand-solid-foreground | brand-solid-active | 9.03 | 4.5 |
559
+ | light + high contrast (P3) | on-brand-subtle-foreground | brand-subtle | 14.18 | 4.5 |
560
+ | light + high contrast (P3) | on-positive-solid-foreground | positive-solid | 4.95 | 4.5 |
561
+ | light + high contrast (P3) | on-positive-solid-foreground | positive-solid-hover | 6.49 | 4.5 |
562
+ | light + high contrast (P3) | on-positive-solid-foreground | positive-solid-active | 8.21 | 4.5 |
563
+ | light + high contrast (P3) | on-positive-subtle-foreground | positive-subtle | 10.93 | 4.5 |
564
+ | light + high contrast (P3) | on-warning-solid-foreground | warning-solid | 4.93 | 4.5 |
565
+ | light + high contrast (P3) | on-warning-solid-foreground | warning-solid-hover | 5.85 | 4.5 |
566
+ | light + high contrast (P3) | on-warning-solid-foreground | warning-solid-active | 7.49 | 4.5 |
567
+ | light + high contrast (P3) | on-warning-subtle-foreground | warning-subtle | 10.17 | 4.5 |
568
+ | light + high contrast (P3) | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
569
+ | light + high contrast (P3) | on-danger-solid-foreground | danger-solid-hover | 6.12 | 4.5 |
570
+ | light + high contrast (P3) | on-danger-solid-foreground | danger-solid-active | 7.80 | 4.5 |
571
+ | light + high contrast (P3) | on-danger-subtle-foreground | danger-subtle | 11.19 | 4.5 |
572
+ | light + high contrast (P3) | on-info-solid-foreground | info-solid | 6.09 | 4.5 |
573
+ | light + high contrast (P3) | on-info-solid-foreground | info-solid-hover | 7.87 | 4.5 |
574
+ | light + high contrast (P3) | on-info-solid-foreground | info-solid-active | 9.71 | 4.5 |
575
+ | light + high contrast (P3) | on-info-subtle-foreground | info-subtle | 11.83 | 4.5 |
576
+ | light + high contrast (P3) | on-inverted-foreground | inverted-solid | 19.47 | 4.5 |
577
+ | light + high contrast (P3) | border-input (contrast more) | container | 3.32 | 3.0 |
578
+ | light + high contrast (P3) | border-input-hover (contrast more) | container | 3.32 | 3.0 |
579
+ | light + high contrast (P3) | danger-border-default (contrast more) | container | 7.57 | 3.0 |
580
+ | light + high contrast (P3) | foreground | toggle-on | 12.90 | 4.5 |
581
+ | light + high contrast (P3) | foreground | toggle-on-hover | 12.08 | 4.5 |
582
+ | light + high contrast (P3) | foreground | toggle-on-active | 11.09 | 4.5 |
583
+ | light + high contrast (P3) | brand-foreground | brand-subtle | 14.18 | 4.5 |
584
+ | light + high contrast (P3) | brand-foreground | brand-subtle-hover | 13.32 | 4.5 |
585
+ | light + high contrast (P3) | brand-foreground | brand-subtle-active | 12.35 | 4.5 |
586
+ | light + high contrast (P3) | danger-foreground | danger-subtle | 7.13 | 4.5 |
587
+ | light + high contrast (P3) | danger-foreground | danger-subtle-hover | 6.45 | 4.5 |
588
+ | light + high contrast (P3) | danger-foreground | danger-subtle-active | 4.93 | 4.5 |
589
+ | light + high contrast (P3) | border-control (on ring) | toggle-on | 3.17 | 3.0 |
590
+ | light + high contrast (P3) | border-control (on ring) | toggle-on-hover | 3.12 | 3.0 |
591
+ | light + high contrast (P3) | border-control (on ring) | component | 3.27 | 3.0 |
592
+ | light + high contrast (P3) | border-control (on ring) | component-hover | 3.21 | 3.0 |
593
+ | light + high contrast (P3) | brand-foreground (on ring) | brand-subtle | 14.18 | 3.0 |
594
+ | light + high contrast (P3) | brand-foreground (on ring) | brand-subtle-hover | 13.32 | 3.0 |
595
+ | light + high contrast (P3) | danger-foreground (on ring) | danger-subtle | 7.13 | 3.0 |
596
+ | light + high contrast (P3) | danger-foreground (on ring) | danger-subtle-hover | 6.45 | 3.0 |
597
+ | light + high contrast (P3) | on-inverted-foreground (on ring) | inverted-solid | 19.47 | 3.0 |
598
+ | light + high contrast (P3) | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
599
+ | light + high contrast (P3) | on-brand-solid-foreground (on ring) | brand-solid | 17.16 | 3.0 |
600
+ | light + high contrast (P3) | on-brand-solid-foreground (on ring) | brand-solid-hover | 11.53 | 3.0 |
601
+ | light + high contrast (P3) | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
602
+ | light + high contrast (P3) | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.12 | 3.0 |
603
+ | light + high contrast (P3) | on-standout-primary-foreground | standout | 16.32 | 4.5 |
604
+ | light + high contrast (P3) | on-standout-secondary-foreground | standout | 5.07 | 4.5 |
605
+ | light + high contrast (P3) | brand-fill (non-text) | page | 16.32 | 3.0 |
606
+ | light + high contrast (P3) | border-control (non-text) | container | 3.32 | 3.0 |
607
+ | light + high contrast (P3) | brand-border-focus (non-text) | page | 5.92 | 3.0 |
608
+ | dark (P3) | foreground | page | 18.96 | 4.5 |
609
+ | dark (P3) | paragraph-foreground | page | 12.58 | 4.5 |
610
+ | dark (P3) | muted-foreground | page | 7.63 | 4.5 |
611
+ | dark (P3) | muted-foreground-solid | page | 9.55 | 4.5 |
612
+ | dark (P3) | tertiary-foreground | page | 9.32 | 4.5 |
613
+ | dark (P3) | placeholder-foreground | page | 9.32 | 4.5 |
614
+ | dark (P3) | brand-foreground | page | 17.05 | 4.5 |
615
+ | dark (P3) | positive-foreground | page | 10.56 | 4.5 |
616
+ | dark (P3) | warning-foreground | page | 10.06 | 4.5 |
617
+ | dark (P3) | danger-foreground | page | 9.45 | 4.5 |
618
+ | dark (P3) | info-foreground | page | 9.44 | 4.5 |
619
+ | dark (P3) | foreground | container | 17.16 | 4.5 |
620
+ | dark (P3) | paragraph-foreground | container | 11.69 | 4.5 |
621
+ | dark (P3) | muted-foreground | container | 6.91 | 4.5 |
622
+ | dark (P3) | muted-foreground-solid | container | 8.64 | 4.5 |
623
+ | dark (P3) | tertiary-foreground | container | 8.83 | 4.5 |
624
+ | dark (P3) | placeholder-foreground | container | 8.83 | 4.5 |
625
+ | dark (P3) | brand-foreground | container | 15.43 | 4.5 |
626
+ | dark (P3) | positive-foreground | container | 9.56 | 4.5 |
627
+ | dark (P3) | warning-foreground | container | 9.11 | 4.5 |
628
+ | dark (P3) | danger-foreground | container | 8.55 | 4.5 |
629
+ | dark (P3) | info-foreground | container | 8.54 | 4.5 |
630
+ | dark (P3) | foreground | modal | 17.16 | 4.5 |
631
+ | dark (P3) | paragraph-foreground | modal | 11.69 | 4.5 |
632
+ | dark (P3) | muted-foreground | modal | 6.91 | 4.5 |
633
+ | dark (P3) | muted-foreground-solid | modal | 8.64 | 4.5 |
634
+ | dark (P3) | tertiary-foreground | modal | 8.83 | 4.5 |
635
+ | dark (P3) | placeholder-foreground | modal | 8.83 | 4.5 |
636
+ | dark (P3) | brand-foreground | modal | 15.43 | 4.5 |
637
+ | dark (P3) | positive-foreground | modal | 9.56 | 4.5 |
638
+ | dark (P3) | warning-foreground | modal | 9.11 | 4.5 |
639
+ | dark (P3) | danger-foreground | modal | 8.55 | 4.5 |
640
+ | dark (P3) | info-foreground | modal | 8.54 | 4.5 |
641
+ | dark (P3) | foreground | shell | 17.16 | 4.5 |
642
+ | dark (P3) | paragraph-foreground | shell | 11.69 | 4.5 |
643
+ | dark (P3) | muted-foreground | shell | 6.91 | 4.5 |
644
+ | dark (P3) | muted-foreground-solid | shell | 8.64 | 4.5 |
645
+ | dark (P3) | tertiary-foreground | shell | 8.83 | 4.5 |
646
+ | dark (P3) | placeholder-foreground | shell | 8.83 | 4.5 |
647
+ | dark (P3) | brand-foreground | shell | 15.43 | 4.5 |
648
+ | dark (P3) | positive-foreground | shell | 9.56 | 4.5 |
649
+ | dark (P3) | warning-foreground | shell | 9.11 | 4.5 |
650
+ | dark (P3) | danger-foreground | shell | 8.55 | 4.5 |
651
+ | dark (P3) | info-foreground | shell | 8.54 | 4.5 |
652
+ | dark (P3) | foreground | card-subtle | 15.79 | 4.5 |
653
+ | dark (P3) | paragraph-foreground | card-subtle | 10.93 | 4.5 |
654
+ | dark (P3) | muted-foreground | card-subtle | 6.36 | 4.5 |
655
+ | dark (P3) | muted-foreground-solid | card-subtle | 7.96 | 4.5 |
656
+ | dark (P3) | tertiary-foreground | card-subtle | 8.35 | 4.5 |
657
+ | dark (P3) | placeholder-foreground | card-subtle | 8.35 | 4.5 |
658
+ | dark (P3) | brand-foreground | card-subtle | 14.20 | 4.5 |
659
+ | dark (P3) | positive-foreground | card-subtle | 8.80 | 4.5 |
660
+ | dark (P3) | warning-foreground | card-subtle | 8.38 | 4.5 |
661
+ | dark (P3) | danger-foreground | card-subtle | 7.87 | 4.5 |
662
+ | dark (P3) | info-foreground | card-subtle | 7.86 | 4.5 |
663
+ | dark (P3) | foreground | component | 14.48 | 4.5 |
664
+ | dark (P3) | paragraph-foreground | component | 10.16 | 4.5 |
665
+ | dark (P3) | muted-foreground | component | 5.83 | 4.5 |
666
+ | dark (P3) | muted-foreground-solid | component | 7.29 | 4.5 |
667
+ | dark (P3) | tertiary-foreground | component | 7.85 | 4.5 |
668
+ | dark (P3) | placeholder-foreground | component | 7.85 | 4.5 |
669
+ | dark (P3) | brand-foreground | component | 13.02 | 4.5 |
670
+ | dark (P3) | positive-foreground | component | 8.07 | 4.5 |
671
+ | dark (P3) | warning-foreground | component | 7.68 | 4.5 |
672
+ | dark (P3) | danger-foreground | component | 7.22 | 4.5 |
673
+ | dark (P3) | info-foreground | component | 7.21 | 4.5 |
674
+ | dark (P3) | on-brand-solid-foreground | brand-solid | 14.22 | 4.5 |
675
+ | dark (P3) | on-brand-solid-foreground | brand-solid-hover | 11.48 | 4.5 |
676
+ | dark (P3) | on-brand-solid-foreground | brand-solid-active | 8.89 | 4.5 |
677
+ | dark (P3) | on-brand-subtle-foreground | brand-subtle | 12.77 | 4.5 |
678
+ | dark (P3) | on-positive-solid-foreground | positive-solid | 5.84 | 4.5 |
679
+ | dark (P3) | on-positive-solid-foreground | positive-solid-hover | 6.71 | 4.5 |
680
+ | dark (P3) | on-positive-solid-foreground | positive-solid-active | 9.85 | 4.5 |
681
+ | dark (P3) | on-positive-subtle-foreground | positive-subtle | 7.48 | 4.5 |
682
+ | dark (P3) | on-warning-solid-foreground | warning-solid | 6.22 | 4.5 |
683
+ | dark (P3) | on-warning-solid-foreground | warning-solid-hover | 7.56 | 4.5 |
684
+ | dark (P3) | on-warning-solid-foreground | warning-solid-active | 9.46 | 4.5 |
685
+ | dark (P3) | on-warning-subtle-foreground | warning-subtle | 7.55 | 4.5 |
686
+ | dark (P3) | on-danger-solid-foreground | danger-solid | 6.44 | 4.5 |
687
+ | dark (P3) | on-danger-solid-foreground | danger-solid-hover | 5.65 | 4.5 |
688
+ | dark (P3) | on-danger-solid-foreground | danger-solid-active | 8.89 | 4.5 |
689
+ | dark (P3) | on-danger-subtle-foreground | danger-subtle | 8.12 | 4.5 |
690
+ | dark (P3) | on-info-solid-foreground | info-solid | 5.37 | 4.5 |
691
+ | dark (P3) | on-info-solid-foreground | info-solid-hover | 7.04 | 4.5 |
692
+ | dark (P3) | on-info-solid-foreground | info-solid-active | 8.81 | 4.5 |
693
+ | dark (P3) | on-info-subtle-foreground | info-subtle | 6.79 | 4.5 |
694
+ | dark (P3) | on-inverted-foreground | inverted-solid | 18.88 | 4.5 |
695
+ | dark (P3) | border-input (contrast more) | container | 3.71 | 3.0 |
696
+ | dark (P3) | border-input-hover (contrast more) | container | 3.71 | 3.0 |
697
+ | dark (P3) | danger-border-default (contrast more) | container | 8.55 | 3.0 |
698
+ | dark (P3) | foreground | toggle-on | 11.55 | 4.5 |
699
+ | dark (P3) | foreground | toggle-on-hover | 10.09 | 4.5 |
700
+ | dark (P3) | foreground | toggle-on-active | 8.14 | 4.5 |
701
+ | dark (P3) | brand-foreground | brand-subtle | 12.77 | 4.5 |
702
+ | dark (P3) | brand-foreground | brand-subtle-hover | 11.46 | 4.5 |
703
+ | dark (P3) | brand-foreground | brand-subtle-active | 10.38 | 4.5 |
704
+ | dark (P3) | danger-foreground | danger-subtle | 8.12 | 4.5 |
705
+ | dark (P3) | danger-foreground | danger-subtle-hover | 7.39 | 4.5 |
706
+ | dark (P3) | danger-foreground | danger-subtle-active | 5.89 | 4.5 |
707
+ | dark (P3) | border-control (on ring) | toggle-on | 3.25 | 3.0 |
708
+ | dark (P3) | border-control (on ring) | toggle-on-hover | 3.05 | 3.0 |
709
+ | dark (P3) | border-control (on ring) | component | 3.57 | 3.0 |
710
+ | dark (P3) | border-control (on ring) | component-hover | 3.40 | 3.0 |
711
+ | dark (P3) | brand-foreground (on ring) | brand-subtle | 12.77 | 3.0 |
712
+ | dark (P3) | brand-foreground (on ring) | brand-subtle-hover | 11.46 | 3.0 |
713
+ | dark (P3) | danger-foreground (on ring) | danger-subtle | 8.12 | 3.0 |
714
+ | dark (P3) | danger-foreground (on ring) | danger-subtle-hover | 7.39 | 3.0 |
715
+ | dark (P3) | on-inverted-foreground (on ring) | inverted-solid | 18.99 | 3.0 |
716
+ | dark (P3) | on-inverted-foreground (on ring) | inverted-solid-hover | 13.70 | 3.0 |
717
+ | dark (P3) | on-brand-solid-foreground (on ring) | brand-solid | 14.22 | 3.0 |
718
+ | dark (P3) | on-brand-solid-foreground (on ring) | brand-solid-hover | 11.48 | 3.0 |
719
+ | dark (P3) | on-danger-solid-foreground (on ring) | danger-solid | 6.44 | 3.0 |
720
+ | dark (P3) | on-danger-solid-foreground (on ring) | danger-solid-hover | 5.65 | 3.0 |
721
+ | dark (P3) | on-standout-primary-foreground | standout | 13.81 | 4.5 |
722
+ | dark (P3) | on-standout-secondary-foreground | standout | 5.00 | 4.5 |
723
+ | dark (P3) | brand-fill (non-text) | page | 17.05 | 3.0 |
724
+ | dark (P3) | border-control (non-text) | container | 3.71 | 3.0 |
725
+ | dark (P3) | brand-border-focus (non-text) | page | 4.18 | 3.0 |
726
+ | light · blue | foreground | page | 19.79 | 4.5 |
727
+ | light · blue | paragraph-foreground | page | 16.29 | 4.5 |
728
+ | light · blue | muted-foreground | page | 5.06 | 4.5 |
729
+ | light · blue | muted-foreground-solid | page | 5.92 | 4.5 |
730
+ | light · blue | tertiary-foreground | page | 5.92 | 4.5 |
731
+ | light · blue | placeholder-foreground | page | 5.92 | 4.5 |
732
+ | light · blue | brand-foreground | page | 7.30 | 4.5 |
733
+ | light · blue | positive-foreground | page | 7.23 | 4.5 |
734
+ | light · blue | warning-foreground | page | 6.96 | 4.5 |
735
+ | light · blue | danger-foreground | page | 7.58 | 4.5 |
736
+ | light · blue | info-foreground | page | 8.92 | 4.5 |
737
+ | light · blue | foreground | container | 19.79 | 4.5 |
738
+ | light · blue | paragraph-foreground | container | 16.29 | 4.5 |
739
+ | light · blue | muted-foreground | container | 5.06 | 4.5 |
740
+ | light · blue | muted-foreground-solid | container | 5.92 | 4.5 |
741
+ | light · blue | tertiary-foreground | container | 5.92 | 4.5 |
742
+ | light · blue | placeholder-foreground | container | 5.92 | 4.5 |
743
+ | light · blue | brand-foreground | container | 7.30 | 4.5 |
744
+ | light · blue | positive-foreground | container | 7.23 | 4.5 |
745
+ | light · blue | warning-foreground | container | 6.96 | 4.5 |
746
+ | light · blue | danger-foreground | container | 7.58 | 4.5 |
747
+ | light · blue | info-foreground | container | 8.92 | 4.5 |
748
+ | light · blue | foreground | modal | 19.79 | 4.5 |
749
+ | light · blue | paragraph-foreground | modal | 16.29 | 4.5 |
750
+ | light · blue | muted-foreground | modal | 5.06 | 4.5 |
751
+ | light · blue | muted-foreground-solid | modal | 5.92 | 4.5 |
752
+ | light · blue | tertiary-foreground | modal | 5.92 | 4.5 |
753
+ | light · blue | placeholder-foreground | modal | 5.92 | 4.5 |
754
+ | light · blue | brand-foreground | modal | 7.30 | 4.5 |
755
+ | light · blue | positive-foreground | modal | 7.23 | 4.5 |
756
+ | light · blue | warning-foreground | modal | 6.96 | 4.5 |
757
+ | light · blue | danger-foreground | modal | 7.58 | 4.5 |
758
+ | light · blue | info-foreground | modal | 8.92 | 4.5 |
759
+ | light · blue | foreground | shell | 18.96 | 4.5 |
760
+ | light · blue | paragraph-foreground | shell | 15.72 | 4.5 |
761
+ | light · blue | muted-foreground | shell | 4.85 | 4.5 |
762
+ | light · blue | muted-foreground-solid | shell | 5.67 | 4.5 |
763
+ | light · blue | tertiary-foreground | shell | 5.84 | 4.5 |
764
+ | light · blue | placeholder-foreground | shell | 5.84 | 4.5 |
765
+ | light · blue | brand-foreground | shell | 6.99 | 4.5 |
766
+ | light · blue | positive-foreground | shell | 6.93 | 4.5 |
767
+ | light · blue | warning-foreground | shell | 6.67 | 4.5 |
768
+ | light · blue | danger-foreground | shell | 7.26 | 4.5 |
769
+ | light · blue | info-foreground | shell | 8.54 | 4.5 |
770
+ | light · blue | foreground | card-subtle | 18.80 | 4.5 |
771
+ | light · blue | paragraph-foreground | card-subtle | 15.61 | 4.5 |
772
+ | light · blue | muted-foreground | card-subtle | 4.81 | 4.5 |
773
+ | light · blue | muted-foreground-solid | card-subtle | 5.62 | 4.5 |
774
+ | light · blue | tertiary-foreground | card-subtle | 5.82 | 4.5 |
775
+ | light · blue | placeholder-foreground | card-subtle | 5.82 | 4.5 |
776
+ | light · blue | brand-foreground | card-subtle | 6.93 | 4.5 |
777
+ | light · blue | positive-foreground | card-subtle | 6.87 | 4.5 |
778
+ | light · blue | warning-foreground | card-subtle | 6.61 | 4.5 |
779
+ | light · blue | danger-foreground | card-subtle | 7.20 | 4.5 |
780
+ | light · blue | info-foreground | card-subtle | 8.47 | 4.5 |
781
+ | light · blue | foreground | component | 18.15 | 4.5 |
782
+ | light · blue | paragraph-foreground | component | 15.16 | 4.5 |
783
+ | light · blue | muted-foreground | component | 4.64 | 4.5 |
784
+ | light · blue | muted-foreground-solid | component | 5.43 | 4.5 |
785
+ | light · blue | tertiary-foreground | component | 5.76 | 4.5 |
786
+ | light · blue | placeholder-foreground | component | 5.76 | 4.5 |
787
+ | light · blue | brand-foreground | component | 6.69 | 4.5 |
788
+ | light · blue | positive-foreground | component | 6.63 | 4.5 |
789
+ | light · blue | warning-foreground | component | 6.38 | 4.5 |
790
+ | light · blue | danger-foreground | component | 6.95 | 4.5 |
791
+ | light · blue | info-foreground | component | 8.17 | 4.5 |
792
+ | light · blue | on-brand-solid-foreground | brand-solid | 4.63 | 4.5 |
793
+ | light · blue | on-brand-solid-foreground | brand-solid-hover | 6.16 | 4.5 |
794
+ | light · blue | on-brand-solid-foreground | brand-solid-active | 7.85 | 4.5 |
795
+ | light · blue | on-brand-subtle-foreground | brand-subtle | 11.26 | 4.5 |
796
+ | light · blue | on-positive-solid-foreground | positive-solid | 4.72 | 4.5 |
797
+ | light · blue | on-positive-solid-foreground | positive-solid-hover | 6.26 | 4.5 |
798
+ | light · blue | on-positive-solid-foreground | positive-solid-active | 7.96 | 4.5 |
799
+ | light · blue | on-positive-subtle-foreground | positive-subtle | 11.00 | 4.5 |
800
+ | light · blue | on-warning-solid-foreground | warning-solid | 5.08 | 4.5 |
801
+ | light · blue | on-warning-solid-foreground | warning-solid-hover | 6.01 | 4.5 |
802
+ | light · blue | on-warning-solid-foreground | warning-solid-active | 7.68 | 4.5 |
803
+ | light · blue | on-warning-subtle-foreground | warning-subtle | 10.28 | 4.5 |
804
+ | light · blue | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
805
+ | light · blue | on-danger-solid-foreground | danger-solid-hover | 6.13 | 4.5 |
806
+ | light · blue | on-danger-solid-foreground | danger-solid-active | 7.81 | 4.5 |
807
+ | light · blue | on-danger-subtle-foreground | danger-subtle | 11.34 | 4.5 |
808
+ | light · blue | on-info-solid-foreground | info-solid | 6.07 | 4.5 |
809
+ | light · blue | on-info-solid-foreground | info-solid-hover | 7.85 | 4.5 |
810
+ | light · blue | on-info-solid-foreground | info-solid-active | 9.69 | 4.5 |
811
+ | light · blue | on-info-subtle-foreground | info-subtle | 11.85 | 4.5 |
812
+ | light · blue | on-inverted-foreground | inverted-solid | 19.44 | 4.5 |
813
+ | light · blue | border-input (contrast more) | container | 3.32 | 3.0 |
814
+ | light · blue | border-input-hover (contrast more) | container | 3.32 | 3.0 |
815
+ | light · blue | danger-border-default (contrast more) | container | 7.58 | 3.0 |
816
+ | light · blue | foreground | toggle-on | 14.99 | 4.5 |
817
+ | light · blue | foreground | toggle-on-hover | 14.02 | 4.5 |
818
+ | light · blue | foreground | toggle-on-active | 12.58 | 4.5 |
819
+ | light · blue | brand-foreground | brand-subtle | 6.51 | 4.5 |
820
+ | light · blue | brand-foreground | brand-subtle-hover | 6.12 | 4.5 |
821
+ | light · blue | brand-foreground | brand-subtle-active | 5.55 | 4.5 |
822
+ | light · blue | danger-foreground | danger-subtle | 7.22 | 4.5 |
823
+ | light · blue | danger-foreground | danger-subtle-hover | 6.59 | 4.5 |
824
+ | light · blue | danger-foreground | danger-subtle-active | 5.33 | 4.5 |
825
+ | light · blue | border-control (on ring) | toggle-on | 3.17 | 3.0 |
826
+ | light · blue | border-control (on ring) | toggle-on-hover | 3.13 | 3.0 |
827
+ | light · blue | border-control (on ring) | component | 3.27 | 3.0 |
828
+ | light · blue | border-control (on ring) | component-hover | 3.21 | 3.0 |
829
+ | light · blue | brand-foreground (on ring) | brand-subtle | 6.51 | 3.0 |
830
+ | light · blue | brand-foreground (on ring) | brand-subtle-hover | 6.12 | 3.0 |
831
+ | light · blue | danger-foreground (on ring) | danger-subtle | 7.22 | 3.0 |
832
+ | light · blue | danger-foreground (on ring) | danger-subtle-hover | 6.59 | 3.0 |
833
+ | light · blue | on-inverted-foreground (on ring) | inverted-solid | 19.44 | 3.0 |
834
+ | light · blue | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
835
+ | light · blue | on-brand-solid-foreground (on ring) | brand-solid | 4.63 | 3.0 |
836
+ | light · blue | on-brand-solid-foreground (on ring) | brand-solid-hover | 6.16 | 3.0 |
837
+ | light · blue | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
838
+ | light · blue | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.13 | 3.0 |
839
+ | light · blue | on-standout-primary-foreground | standout | 16.29 | 4.5 |
840
+ | light · blue | on-standout-secondary-foreground | standout | 5.10 | 4.5 |
841
+ | light · blue | brand-fill (non-text) | page | 3.26 | 3.0 |
842
+ | light · blue | border-control (non-text) | container | 3.32 | 3.0 |
843
+ | light · blue | brand-border-focus (non-text) | page | 3.26 | 3.0 |
844
+ | light + high contrast · blue | foreground | page | 16.29 | 4.5 |
845
+ | light + high contrast · blue | paragraph-foreground | page | 16.29 | 4.5 |
846
+ | light + high contrast · blue | muted-foreground | page | 16.29 | 4.5 |
847
+ | light + high contrast · blue | muted-foreground-solid | page | 16.29 | 4.5 |
848
+ | light + high contrast · blue | tertiary-foreground | page | 16.29 | 4.5 |
849
+ | light + high contrast · blue | placeholder-foreground | page | 5.92 | 4.5 |
850
+ | light + high contrast · blue | brand-foreground | page | 7.30 | 4.5 |
851
+ | light + high contrast · blue | positive-foreground | page | 7.23 | 4.5 |
852
+ | light + high contrast · blue | warning-foreground | page | 6.96 | 4.5 |
853
+ | light + high contrast · blue | danger-foreground | page | 7.58 | 4.5 |
854
+ | light + high contrast · blue | info-foreground | page | 8.92 | 4.5 |
855
+ | light + high contrast · blue | foreground | container | 16.29 | 4.5 |
856
+ | light + high contrast · blue | paragraph-foreground | container | 16.29 | 4.5 |
857
+ | light + high contrast · blue | muted-foreground | container | 16.29 | 4.5 |
858
+ | light + high contrast · blue | muted-foreground-solid | container | 16.29 | 4.5 |
859
+ | light + high contrast · blue | tertiary-foreground | container | 16.29 | 4.5 |
860
+ | light + high contrast · blue | placeholder-foreground | container | 5.92 | 4.5 |
861
+ | light + high contrast · blue | brand-foreground | container | 7.30 | 4.5 |
862
+ | light + high contrast · blue | positive-foreground | container | 7.23 | 4.5 |
863
+ | light + high contrast · blue | warning-foreground | container | 6.96 | 4.5 |
864
+ | light + high contrast · blue | danger-foreground | container | 7.58 | 4.5 |
865
+ | light + high contrast · blue | info-foreground | container | 8.92 | 4.5 |
866
+ | light + high contrast · blue | foreground | modal | 16.29 | 4.5 |
867
+ | light + high contrast · blue | paragraph-foreground | modal | 16.29 | 4.5 |
868
+ | light + high contrast · blue | muted-foreground | modal | 16.29 | 4.5 |
869
+ | light + high contrast · blue | muted-foreground-solid | modal | 16.29 | 4.5 |
870
+ | light + high contrast · blue | tertiary-foreground | modal | 16.29 | 4.5 |
871
+ | light + high contrast · blue | placeholder-foreground | modal | 5.92 | 4.5 |
872
+ | light + high contrast · blue | brand-foreground | modal | 7.30 | 4.5 |
873
+ | light + high contrast · blue | positive-foreground | modal | 7.23 | 4.5 |
874
+ | light + high contrast · blue | warning-foreground | modal | 6.96 | 4.5 |
875
+ | light + high contrast · blue | danger-foreground | modal | 7.58 | 4.5 |
876
+ | light + high contrast · blue | info-foreground | modal | 8.92 | 4.5 |
877
+ | light + high contrast · blue | foreground | shell | 15.72 | 4.5 |
878
+ | light + high contrast · blue | paragraph-foreground | shell | 15.72 | 4.5 |
879
+ | light + high contrast · blue | muted-foreground | shell | 15.72 | 4.5 |
880
+ | light + high contrast · blue | muted-foreground-solid | shell | 15.61 | 4.5 |
881
+ | light + high contrast · blue | tertiary-foreground | shell | 15.72 | 4.5 |
882
+ | light + high contrast · blue | placeholder-foreground | shell | 5.84 | 4.5 |
883
+ | light + high contrast · blue | brand-foreground | shell | 6.99 | 4.5 |
884
+ | light + high contrast · blue | positive-foreground | shell | 6.93 | 4.5 |
885
+ | light + high contrast · blue | warning-foreground | shell | 6.67 | 4.5 |
886
+ | light + high contrast · blue | danger-foreground | shell | 7.26 | 4.5 |
887
+ | light + high contrast · blue | info-foreground | shell | 8.54 | 4.5 |
888
+ | light + high contrast · blue | foreground | card-subtle | 15.61 | 4.5 |
889
+ | light + high contrast · blue | paragraph-foreground | card-subtle | 15.61 | 4.5 |
890
+ | light + high contrast · blue | muted-foreground | card-subtle | 15.61 | 4.5 |
891
+ | light + high contrast · blue | muted-foreground-solid | card-subtle | 15.48 | 4.5 |
892
+ | light + high contrast · blue | tertiary-foreground | card-subtle | 15.61 | 4.5 |
893
+ | light + high contrast · blue | placeholder-foreground | card-subtle | 5.82 | 4.5 |
894
+ | light + high contrast · blue | brand-foreground | card-subtle | 6.93 | 4.5 |
895
+ | light + high contrast · blue | positive-foreground | card-subtle | 6.87 | 4.5 |
896
+ | light + high contrast · blue | warning-foreground | card-subtle | 6.61 | 4.5 |
897
+ | light + high contrast · blue | danger-foreground | card-subtle | 7.20 | 4.5 |
898
+ | light + high contrast · blue | info-foreground | card-subtle | 8.47 | 4.5 |
899
+ | light + high contrast · blue | foreground | component | 15.16 | 4.5 |
900
+ | light + high contrast · blue | paragraph-foreground | component | 15.16 | 4.5 |
901
+ | light + high contrast · blue | muted-foreground | component | 15.16 | 4.5 |
902
+ | light + high contrast · blue | muted-foreground-solid | component | 14.94 | 4.5 |
903
+ | light + high contrast · blue | tertiary-foreground | component | 15.16 | 4.5 |
904
+ | light + high contrast · blue | placeholder-foreground | component | 5.76 | 4.5 |
905
+ | light + high contrast · blue | brand-foreground | component | 6.69 | 4.5 |
906
+ | light + high contrast · blue | positive-foreground | component | 6.63 | 4.5 |
907
+ | light + high contrast · blue | warning-foreground | component | 6.38 | 4.5 |
908
+ | light + high contrast · blue | danger-foreground | component | 6.95 | 4.5 |
909
+ | light + high contrast · blue | info-foreground | component | 8.17 | 4.5 |
910
+ | light + high contrast · blue | on-brand-solid-foreground | brand-solid | 4.63 | 4.5 |
911
+ | light + high contrast · blue | on-brand-solid-foreground | brand-solid-hover | 6.16 | 4.5 |
912
+ | light + high contrast · blue | on-brand-solid-foreground | brand-solid-active | 7.85 | 4.5 |
913
+ | light + high contrast · blue | on-brand-subtle-foreground | brand-subtle | 11.26 | 4.5 |
914
+ | light + high contrast · blue | on-positive-solid-foreground | positive-solid | 4.72 | 4.5 |
915
+ | light + high contrast · blue | on-positive-solid-foreground | positive-solid-hover | 6.26 | 4.5 |
916
+ | light + high contrast · blue | on-positive-solid-foreground | positive-solid-active | 7.96 | 4.5 |
917
+ | light + high contrast · blue | on-positive-subtle-foreground | positive-subtle | 11.00 | 4.5 |
918
+ | light + high contrast · blue | on-warning-solid-foreground | warning-solid | 5.08 | 4.5 |
919
+ | light + high contrast · blue | on-warning-solid-foreground | warning-solid-hover | 6.01 | 4.5 |
920
+ | light + high contrast · blue | on-warning-solid-foreground | warning-solid-active | 7.68 | 4.5 |
921
+ | light + high contrast · blue | on-warning-subtle-foreground | warning-subtle | 10.28 | 4.5 |
922
+ | light + high contrast · blue | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
923
+ | light + high contrast · blue | on-danger-solid-foreground | danger-solid-hover | 6.13 | 4.5 |
924
+ | light + high contrast · blue | on-danger-solid-foreground | danger-solid-active | 7.81 | 4.5 |
925
+ | light + high contrast · blue | on-danger-subtle-foreground | danger-subtle | 11.34 | 4.5 |
926
+ | light + high contrast · blue | on-info-solid-foreground | info-solid | 6.07 | 4.5 |
927
+ | light + high contrast · blue | on-info-solid-foreground | info-solid-hover | 7.85 | 4.5 |
928
+ | light + high contrast · blue | on-info-solid-foreground | info-solid-active | 9.69 | 4.5 |
929
+ | light + high contrast · blue | on-info-subtle-foreground | info-subtle | 11.85 | 4.5 |
930
+ | light + high contrast · blue | on-inverted-foreground | inverted-solid | 19.44 | 4.5 |
931
+ | light + high contrast · blue | border-input (contrast more) | container | 3.32 | 3.0 |
932
+ | light + high contrast · blue | border-input-hover (contrast more) | container | 3.32 | 3.0 |
933
+ | light + high contrast · blue | danger-border-default (contrast more) | container | 7.58 | 3.0 |
934
+ | light + high contrast · blue | foreground | toggle-on | 12.89 | 4.5 |
935
+ | light + high contrast · blue | foreground | toggle-on-hover | 12.17 | 4.5 |
936
+ | light + high contrast · blue | foreground | toggle-on-active | 11.08 | 4.5 |
937
+ | light + high contrast · blue | brand-foreground | brand-subtle | 6.51 | 4.5 |
938
+ | light + high contrast · blue | brand-foreground | brand-subtle-hover | 6.12 | 4.5 |
939
+ | light + high contrast · blue | brand-foreground | brand-subtle-active | 5.55 | 4.5 |
940
+ | light + high contrast · blue | danger-foreground | danger-subtle | 7.22 | 4.5 |
941
+ | light + high contrast · blue | danger-foreground | danger-subtle-hover | 6.59 | 4.5 |
942
+ | light + high contrast · blue | danger-foreground | danger-subtle-active | 5.33 | 4.5 |
943
+ | light + high contrast · blue | border-control (on ring) | toggle-on | 3.17 | 3.0 |
944
+ | light + high contrast · blue | border-control (on ring) | toggle-on-hover | 3.13 | 3.0 |
945
+ | light + high contrast · blue | border-control (on ring) | component | 3.27 | 3.0 |
946
+ | light + high contrast · blue | border-control (on ring) | component-hover | 3.21 | 3.0 |
947
+ | light + high contrast · blue | brand-foreground (on ring) | brand-subtle | 6.51 | 3.0 |
948
+ | light + high contrast · blue | brand-foreground (on ring) | brand-subtle-hover | 6.12 | 3.0 |
949
+ | light + high contrast · blue | danger-foreground (on ring) | danger-subtle | 7.22 | 3.0 |
950
+ | light + high contrast · blue | danger-foreground (on ring) | danger-subtle-hover | 6.59 | 3.0 |
951
+ | light + high contrast · blue | on-inverted-foreground (on ring) | inverted-solid | 19.44 | 3.0 |
952
+ | light + high contrast · blue | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
953
+ | light + high contrast · blue | on-brand-solid-foreground (on ring) | brand-solid | 4.63 | 3.0 |
954
+ | light + high contrast · blue | on-brand-solid-foreground (on ring) | brand-solid-hover | 6.16 | 3.0 |
955
+ | light + high contrast · blue | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
956
+ | light + high contrast · blue | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.13 | 3.0 |
957
+ | light + high contrast · blue | on-standout-primary-foreground | standout | 16.29 | 4.5 |
958
+ | light + high contrast · blue | on-standout-secondary-foreground | standout | 5.10 | 4.5 |
959
+ | light + high contrast · blue | brand-fill (non-text) | page | 3.26 | 3.0 |
960
+ | light + high contrast · blue | border-control (non-text) | container | 3.32 | 3.0 |
961
+ | light + high contrast · blue | brand-border-focus (non-text) | page | 4.77 | 3.0 |
962
+ | dark · blue | foreground | page | 18.96 | 4.5 |
963
+ | dark · blue | paragraph-foreground | page | 12.58 | 4.5 |
964
+ | dark · blue | muted-foreground | page | 7.63 | 4.5 |
965
+ | dark · blue | muted-foreground-solid | page | 9.55 | 4.5 |
966
+ | dark · blue | tertiary-foreground | page | 9.35 | 4.5 |
967
+ | dark · blue | placeholder-foreground | page | 9.35 | 4.5 |
968
+ | dark · blue | brand-foreground | page | 9.42 | 4.5 |
969
+ | dark · blue | positive-foreground | page | 10.55 | 4.5 |
970
+ | dark · blue | warning-foreground | page | 9.82 | 4.5 |
971
+ | dark · blue | danger-foreground | page | 9.40 | 4.5 |
972
+ | dark · blue | info-foreground | page | 9.41 | 4.5 |
973
+ | dark · blue | foreground | container | 17.16 | 4.5 |
974
+ | dark · blue | paragraph-foreground | container | 11.69 | 4.5 |
975
+ | dark · blue | muted-foreground | container | 6.91 | 4.5 |
976
+ | dark · blue | muted-foreground-solid | container | 8.64 | 4.5 |
977
+ | dark · blue | tertiary-foreground | container | 8.86 | 4.5 |
978
+ | dark · blue | placeholder-foreground | container | 8.86 | 4.5 |
979
+ | dark · blue | brand-foreground | container | 8.52 | 4.5 |
980
+ | dark · blue | positive-foreground | container | 9.55 | 4.5 |
981
+ | dark · blue | warning-foreground | container | 8.89 | 4.5 |
982
+ | dark · blue | danger-foreground | container | 8.51 | 4.5 |
983
+ | dark · blue | info-foreground | container | 8.52 | 4.5 |
984
+ | dark · blue | foreground | modal | 17.16 | 4.5 |
985
+ | dark · blue | paragraph-foreground | modal | 11.69 | 4.5 |
986
+ | dark · blue | muted-foreground | modal | 6.91 | 4.5 |
987
+ | dark · blue | muted-foreground-solid | modal | 8.64 | 4.5 |
988
+ | dark · blue | tertiary-foreground | modal | 8.86 | 4.5 |
989
+ | dark · blue | placeholder-foreground | modal | 8.86 | 4.5 |
990
+ | dark · blue | brand-foreground | modal | 8.52 | 4.5 |
991
+ | dark · blue | positive-foreground | modal | 9.55 | 4.5 |
992
+ | dark · blue | warning-foreground | modal | 8.89 | 4.5 |
993
+ | dark · blue | danger-foreground | modal | 8.51 | 4.5 |
994
+ | dark · blue | info-foreground | modal | 8.52 | 4.5 |
995
+ | dark · blue | foreground | shell | 17.16 | 4.5 |
996
+ | dark · blue | paragraph-foreground | shell | 11.69 | 4.5 |
997
+ | dark · blue | muted-foreground | shell | 6.91 | 4.5 |
998
+ | dark · blue | muted-foreground-solid | shell | 8.64 | 4.5 |
999
+ | dark · blue | tertiary-foreground | shell | 8.86 | 4.5 |
1000
+ | dark · blue | placeholder-foreground | shell | 8.86 | 4.5 |
1001
+ | dark · blue | brand-foreground | shell | 8.52 | 4.5 |
1002
+ | dark · blue | positive-foreground | shell | 9.55 | 4.5 |
1003
+ | dark · blue | warning-foreground | shell | 8.89 | 4.5 |
1004
+ | dark · blue | danger-foreground | shell | 8.51 | 4.5 |
1005
+ | dark · blue | info-foreground | shell | 8.52 | 4.5 |
1006
+ | dark · blue | foreground | card-subtle | 15.74 | 4.5 |
1007
+ | dark · blue | paragraph-foreground | card-subtle | 10.90 | 4.5 |
1008
+ | dark · blue | muted-foreground | card-subtle | 6.34 | 4.5 |
1009
+ | dark · blue | muted-foreground-solid | card-subtle | 7.93 | 4.5 |
1010
+ | dark · blue | tertiary-foreground | card-subtle | 8.36 | 4.5 |
1011
+ | dark · blue | placeholder-foreground | card-subtle | 8.36 | 4.5 |
1012
+ | dark · blue | brand-foreground | card-subtle | 7.82 | 4.5 |
1013
+ | dark · blue | positive-foreground | card-subtle | 8.76 | 4.5 |
1014
+ | dark · blue | warning-foreground | card-subtle | 8.15 | 4.5 |
1015
+ | dark · blue | danger-foreground | card-subtle | 7.80 | 4.5 |
1016
+ | dark · blue | info-foreground | card-subtle | 7.82 | 4.5 |
1017
+ | dark · blue | foreground | component | 14.48 | 4.5 |
1018
+ | dark · blue | paragraph-foreground | component | 10.16 | 4.5 |
1019
+ | dark · blue | muted-foreground | component | 5.83 | 4.5 |
1020
+ | dark · blue | muted-foreground-solid | component | 7.29 | 4.5 |
1021
+ | dark · blue | tertiary-foreground | component | 7.87 | 4.5 |
1022
+ | dark · blue | placeholder-foreground | component | 7.87 | 4.5 |
1023
+ | dark · blue | brand-foreground | component | 7.19 | 4.5 |
1024
+ | dark · blue | positive-foreground | component | 8.06 | 4.5 |
1025
+ | dark · blue | warning-foreground | component | 7.50 | 4.5 |
1026
+ | dark · blue | danger-foreground | component | 7.18 | 4.5 |
1027
+ | dark · blue | info-foreground | component | 7.19 | 4.5 |
1028
+ | dark · blue | on-brand-solid-foreground | brand-solid | 5.62 | 4.5 |
1029
+ | dark · blue | on-brand-solid-foreground | brand-solid-hover | 6.57 | 4.5 |
1030
+ | dark · blue | on-brand-solid-foreground | brand-solid-active | 8.72 | 4.5 |
1031
+ | dark · blue | on-brand-subtle-foreground | brand-subtle | 6.65 | 4.5 |
1032
+ | dark · blue | on-positive-solid-foreground | positive-solid | 5.86 | 4.5 |
1033
+ | dark · blue | on-positive-solid-foreground | positive-solid-hover | 6.70 | 4.5 |
1034
+ | dark · blue | on-positive-solid-foreground | positive-solid-active | 9.87 | 4.5 |
1035
+ | dark · blue | on-positive-subtle-foreground | positive-subtle | 7.31 | 4.5 |
1036
+ | dark · blue | on-warning-solid-foreground | warning-solid | 6.26 | 4.5 |
1037
+ | dark · blue | on-warning-solid-foreground | warning-solid-hover | 7.40 | 4.5 |
1038
+ | dark · blue | on-warning-solid-foreground | warning-solid-active | 9.23 | 4.5 |
1039
+ | dark · blue | on-warning-subtle-foreground | warning-subtle | 7.33 | 4.5 |
1040
+ | dark · blue | on-danger-solid-foreground | danger-solid | 6.44 | 4.5 |
1041
+ | dark · blue | on-danger-solid-foreground | danger-solid-hover | 5.64 | 4.5 |
1042
+ | dark · blue | on-danger-solid-foreground | danger-solid-active | 8.85 | 4.5 |
1043
+ | dark · blue | on-danger-subtle-foreground | danger-subtle | 8.01 | 4.5 |
1044
+ | dark · blue | on-info-solid-foreground | info-solid | 5.37 | 4.5 |
1045
+ | dark · blue | on-info-solid-foreground | info-solid-hover | 7.04 | 4.5 |
1046
+ | dark · blue | on-info-solid-foreground | info-solid-active | 8.82 | 4.5 |
1047
+ | dark · blue | on-info-subtle-foreground | info-subtle | 6.79 | 4.5 |
1048
+ | dark · blue | on-inverted-foreground | inverted-solid | 18.84 | 4.5 |
1049
+ | dark · blue | border-input (contrast more) | container | 3.73 | 3.0 |
1050
+ | dark · blue | border-input-hover (contrast more) | container | 3.73 | 3.0 |
1051
+ | dark · blue | danger-border-default (contrast more) | container | 8.51 | 3.0 |
1052
+ | dark · blue | foreground | toggle-on | 11.57 | 4.5 |
1053
+ | dark · blue | foreground | toggle-on-hover | 10.07 | 4.5 |
1054
+ | dark · blue | foreground | toggle-on-active | 8.13 | 4.5 |
1055
+ | dark · blue | brand-foreground | brand-subtle | 6.65 | 4.5 |
1056
+ | dark · blue | brand-foreground | brand-subtle-hover | 5.67 | 4.5 |
1057
+ | dark · blue | brand-foreground | brand-subtle-active | 4.75 | 4.5 |
1058
+ | dark · blue | danger-foreground | danger-subtle | 8.01 | 4.5 |
1059
+ | dark · blue | danger-foreground | danger-subtle-hover | 7.19 | 4.5 |
1060
+ | dark · blue | danger-foreground | danger-subtle-active | 5.71 | 4.5 |
1061
+ | dark · blue | border-control (on ring) | toggle-on | 3.27 | 3.0 |
1062
+ | dark · blue | border-control (on ring) | toggle-on-hover | 3.06 | 3.0 |
1063
+ | dark · blue | border-control (on ring) | component | 3.58 | 3.0 |
1064
+ | dark · blue | border-control (on ring) | component-hover | 3.40 | 3.0 |
1065
+ | dark · blue | brand-foreground (on ring) | brand-subtle | 6.65 | 3.0 |
1066
+ | dark · blue | brand-foreground (on ring) | brand-subtle-hover | 5.67 | 3.0 |
1067
+ | dark · blue | danger-foreground (on ring) | danger-subtle | 8.01 | 3.0 |
1068
+ | dark · blue | danger-foreground (on ring) | danger-subtle-hover | 7.19 | 3.0 |
1069
+ | dark · blue | on-inverted-foreground (on ring) | inverted-solid | 18.96 | 3.0 |
1070
+ | dark · blue | on-inverted-foreground (on ring) | inverted-solid-hover | 13.70 | 3.0 |
1071
+ | dark · blue | on-brand-solid-foreground (on ring) | brand-solid | 5.62 | 3.0 |
1072
+ | dark · blue | on-brand-solid-foreground (on ring) | brand-solid-hover | 6.57 | 3.0 |
1073
+ | dark · blue | on-danger-solid-foreground (on ring) | danger-solid | 6.44 | 3.0 |
1074
+ | dark · blue | on-danger-solid-foreground (on ring) | danger-solid-hover | 5.64 | 3.0 |
1075
+ | dark · blue | on-standout-primary-foreground | standout | 13.89 | 4.5 |
1076
+ | dark · blue | on-standout-secondary-foreground | standout | 5.04 | 4.5 |
1077
+ | dark · blue | brand-fill (non-text) | page | 6.06 | 3.0 |
1078
+ | dark · blue | border-control (non-text) | container | 3.73 | 3.0 |
1079
+ | dark · blue | brand-border-focus (non-text) | page | 6.06 | 3.0 |
1080
+ | light (P3) · blue | foreground | page | 19.79 | 4.5 |
1081
+ | light (P3) · blue | paragraph-foreground | page | 16.32 | 4.5 |
1082
+ | light (P3) · blue | muted-foreground | page | 5.06 | 4.5 |
1083
+ | light (P3) · blue | muted-foreground-solid | page | 5.92 | 4.5 |
1084
+ | light (P3) · blue | tertiary-foreground | page | 5.92 | 4.5 |
1085
+ | light (P3) · blue | placeholder-foreground | page | 5.92 | 4.5 |
1086
+ | light (P3) · blue | brand-foreground | page | 7.22 | 4.5 |
1087
+ | light (P3) · blue | positive-foreground | page | 7.48 | 4.5 |
1088
+ | light (P3) · blue | warning-foreground | page | 6.79 | 4.5 |
1089
+ | light (P3) · blue | danger-foreground | page | 7.57 | 4.5 |
1090
+ | light (P3) · blue | info-foreground | page | 8.93 | 4.5 |
1091
+ | light (P3) · blue | foreground | container | 19.79 | 4.5 |
1092
+ | light (P3) · blue | paragraph-foreground | container | 16.32 | 4.5 |
1093
+ | light (P3) · blue | muted-foreground | container | 5.06 | 4.5 |
1094
+ | light (P3) · blue | muted-foreground-solid | container | 5.92 | 4.5 |
1095
+ | light (P3) · blue | tertiary-foreground | container | 5.92 | 4.5 |
1096
+ | light (P3) · blue | placeholder-foreground | container | 5.92 | 4.5 |
1097
+ | light (P3) · blue | brand-foreground | container | 7.22 | 4.5 |
1098
+ | light (P3) · blue | positive-foreground | container | 7.48 | 4.5 |
1099
+ | light (P3) · blue | warning-foreground | container | 6.79 | 4.5 |
1100
+ | light (P3) · blue | danger-foreground | container | 7.57 | 4.5 |
1101
+ | light (P3) · blue | info-foreground | container | 8.93 | 4.5 |
1102
+ | light (P3) · blue | foreground | modal | 19.79 | 4.5 |
1103
+ | light (P3) · blue | paragraph-foreground | modal | 16.32 | 4.5 |
1104
+ | light (P3) · blue | muted-foreground | modal | 5.06 | 4.5 |
1105
+ | light (P3) · blue | muted-foreground-solid | modal | 5.92 | 4.5 |
1106
+ | light (P3) · blue | tertiary-foreground | modal | 5.92 | 4.5 |
1107
+ | light (P3) · blue | placeholder-foreground | modal | 5.92 | 4.5 |
1108
+ | light (P3) · blue | brand-foreground | modal | 7.22 | 4.5 |
1109
+ | light (P3) · blue | positive-foreground | modal | 7.48 | 4.5 |
1110
+ | light (P3) · blue | warning-foreground | modal | 6.79 | 4.5 |
1111
+ | light (P3) · blue | danger-foreground | modal | 7.57 | 4.5 |
1112
+ | light (P3) · blue | info-foreground | modal | 8.93 | 4.5 |
1113
+ | light (P3) · blue | foreground | shell | 18.96 | 4.5 |
1114
+ | light (P3) · blue | paragraph-foreground | shell | 15.74 | 4.5 |
1115
+ | light (P3) · blue | muted-foreground | shell | 4.85 | 4.5 |
1116
+ | light (P3) · blue | muted-foreground-solid | shell | 5.67 | 4.5 |
1117
+ | light (P3) · blue | tertiary-foreground | shell | 5.84 | 4.5 |
1118
+ | light (P3) · blue | placeholder-foreground | shell | 5.84 | 4.5 |
1119
+ | light (P3) · blue | brand-foreground | shell | 6.91 | 4.5 |
1120
+ | light (P3) · blue | positive-foreground | shell | 7.16 | 4.5 |
1121
+ | light (P3) · blue | warning-foreground | shell | 6.50 | 4.5 |
1122
+ | light (P3) · blue | danger-foreground | shell | 7.26 | 4.5 |
1123
+ | light (P3) · blue | info-foreground | shell | 8.56 | 4.5 |
1124
+ | light (P3) · blue | foreground | card-subtle | 18.78 | 4.5 |
1125
+ | light (P3) · blue | paragraph-foreground | card-subtle | 15.62 | 4.5 |
1126
+ | light (P3) · blue | muted-foreground | card-subtle | 4.80 | 4.5 |
1127
+ | light (P3) · blue | muted-foreground-solid | card-subtle | 5.62 | 4.5 |
1128
+ | light (P3) · blue | tertiary-foreground | card-subtle | 5.83 | 4.5 |
1129
+ | light (P3) · blue | placeholder-foreground | card-subtle | 5.83 | 4.5 |
1130
+ | light (P3) · blue | brand-foreground | card-subtle | 6.85 | 4.5 |
1131
+ | light (P3) · blue | positive-foreground | card-subtle | 7.10 | 4.5 |
1132
+ | light (P3) · blue | warning-foreground | card-subtle | 6.44 | 4.5 |
1133
+ | light (P3) · blue | danger-foreground | card-subtle | 7.19 | 4.5 |
1134
+ | light (P3) · blue | info-foreground | card-subtle | 8.48 | 4.5 |
1135
+ | light (P3) · blue | foreground | component | 18.15 | 4.5 |
1136
+ | light (P3) · blue | paragraph-foreground | component | 15.18 | 4.5 |
1137
+ | light (P3) · blue | muted-foreground | component | 4.64 | 4.5 |
1138
+ | light (P3) · blue | muted-foreground-solid | component | 5.43 | 4.5 |
1139
+ | light (P3) · blue | tertiary-foreground | component | 5.76 | 4.5 |
1140
+ | light (P3) · blue | placeholder-foreground | component | 5.76 | 4.5 |
1141
+ | light (P3) · blue | brand-foreground | component | 6.62 | 4.5 |
1142
+ | light (P3) · blue | positive-foreground | component | 6.86 | 4.5 |
1143
+ | light (P3) · blue | warning-foreground | component | 6.22 | 4.5 |
1144
+ | light (P3) · blue | danger-foreground | component | 6.94 | 4.5 |
1145
+ | light (P3) · blue | info-foreground | component | 8.19 | 4.5 |
1146
+ | light (P3) · blue | on-brand-solid-foreground | brand-solid | 4.55 | 4.5 |
1147
+ | light (P3) · blue | on-brand-solid-foreground | brand-solid-hover | 5.98 | 4.5 |
1148
+ | light (P3) · blue | on-brand-solid-foreground | brand-solid-active | 7.64 | 4.5 |
1149
+ | light (P3) · blue | on-brand-subtle-foreground | brand-subtle | 11.23 | 4.5 |
1150
+ | light (P3) · blue | on-positive-solid-foreground | positive-solid | 4.95 | 4.5 |
1151
+ | light (P3) · blue | on-positive-solid-foreground | positive-solid-hover | 6.49 | 4.5 |
1152
+ | light (P3) · blue | on-positive-solid-foreground | positive-solid-active | 8.21 | 4.5 |
1153
+ | light (P3) · blue | on-positive-subtle-foreground | positive-subtle | 10.93 | 4.5 |
1154
+ | light (P3) · blue | on-warning-solid-foreground | warning-solid | 4.93 | 4.5 |
1155
+ | light (P3) · blue | on-warning-solid-foreground | warning-solid-hover | 5.85 | 4.5 |
1156
+ | light (P3) · blue | on-warning-solid-foreground | warning-solid-active | 7.49 | 4.5 |
1157
+ | light (P3) · blue | on-warning-subtle-foreground | warning-subtle | 10.17 | 4.5 |
1158
+ | light (P3) · blue | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
1159
+ | light (P3) · blue | on-danger-solid-foreground | danger-solid-hover | 6.12 | 4.5 |
1160
+ | light (P3) · blue | on-danger-solid-foreground | danger-solid-active | 7.80 | 4.5 |
1161
+ | light (P3) · blue | on-danger-subtle-foreground | danger-subtle | 11.19 | 4.5 |
1162
+ | light (P3) · blue | on-info-solid-foreground | info-solid | 6.09 | 4.5 |
1163
+ | light (P3) · blue | on-info-solid-foreground | info-solid-hover | 7.87 | 4.5 |
1164
+ | light (P3) · blue | on-info-solid-foreground | info-solid-active | 9.71 | 4.5 |
1165
+ | light (P3) · blue | on-info-subtle-foreground | info-subtle | 11.83 | 4.5 |
1166
+ | light (P3) · blue | on-inverted-foreground | inverted-solid | 19.47 | 4.5 |
1167
+ | light (P3) · blue | border-input (contrast more) | container | 3.32 | 3.0 |
1168
+ | light (P3) · blue | border-input-hover (contrast more) | container | 3.32 | 3.0 |
1169
+ | light (P3) · blue | danger-border-default (contrast more) | container | 7.57 | 3.0 |
1170
+ | light (P3) · blue | foreground | toggle-on | 14.98 | 4.5 |
1171
+ | light (P3) · blue | foreground | toggle-on-hover | 13.88 | 4.5 |
1172
+ | light (P3) · blue | foreground | toggle-on-active | 12.58 | 4.5 |
1173
+ | light (P3) · blue | brand-foreground | brand-subtle | 6.42 | 4.5 |
1174
+ | light (P3) · blue | brand-foreground | brand-subtle-hover | 5.99 | 4.5 |
1175
+ | light (P3) · blue | brand-foreground | brand-subtle-active | 5.42 | 4.5 |
1176
+ | light (P3) · blue | danger-foreground | danger-subtle | 7.13 | 4.5 |
1177
+ | light (P3) · blue | danger-foreground | danger-subtle-hover | 6.45 | 4.5 |
1178
+ | light (P3) · blue | danger-foreground | danger-subtle-active | 4.93 | 4.5 |
1179
+ | light (P3) · blue | border-control (on ring) | toggle-on | 3.17 | 3.0 |
1180
+ | light (P3) · blue | border-control (on ring) | toggle-on-hover | 3.12 | 3.0 |
1181
+ | light (P3) · blue | border-control (on ring) | component | 3.27 | 3.0 |
1182
+ | light (P3) · blue | border-control (on ring) | component-hover | 3.21 | 3.0 |
1183
+ | light (P3) · blue | brand-foreground (on ring) | brand-subtle | 6.42 | 3.0 |
1184
+ | light (P3) · blue | brand-foreground (on ring) | brand-subtle-hover | 5.99 | 3.0 |
1185
+ | light (P3) · blue | danger-foreground (on ring) | danger-subtle | 7.13 | 3.0 |
1186
+ | light (P3) · blue | danger-foreground (on ring) | danger-subtle-hover | 6.45 | 3.0 |
1187
+ | light (P3) · blue | on-inverted-foreground (on ring) | inverted-solid | 19.47 | 3.0 |
1188
+ | light (P3) · blue | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
1189
+ | light (P3) · blue | on-brand-solid-foreground (on ring) | brand-solid | 4.55 | 3.0 |
1190
+ | light (P3) · blue | on-brand-solid-foreground (on ring) | brand-solid-hover | 5.98 | 3.0 |
1191
+ | light (P3) · blue | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
1192
+ | light (P3) · blue | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.12 | 3.0 |
1193
+ | light (P3) · blue | on-standout-primary-foreground | standout | 16.32 | 4.5 |
1194
+ | light (P3) · blue | on-standout-secondary-foreground | standout | 5.07 | 4.5 |
1195
+ | light (P3) · blue | brand-fill (non-text) | page | 3.26 | 3.0 |
1196
+ | light (P3) · blue | border-control (non-text) | container | 3.32 | 3.0 |
1197
+ | light (P3) · blue | brand-border-focus (non-text) | page | 3.26 | 3.0 |
1198
+ | light + high contrast (P3) · blue | foreground | page | 16.32 | 4.5 |
1199
+ | light + high contrast (P3) · blue | paragraph-foreground | page | 16.32 | 4.5 |
1200
+ | light + high contrast (P3) · blue | muted-foreground | page | 16.32 | 4.5 |
1201
+ | light + high contrast (P3) · blue | muted-foreground-solid | page | 16.32 | 4.5 |
1202
+ | light + high contrast (P3) · blue | tertiary-foreground | page | 16.32 | 4.5 |
1203
+ | light + high contrast (P3) · blue | placeholder-foreground | page | 5.92 | 4.5 |
1204
+ | light + high contrast (P3) · blue | brand-foreground | page | 7.22 | 4.5 |
1205
+ | light + high contrast (P3) · blue | positive-foreground | page | 7.48 | 4.5 |
1206
+ | light + high contrast (P3) · blue | warning-foreground | page | 6.79 | 4.5 |
1207
+ | light + high contrast (P3) · blue | danger-foreground | page | 7.57 | 4.5 |
1208
+ | light + high contrast (P3) · blue | info-foreground | page | 8.93 | 4.5 |
1209
+ | light + high contrast (P3) · blue | foreground | container | 16.32 | 4.5 |
1210
+ | light + high contrast (P3) · blue | paragraph-foreground | container | 16.32 | 4.5 |
1211
+ | light + high contrast (P3) · blue | muted-foreground | container | 16.32 | 4.5 |
1212
+ | light + high contrast (P3) · blue | muted-foreground-solid | container | 16.32 | 4.5 |
1213
+ | light + high contrast (P3) · blue | tertiary-foreground | container | 16.32 | 4.5 |
1214
+ | light + high contrast (P3) · blue | placeholder-foreground | container | 5.92 | 4.5 |
1215
+ | light + high contrast (P3) · blue | brand-foreground | container | 7.22 | 4.5 |
1216
+ | light + high contrast (P3) · blue | positive-foreground | container | 7.48 | 4.5 |
1217
+ | light + high contrast (P3) · blue | warning-foreground | container | 6.79 | 4.5 |
1218
+ | light + high contrast (P3) · blue | danger-foreground | container | 7.57 | 4.5 |
1219
+ | light + high contrast (P3) · blue | info-foreground | container | 8.93 | 4.5 |
1220
+ | light + high contrast (P3) · blue | foreground | modal | 16.32 | 4.5 |
1221
+ | light + high contrast (P3) · blue | paragraph-foreground | modal | 16.32 | 4.5 |
1222
+ | light + high contrast (P3) · blue | muted-foreground | modal | 16.32 | 4.5 |
1223
+ | light + high contrast (P3) · blue | muted-foreground-solid | modal | 16.32 | 4.5 |
1224
+ | light + high contrast (P3) · blue | tertiary-foreground | modal | 16.32 | 4.5 |
1225
+ | light + high contrast (P3) · blue | placeholder-foreground | modal | 5.92 | 4.5 |
1226
+ | light + high contrast (P3) · blue | brand-foreground | modal | 7.22 | 4.5 |
1227
+ | light + high contrast (P3) · blue | positive-foreground | modal | 7.48 | 4.5 |
1228
+ | light + high contrast (P3) · blue | warning-foreground | modal | 6.79 | 4.5 |
1229
+ | light + high contrast (P3) · blue | danger-foreground | modal | 7.57 | 4.5 |
1230
+ | light + high contrast (P3) · blue | info-foreground | modal | 8.93 | 4.5 |
1231
+ | light + high contrast (P3) · blue | foreground | shell | 15.74 | 4.5 |
1232
+ | light + high contrast (P3) · blue | paragraph-foreground | shell | 15.74 | 4.5 |
1233
+ | light + high contrast (P3) · blue | muted-foreground | shell | 15.74 | 4.5 |
1234
+ | light + high contrast (P3) · blue | muted-foreground-solid | shell | 15.63 | 4.5 |
1235
+ | light + high contrast (P3) · blue | tertiary-foreground | shell | 15.74 | 4.5 |
1236
+ | light + high contrast (P3) · blue | placeholder-foreground | shell | 5.84 | 4.5 |
1237
+ | light + high contrast (P3) · blue | brand-foreground | shell | 6.91 | 4.5 |
1238
+ | light + high contrast (P3) · blue | positive-foreground | shell | 7.16 | 4.5 |
1239
+ | light + high contrast (P3) · blue | warning-foreground | shell | 6.50 | 4.5 |
1240
+ | light + high contrast (P3) · blue | danger-foreground | shell | 7.26 | 4.5 |
1241
+ | light + high contrast (P3) · blue | info-foreground | shell | 8.56 | 4.5 |
1242
+ | light + high contrast (P3) · blue | foreground | card-subtle | 15.62 | 4.5 |
1243
+ | light + high contrast (P3) · blue | paragraph-foreground | card-subtle | 15.62 | 4.5 |
1244
+ | light + high contrast (P3) · blue | muted-foreground | card-subtle | 15.62 | 4.5 |
1245
+ | light + high contrast (P3) · blue | muted-foreground-solid | card-subtle | 15.48 | 4.5 |
1246
+ | light + high contrast (P3) · blue | tertiary-foreground | card-subtle | 15.62 | 4.5 |
1247
+ | light + high contrast (P3) · blue | placeholder-foreground | card-subtle | 5.83 | 4.5 |
1248
+ | light + high contrast (P3) · blue | brand-foreground | card-subtle | 6.85 | 4.5 |
1249
+ | light + high contrast (P3) · blue | positive-foreground | card-subtle | 7.10 | 4.5 |
1250
+ | light + high contrast (P3) · blue | warning-foreground | card-subtle | 6.44 | 4.5 |
1251
+ | light + high contrast (P3) · blue | danger-foreground | card-subtle | 7.19 | 4.5 |
1252
+ | light + high contrast (P3) · blue | info-foreground | card-subtle | 8.48 | 4.5 |
1253
+ | light + high contrast (P3) · blue | foreground | component | 15.18 | 4.5 |
1254
+ | light + high contrast (P3) · blue | paragraph-foreground | component | 15.18 | 4.5 |
1255
+ | light + high contrast (P3) · blue | muted-foreground | component | 15.18 | 4.5 |
1256
+ | light + high contrast (P3) · blue | muted-foreground-solid | component | 14.96 | 4.5 |
1257
+ | light + high contrast (P3) · blue | tertiary-foreground | component | 15.18 | 4.5 |
1258
+ | light + high contrast (P3) · blue | placeholder-foreground | component | 5.76 | 4.5 |
1259
+ | light + high contrast (P3) · blue | brand-foreground | component | 6.62 | 4.5 |
1260
+ | light + high contrast (P3) · blue | positive-foreground | component | 6.86 | 4.5 |
1261
+ | light + high contrast (P3) · blue | warning-foreground | component | 6.22 | 4.5 |
1262
+ | light + high contrast (P3) · blue | danger-foreground | component | 6.94 | 4.5 |
1263
+ | light + high contrast (P3) · blue | info-foreground | component | 8.19 | 4.5 |
1264
+ | light + high contrast (P3) · blue | on-brand-solid-foreground | brand-solid | 4.55 | 4.5 |
1265
+ | light + high contrast (P3) · blue | on-brand-solid-foreground | brand-solid-hover | 5.98 | 4.5 |
1266
+ | light + high contrast (P3) · blue | on-brand-solid-foreground | brand-solid-active | 7.64 | 4.5 |
1267
+ | light + high contrast (P3) · blue | on-brand-subtle-foreground | brand-subtle | 11.23 | 4.5 |
1268
+ | light + high contrast (P3) · blue | on-positive-solid-foreground | positive-solid | 4.95 | 4.5 |
1269
+ | light + high contrast (P3) · blue | on-positive-solid-foreground | positive-solid-hover | 6.49 | 4.5 |
1270
+ | light + high contrast (P3) · blue | on-positive-solid-foreground | positive-solid-active | 8.21 | 4.5 |
1271
+ | light + high contrast (P3) · blue | on-positive-subtle-foreground | positive-subtle | 10.93 | 4.5 |
1272
+ | light + high contrast (P3) · blue | on-warning-solid-foreground | warning-solid | 4.93 | 4.5 |
1273
+ | light + high contrast (P3) · blue | on-warning-solid-foreground | warning-solid-hover | 5.85 | 4.5 |
1274
+ | light + high contrast (P3) · blue | on-warning-solid-foreground | warning-solid-active | 7.49 | 4.5 |
1275
+ | light + high contrast (P3) · blue | on-warning-subtle-foreground | warning-subtle | 10.17 | 4.5 |
1276
+ | light + high contrast (P3) · blue | on-danger-solid-foreground | danger-solid | 5.62 | 4.5 |
1277
+ | light + high contrast (P3) · blue | on-danger-solid-foreground | danger-solid-hover | 6.12 | 4.5 |
1278
+ | light + high contrast (P3) · blue | on-danger-solid-foreground | danger-solid-active | 7.80 | 4.5 |
1279
+ | light + high contrast (P3) · blue | on-danger-subtle-foreground | danger-subtle | 11.19 | 4.5 |
1280
+ | light + high contrast (P3) · blue | on-info-solid-foreground | info-solid | 6.09 | 4.5 |
1281
+ | light + high contrast (P3) · blue | on-info-solid-foreground | info-solid-hover | 7.87 | 4.5 |
1282
+ | light + high contrast (P3) · blue | on-info-solid-foreground | info-solid-active | 9.71 | 4.5 |
1283
+ | light + high contrast (P3) · blue | on-info-subtle-foreground | info-subtle | 11.83 | 4.5 |
1284
+ | light + high contrast (P3) · blue | on-inverted-foreground | inverted-solid | 19.47 | 4.5 |
1285
+ | light + high contrast (P3) · blue | border-input (contrast more) | container | 3.32 | 3.0 |
1286
+ | light + high contrast (P3) · blue | border-input-hover (contrast more) | container | 3.32 | 3.0 |
1287
+ | light + high contrast (P3) · blue | danger-border-default (contrast more) | container | 7.57 | 3.0 |
1288
+ | light + high contrast (P3) · blue | foreground | toggle-on | 12.90 | 4.5 |
1289
+ | light + high contrast (P3) · blue | foreground | toggle-on-hover | 12.08 | 4.5 |
1290
+ | light + high contrast (P3) · blue | foreground | toggle-on-active | 11.09 | 4.5 |
1291
+ | light + high contrast (P3) · blue | brand-foreground | brand-subtle | 6.42 | 4.5 |
1292
+ | light + high contrast (P3) · blue | brand-foreground | brand-subtle-hover | 5.99 | 4.5 |
1293
+ | light + high contrast (P3) · blue | brand-foreground | brand-subtle-active | 5.42 | 4.5 |
1294
+ | light + high contrast (P3) · blue | danger-foreground | danger-subtle | 7.13 | 4.5 |
1295
+ | light + high contrast (P3) · blue | danger-foreground | danger-subtle-hover | 6.45 | 4.5 |
1296
+ | light + high contrast (P3) · blue | danger-foreground | danger-subtle-active | 4.93 | 4.5 |
1297
+ | light + high contrast (P3) · blue | border-control (on ring) | toggle-on | 3.17 | 3.0 |
1298
+ | light + high contrast (P3) · blue | border-control (on ring) | toggle-on-hover | 3.12 | 3.0 |
1299
+ | light + high contrast (P3) · blue | border-control (on ring) | component | 3.27 | 3.0 |
1300
+ | light + high contrast (P3) · blue | border-control (on ring) | component-hover | 3.21 | 3.0 |
1301
+ | light + high contrast (P3) · blue | brand-foreground (on ring) | brand-subtle | 6.42 | 3.0 |
1302
+ | light + high contrast (P3) · blue | brand-foreground (on ring) | brand-subtle-hover | 5.99 | 3.0 |
1303
+ | light + high contrast (P3) · blue | danger-foreground (on ring) | danger-subtle | 7.13 | 3.0 |
1304
+ | light + high contrast (P3) · blue | danger-foreground (on ring) | danger-subtle-hover | 6.45 | 3.0 |
1305
+ | light + high contrast (P3) · blue | on-inverted-foreground (on ring) | inverted-solid | 19.47 | 3.0 |
1306
+ | light + high contrast (P3) · blue | on-inverted-foreground (on ring) | inverted-solid-hover | 12.63 | 3.0 |
1307
+ | light + high contrast (P3) · blue | on-brand-solid-foreground (on ring) | brand-solid | 4.55 | 3.0 |
1308
+ | light + high contrast (P3) · blue | on-brand-solid-foreground (on ring) | brand-solid-hover | 5.98 | 3.0 |
1309
+ | light + high contrast (P3) · blue | on-danger-solid-foreground (on ring) | danger-solid | 5.62 | 3.0 |
1310
+ | light + high contrast (P3) · blue | on-danger-solid-foreground (on ring) | danger-solid-hover | 6.12 | 3.0 |
1311
+ | light + high contrast (P3) · blue | on-standout-primary-foreground | standout | 16.32 | 4.5 |
1312
+ | light + high contrast (P3) · blue | on-standout-secondary-foreground | standout | 5.07 | 4.5 |
1313
+ | light + high contrast (P3) · blue | brand-fill (non-text) | page | 3.26 | 3.0 |
1314
+ | light + high contrast (P3) · blue | border-control (non-text) | container | 3.32 | 3.0 |
1315
+ | light + high contrast (P3) · blue | brand-border-focus (non-text) | page | 4.75 | 3.0 |
1316
+ | dark (P3) · blue | foreground | page | 18.96 | 4.5 |
1317
+ | dark (P3) · blue | paragraph-foreground | page | 12.58 | 4.5 |
1318
+ | dark (P3) · blue | muted-foreground | page | 7.63 | 4.5 |
1319
+ | dark (P3) · blue | muted-foreground-solid | page | 9.55 | 4.5 |
1320
+ | dark (P3) · blue | tertiary-foreground | page | 9.32 | 4.5 |
1321
+ | dark (P3) · blue | placeholder-foreground | page | 9.32 | 4.5 |
1322
+ | dark (P3) · blue | brand-foreground | page | 9.54 | 4.5 |
1323
+ | dark (P3) · blue | positive-foreground | page | 10.56 | 4.5 |
1324
+ | dark (P3) · blue | warning-foreground | page | 10.06 | 4.5 |
1325
+ | dark (P3) · blue | danger-foreground | page | 9.45 | 4.5 |
1326
+ | dark (P3) · blue | info-foreground | page | 9.44 | 4.5 |
1327
+ | dark (P3) · blue | foreground | container | 17.16 | 4.5 |
1328
+ | dark (P3) · blue | paragraph-foreground | container | 11.69 | 4.5 |
1329
+ | dark (P3) · blue | muted-foreground | container | 6.91 | 4.5 |
1330
+ | dark (P3) · blue | muted-foreground-solid | container | 8.64 | 4.5 |
1331
+ | dark (P3) · blue | tertiary-foreground | container | 8.83 | 4.5 |
1332
+ | dark (P3) · blue | placeholder-foreground | container | 8.83 | 4.5 |
1333
+ | dark (P3) · blue | brand-foreground | container | 8.64 | 4.5 |
1334
+ | dark (P3) · blue | positive-foreground | container | 9.56 | 4.5 |
1335
+ | dark (P3) · blue | warning-foreground | container | 9.11 | 4.5 |
1336
+ | dark (P3) · blue | danger-foreground | container | 8.55 | 4.5 |
1337
+ | dark (P3) · blue | info-foreground | container | 8.54 | 4.5 |
1338
+ | dark (P3) · blue | foreground | modal | 17.16 | 4.5 |
1339
+ | dark (P3) · blue | paragraph-foreground | modal | 11.69 | 4.5 |
1340
+ | dark (P3) · blue | muted-foreground | modal | 6.91 | 4.5 |
1341
+ | dark (P3) · blue | muted-foreground-solid | modal | 8.64 | 4.5 |
1342
+ | dark (P3) · blue | tertiary-foreground | modal | 8.83 | 4.5 |
1343
+ | dark (P3) · blue | placeholder-foreground | modal | 8.83 | 4.5 |
1344
+ | dark (P3) · blue | brand-foreground | modal | 8.64 | 4.5 |
1345
+ | dark (P3) · blue | positive-foreground | modal | 9.56 | 4.5 |
1346
+ | dark (P3) · blue | warning-foreground | modal | 9.11 | 4.5 |
1347
+ | dark (P3) · blue | danger-foreground | modal | 8.55 | 4.5 |
1348
+ | dark (P3) · blue | info-foreground | modal | 8.54 | 4.5 |
1349
+ | dark (P3) · blue | foreground | shell | 17.16 | 4.5 |
1350
+ | dark (P3) · blue | paragraph-foreground | shell | 11.69 | 4.5 |
1351
+ | dark (P3) · blue | muted-foreground | shell | 6.91 | 4.5 |
1352
+ | dark (P3) · blue | muted-foreground-solid | shell | 8.64 | 4.5 |
1353
+ | dark (P3) · blue | tertiary-foreground | shell | 8.83 | 4.5 |
1354
+ | dark (P3) · blue | placeholder-foreground | shell | 8.83 | 4.5 |
1355
+ | dark (P3) · blue | brand-foreground | shell | 8.64 | 4.5 |
1356
+ | dark (P3) · blue | positive-foreground | shell | 9.56 | 4.5 |
1357
+ | dark (P3) · blue | warning-foreground | shell | 9.11 | 4.5 |
1358
+ | dark (P3) · blue | danger-foreground | shell | 8.55 | 4.5 |
1359
+ | dark (P3) · blue | info-foreground | shell | 8.54 | 4.5 |
1360
+ | dark (P3) · blue | foreground | card-subtle | 15.79 | 4.5 |
1361
+ | dark (P3) · blue | paragraph-foreground | card-subtle | 10.93 | 4.5 |
1362
+ | dark (P3) · blue | muted-foreground | card-subtle | 6.36 | 4.5 |
1363
+ | dark (P3) · blue | muted-foreground-solid | card-subtle | 7.96 | 4.5 |
1364
+ | dark (P3) · blue | tertiary-foreground | card-subtle | 8.35 | 4.5 |
1365
+ | dark (P3) · blue | placeholder-foreground | card-subtle | 8.35 | 4.5 |
1366
+ | dark (P3) · blue | brand-foreground | card-subtle | 7.95 | 4.5 |
1367
+ | dark (P3) · blue | positive-foreground | card-subtle | 8.80 | 4.5 |
1368
+ | dark (P3) · blue | warning-foreground | card-subtle | 8.38 | 4.5 |
1369
+ | dark (P3) · blue | danger-foreground | card-subtle | 7.87 | 4.5 |
1370
+ | dark (P3) · blue | info-foreground | card-subtle | 7.86 | 4.5 |
1371
+ | dark (P3) · blue | foreground | component | 14.48 | 4.5 |
1372
+ | dark (P3) · blue | paragraph-foreground | component | 10.16 | 4.5 |
1373
+ | dark (P3) · blue | muted-foreground | component | 5.83 | 4.5 |
1374
+ | dark (P3) · blue | muted-foreground-solid | component | 7.29 | 4.5 |
1375
+ | dark (P3) · blue | tertiary-foreground | component | 7.85 | 4.5 |
1376
+ | dark (P3) · blue | placeholder-foreground | component | 7.85 | 4.5 |
1377
+ | dark (P3) · blue | brand-foreground | component | 7.29 | 4.5 |
1378
+ | dark (P3) · blue | positive-foreground | component | 8.07 | 4.5 |
1379
+ | dark (P3) · blue | warning-foreground | component | 7.68 | 4.5 |
1380
+ | dark (P3) · blue | danger-foreground | component | 7.22 | 4.5 |
1381
+ | dark (P3) · blue | info-foreground | component | 7.21 | 4.5 |
1382
+ | dark (P3) · blue | on-brand-solid-foreground | brand-solid | 5.62 | 4.5 |
1383
+ | dark (P3) · blue | on-brand-solid-foreground | brand-solid-hover | 6.59 | 4.5 |
1384
+ | dark (P3) · blue | on-brand-solid-foreground | brand-solid-active | 8.85 | 4.5 |
1385
+ | dark (P3) · blue | on-brand-subtle-foreground | brand-subtle | 6.84 | 4.5 |
1386
+ | dark (P3) · blue | on-positive-solid-foreground | positive-solid | 5.84 | 4.5 |
1387
+ | dark (P3) · blue | on-positive-solid-foreground | positive-solid-hover | 6.71 | 4.5 |
1388
+ | dark (P3) · blue | on-positive-solid-foreground | positive-solid-active | 9.85 | 4.5 |
1389
+ | dark (P3) · blue | on-positive-subtle-foreground | positive-subtle | 7.48 | 4.5 |
1390
+ | dark (P3) · blue | on-warning-solid-foreground | warning-solid | 6.22 | 4.5 |
1391
+ | dark (P3) · blue | on-warning-solid-foreground | warning-solid-hover | 7.56 | 4.5 |
1392
+ | dark (P3) · blue | on-warning-solid-foreground | warning-solid-active | 9.46 | 4.5 |
1393
+ | dark (P3) · blue | on-warning-subtle-foreground | warning-subtle | 7.55 | 4.5 |
1394
+ | dark (P3) · blue | on-danger-solid-foreground | danger-solid | 6.44 | 4.5 |
1395
+ | dark (P3) · blue | on-danger-solid-foreground | danger-solid-hover | 5.65 | 4.5 |
1396
+ | dark (P3) · blue | on-danger-solid-foreground | danger-solid-active | 8.89 | 4.5 |
1397
+ | dark (P3) · blue | on-danger-subtle-foreground | danger-subtle | 8.12 | 4.5 |
1398
+ | dark (P3) · blue | on-info-solid-foreground | info-solid | 5.37 | 4.5 |
1399
+ | dark (P3) · blue | on-info-solid-foreground | info-solid-hover | 7.04 | 4.5 |
1400
+ | dark (P3) · blue | on-info-solid-foreground | info-solid-active | 8.81 | 4.5 |
1401
+ | dark (P3) · blue | on-info-subtle-foreground | info-subtle | 6.79 | 4.5 |
1402
+ | dark (P3) · blue | on-inverted-foreground | inverted-solid | 18.88 | 4.5 |
1403
+ | dark (P3) · blue | border-input (contrast more) | container | 3.71 | 3.0 |
1404
+ | dark (P3) · blue | border-input-hover (contrast more) | container | 3.71 | 3.0 |
1405
+ | dark (P3) · blue | danger-border-default (contrast more) | container | 8.55 | 3.0 |
1406
+ | dark (P3) · blue | foreground | toggle-on | 11.55 | 4.5 |
1407
+ | dark (P3) · blue | foreground | toggle-on-hover | 10.09 | 4.5 |
1408
+ | dark (P3) · blue | foreground | toggle-on-active | 8.14 | 4.5 |
1409
+ | dark (P3) · blue | brand-foreground | brand-subtle | 6.84 | 4.5 |
1410
+ | dark (P3) · blue | brand-foreground | brand-subtle-hover | 5.85 | 4.5 |
1411
+ | dark (P3) · blue | brand-foreground | brand-subtle-active | 4.92 | 4.5 |
1412
+ | dark (P3) · blue | danger-foreground | danger-subtle | 8.12 | 4.5 |
1413
+ | dark (P3) · blue | danger-foreground | danger-subtle-hover | 7.39 | 4.5 |
1414
+ | dark (P3) · blue | danger-foreground | danger-subtle-active | 5.89 | 4.5 |
1415
+ | dark (P3) · blue | border-control (on ring) | toggle-on | 3.25 | 3.0 |
1416
+ | dark (P3) · blue | border-control (on ring) | toggle-on-hover | 3.05 | 3.0 |
1417
+ | dark (P3) · blue | border-control (on ring) | component | 3.57 | 3.0 |
1418
+ | dark (P3) · blue | border-control (on ring) | component-hover | 3.40 | 3.0 |
1419
+ | dark (P3) · blue | brand-foreground (on ring) | brand-subtle | 6.84 | 3.0 |
1420
+ | dark (P3) · blue | brand-foreground (on ring) | brand-subtle-hover | 5.85 | 3.0 |
1421
+ | dark (P3) · blue | danger-foreground (on ring) | danger-subtle | 8.12 | 3.0 |
1422
+ | dark (P3) · blue | danger-foreground (on ring) | danger-subtle-hover | 7.39 | 3.0 |
1423
+ | dark (P3) · blue | on-inverted-foreground (on ring) | inverted-solid | 18.99 | 3.0 |
1424
+ | dark (P3) · blue | on-inverted-foreground (on ring) | inverted-solid-hover | 13.70 | 3.0 |
1425
+ | dark (P3) · blue | on-brand-solid-foreground (on ring) | brand-solid | 5.62 | 3.0 |
1426
+ | dark (P3) · blue | on-brand-solid-foreground (on ring) | brand-solid-hover | 6.59 | 3.0 |
1427
+ | dark (P3) · blue | on-danger-solid-foreground (on ring) | danger-solid | 6.44 | 3.0 |
1428
+ | dark (P3) · blue | on-danger-solid-foreground (on ring) | danger-solid-hover | 5.65 | 3.0 |
1429
+ | dark (P3) · blue | on-standout-primary-foreground | standout | 13.81 | 4.5 |
1430
+ | dark (P3) · blue | on-standout-secondary-foreground | standout | 5.00 | 4.5 |
1431
+ | dark (P3) · blue | brand-fill (non-text) | page | 6.06 | 3.0 |
1432
+ | dark (P3) · blue | border-control (non-text) | container | 3.71 | 3.0 |
1433
+ | dark (P3) · blue | brand-border-focus (non-text) | page | 6.03 | 3.0 |
1434
+ | shadcn light | destructive/90 | card | 5.21 | 4.5 |
1435
+ | shadcn light | muted-foreground | muted | 4.64 | 4.5 |
1436
+ | shadcn light | destructive | destructive/10 on background | 4.68 | 4.5 |
1437
+ | shadcn light | destructive-hover-foreground | destructive/10 on background | 6.71 | 4.5 |
1438
+ | shadcn light | destructive-hover-foreground | destructive/10 on card | 6.71 | 4.5 |
1439
+ | shadcn dark | destructive/90 | card | 5.22 | 4.5 |
1440
+ | shadcn dark | muted-foreground | muted | 5.83 | 4.5 |
1441
+ | shadcn dark | destructive | destructive/20 on background | 5.30 | 4.5 |
1442
+ | shadcn dark | destructive-hover-foreground | destructive/20 on background | 6.90 | 4.5 |
1443
+ | shadcn dark | destructive-hover-foreground | destructive/20 on card | 6.03 | 4.5 |
1444
+ | card light | card-foreground | halo surface | 19.79 | 4.5 |
1445
+ | card light | muted-foreground | halo surface | 5.06 | 4.5 |
1446
+ | card light | card-foreground | glass surface | 19.79 | 4.5 |
1447
+ | card light | muted-foreground | glass surface | 5.06 | 4.5 |
1448
+ | card light | card-foreground | neu surface | 18.80 | 4.5 |
1449
+ | card light | muted-foreground | neu surface | 4.81 | 4.5 |
1450
+ | card dark | card-foreground | halo surface | 17.16 | 4.5 |
1451
+ | card dark | muted-foreground | halo surface | 6.91 | 4.5 |
1452
+ | card dark | card-foreground | glass surface | 17.14 | 4.5 |
1453
+ | card dark | muted-foreground | glass surface | 6.90 | 4.5 |
1454
+ | card dark | card-foreground | neu surface | 16.84 | 4.5 |
1455
+ | card dark | muted-foreground | neu surface | 6.78 | 4.5 |
1456
+
1457
+ ## shadcn layer (#84), advisory
1458
+
1459
+ shadcn base-nova neutral values used 1:1. Not gated: these are shadcn's choices. Known gaps: `input` and `ring` borders are under 3:1 (WCAG 1.4.11), to fix in the feel layer.
1460
+
1461
+ | Mode | Foreground | Background | Ratio | Target |
1462
+ |---|---|---|---|---|
1463
+ | light | foreground | background | 19.79 | 4.5 |
1464
+ | light | muted-foreground | background | 5.06 | 4.5 |
1465
+ | light | muted-foreground | muted | 4.64 | 4.5 |
1466
+ | light | primary-foreground | primary | 17.16 | 4.5 |
1467
+ | light | secondary-foreground | secondary | 16.42 | 4.5 |
1468
+ | light | accent-foreground | accent | 16.42 | 4.5 |
1469
+ | light | destructive | background | 5.62 | 4.5 |
1470
+ | light | card-foreground | card | 19.79 | 4.5 |
1471
+ | light | popover-foreground | popover | 19.79 | 4.5 |
1472
+ | light | input | background | 1.26 | 3.0 (below) |
1473
+ | light | ring | background | 2.59 | 3.0 (below) |
1474
+ | dark | foreground | background | 18.96 | 4.5 |
1475
+ | dark | muted-foreground | background | 7.63 | 4.5 |
1476
+ | dark | muted-foreground | muted | 5.83 | 4.5 |
1477
+ | dark | primary-foreground | primary | 14.22 | 4.5 |
1478
+ | dark | secondary-foreground | secondary | 14.48 | 4.5 |
1479
+ | dark | accent-foreground | accent | 14.48 | 4.5 |
1480
+ | dark | destructive | background | 6.84 | 4.5 |
1481
+ | dark | card-foreground | card | 17.16 | 4.5 |
1482
+ | dark | popover-foreground | popover | 17.16 | 4.5 |
1483
+ | dark | input | background | 1.47 | 3.0 (below) |
1484
+ | dark | ring | background | 4.18 | 3.0 |