@adia-ai/web-components 0.8.46 → 0.8.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +43 -0
- package/components/card/card.css +25 -2
- package/components/chart/chart.a2ui.json +1 -1
- package/components/chart/chart.d.ts +1 -1
- package/components/chart/chart.yaml +6 -3
- package/components/link/link.css +3 -2
- package/components/nav/nav.css +7 -3
- package/components/nav-group/nav-group.css +38 -41
- package/components/nav-item/nav-item.css +11 -5
- package/components/preview/preview.class.js +12 -2
- package/components/richtext/richtext.css +2 -2
- package/components/table/table.a2ui.json +5 -2
- package/components/table/table.class.js +36 -1
- package/components/table/table.d.ts +2 -2
- package/components/table/table.yaml +17 -1
- package/components/table-footer/table-footer.a2ui.json +20 -2
- package/components/table-footer/table-footer.class.js +94 -8
- package/components/table-footer/table-footer.d.ts +6 -2
- package/components/table-footer/table-footer.yaml +57 -6
- package/components/table-toolbar/table-toolbar.a2ui.json +35 -2
- package/components/table-toolbar/table-toolbar.class.js +117 -9
- package/components/table-toolbar/table-toolbar.css +104 -3
- package/components/table-toolbar/table-toolbar.d.ts +10 -2
- package/components/table-toolbar/table-toolbar.examples.md +47 -45
- package/components/table-toolbar/table-toolbar.yaml +97 -9
- package/core/anchor.js +21 -1
- package/custom-elements.json +50 -5
- package/dist/host.min.css +1 -1
- package/dist/host.sheet.js +1 -1
- package/dist/theme-provider.min.js +8 -8
- package/dist/themes.min.css +1 -1
- package/dist/themes.sheet.js +1 -1
- package/dist/web-components.min.css +1 -1
- package/dist/web-components.min.js +52 -52
- package/dist/web-components.sheet.js +1 -1
- package/package.json +1 -1
- package/styles/colors/material-static.css +298 -234
- package/styles/themes.css +2676 -0
- package/styles/type/elements.css +1 -0
|
@@ -12,16 +12,56 @@
|
|
|
12
12
|
`--a-brand-*` staying computed/AdiaUI-only, contract Gap §2),
|
|
13
13
|
~700 static OKLCH literals, `light-dark()` per role.
|
|
14
14
|
|
|
15
|
-
TRADEOFF
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
the
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
TRADEOFF AS OF 2026-07-14 (operator confirmed that day) — STALE, SEE
|
|
16
|
+
CORRECTION BELOW (gh#1852): at the time this header was written,
|
|
17
|
+
AdiaUI's then-8-theme live-retheming system (themes.css — ocean,
|
|
18
|
+
forest, sunset, lavender, rose, slate, midnight) worked by overriding
|
|
19
|
+
the `@property` hue/chroma knobs these static values replaced, so
|
|
20
|
+
those theme overrides were genuinely dead for color that day.
|
|
21
|
+
|
|
22
|
+
CORRECTION (gh#1852, 2026-08-22): themes.css was rewritten since —
|
|
23
|
+
12 themes now (atlas/signal/terrarium/ledger/arcade/meridian/solstice/
|
|
24
|
+
glacier/ember/botanica/vector/velour), overriding the raw
|
|
25
|
+
`--md-sys-color-{neutral,primary,secondary,tertiary}-{NN}` ramp stops
|
|
26
|
+
THIS FILE ALSO DECLARES, directly — not the retired `@property` knobs.
|
|
27
|
+
That is NOT dead code: `@layer reset, tokens, ..., context, overrides`
|
|
28
|
+
(host.css) puts `context` (where [theme="x"] rules live) after
|
|
29
|
+
`tokens` (this file's :root block) in the cascade-layer order, and
|
|
30
|
+
layer order always wins over selector specificity — so a themed
|
|
31
|
+
ancestor's raw-stop override wins there. Verified empirically
|
|
32
|
+
(Playwright, file:// harness) — `--md-sys-color-primary-600` measured
|
|
33
|
+
`oklch(0.5493 0.1051 226.08)` at :root vs `oklch(0.5493 0.0946
|
|
34
|
+
216.96)` under `[theme="atlas"]`, the atlas-rotated hue, not the
|
|
35
|
+
default.
|
|
36
|
+
|
|
37
|
+
CORRECTION #2 (gh#1863, 2026-08-22) — the "every semantic role...
|
|
38
|
+
re-resolves through it at each descendant, by ordinary CSS
|
|
39
|
+
custom-property inheritance" claim directly above was WRONG for a
|
|
40
|
+
descendant-scoped `[theme]` and has been removed; the raw-stop
|
|
41
|
+
measurement above never actually tested an alias. Per CSS
|
|
42
|
+
custom-property semantics, `var()` inside a property's value
|
|
43
|
+
substitutes at computed-value time on the element where THAT property
|
|
44
|
+
is declared — every alias in this file is declared once, at `:root`,
|
|
45
|
+
so it substitutes using `:root`'s own raw stops and that computed
|
|
46
|
+
value is what inherits downward as a plain value, not a live
|
|
47
|
+
reference. `[theme]` on `:root`/`<html>` itself works (root is also
|
|
48
|
+
the alias's declaration site, so the raw-stop override and the alias
|
|
49
|
+
substitution happen at the same element) — but `[theme]` on a
|
|
50
|
+
DESCENDANT (the documented, shipped `<theme-provider theme="X">`
|
|
51
|
+
nested-scoping shape, components/theme-provider/) only rotates the
|
|
52
|
+
raw stop there; every alias stayed pinned to the default theme,
|
|
53
|
+
silently, because no rule redeclares the alias itself at that
|
|
54
|
+
descendant. Confirmed both ways (Playwright, file:// harness,
|
|
55
|
+
`--md-sys-color-primary` vs `-primary-600` under root- and
|
|
56
|
+
descendant-scoped `[theme="atlas"]`) and closed by generating a
|
|
57
|
+
themed redeclaration of every alias into each of themes.css's 12
|
|
58
|
+
`[theme="X"]` blocks (`scripts/build/generate-theme-aliases.mjs`,
|
|
59
|
+
`npm run check:theme-scoped-alias` — the regression gate).
|
|
60
|
+
info/success/warning/danger are correctly left unthemed (deliberate —
|
|
61
|
+
status meaning stays constant across themes, themes.css's own
|
|
62
|
+
header). Only `--a-brand-hue`/`-radius-k`/`-density`/
|
|
63
|
+
`-shadow-intensity` were ever the OTHER stated-live knobs; that part
|
|
64
|
+
of the original 2026-07-14 claim stands.
|
|
25
65
|
|
|
26
66
|
NOT touched by this replacement: `--a-brand-*` (no adia.css palette
|
|
27
67
|
to source from), `--a-link*`/`--a-focus-*`/`--a-data-*` (no direct
|
|
@@ -71,41 +111,58 @@
|
|
|
71
111
|
--md-sys-color-neutral-500-900: oklch(0.598 0.0316 225.06 / 90%);
|
|
72
112
|
--md-sys-color-neutral-500-950: oklch(0.598 0.0316 225.06 / 95%);
|
|
73
113
|
/* Neutral — semantic roles */
|
|
74
|
-
|
|
114
|
+
/* gh#1852: `neutral`/-hover/-active and the on-neutral* text roles below were
|
|
115
|
+
wrapped in light-dark() with two IDENTICAL legs — a no-op that read as an
|
|
116
|
+
unfinished mode split. Investigated per role, not blanket: this solid tone
|
|
117
|
+
is a fill meant to render the SAME regardless of scheme (a swatch/badge/
|
|
118
|
+
chip identity, unlike -dim/-bright/-low/-high directly below and
|
|
119
|
+
on-neutral-container above, which DO diverge because they sit on the
|
|
120
|
+
mode-adaptive surface). Its paired on-neutral* text roles must then also
|
|
121
|
+
stay flat — the text sits on that same fixed-tone fill either way. Dropped
|
|
122
|
+
the pointless light-dark() wrapper; kept the plain var(). Same rationale
|
|
123
|
+
repeats per palette family below (primary/secondary/tertiary/info/
|
|
124
|
+
success/warning/danger) — not re-derived per family, the fill-identity
|
|
125
|
+
argument is the family-agnostic mechanism. */
|
|
126
|
+
--md-sys-color-neutral: var(--md-sys-color-neutral-600);
|
|
75
127
|
--md-sys-color-neutral-dim: light-dark(var(--md-sys-color-neutral-650), var(--md-sys-color-neutral-700));
|
|
76
128
|
--md-sys-color-neutral-bright: light-dark(var(--md-sys-color-neutral-350), var(--md-sys-color-neutral-400));
|
|
77
129
|
--md-sys-color-neutral-low: light-dark(var(--md-sys-color-neutral-350), var(--md-sys-color-neutral-700));
|
|
78
130
|
--md-sys-color-neutral-high: light-dark(var(--md-sys-color-neutral-650), var(--md-sys-color-neutral-400));
|
|
79
|
-
--md-sys-color-neutral-hover:
|
|
80
|
-
--md-sys-color-neutral-active:
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
131
|
+
--md-sys-color-neutral-hover: var(--md-sys-color-neutral-650);
|
|
132
|
+
--md-sys-color-neutral-active: var(--md-sys-color-neutral-700);
|
|
133
|
+
/* gh#1852: -disabled / outline-* / container-* / scrim-* families below (this one and
|
|
134
|
+
every palette's) resolve through the `-500-NNN` ALPHA primitives (same 500
|
|
135
|
+
stop, varying opacity) — alpha composites differently over the light vs.
|
|
136
|
+
dark surface underneath it automatically, so an identical light-dark() leg
|
|
137
|
+
was never doing anything; dropped it in favor of the plain var(). */
|
|
138
|
+
--md-sys-color-neutral-disabled: var(--md-sys-color-neutral-500-600);
|
|
139
|
+
--md-sys-color-neutral-on-neutral: var(--md-sys-color-neutral-050);
|
|
140
|
+
--md-sys-color-neutral-on-neutral-variant: var(--md-sys-color-neutral-200);
|
|
84
141
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
85
142
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
86
143
|
composited on the page bg); dark leg = the 200 stop, on-neutral-variant's own
|
|
87
144
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
88
145
|
--md-sys-color-neutral-on-neutral-container: light-dark(var(--md-sys-color-neutral-950), var(--md-sys-color-neutral-200));
|
|
89
|
-
--md-sys-color-neutral-on-neutral-hover:
|
|
90
|
-
--md-sys-color-neutral-on-neutral-active:
|
|
91
|
-
--md-sys-color-neutral-on-neutral-disabled:
|
|
146
|
+
--md-sys-color-neutral-on-neutral-hover: var(--md-sys-color-neutral-050);
|
|
147
|
+
--md-sys-color-neutral-on-neutral-active: var(--md-sys-color-neutral-050);
|
|
148
|
+
--md-sys-color-neutral-on-neutral-disabled: var(--md-sys-color-neutral-500-400);
|
|
92
149
|
--md-sys-color-neutral-on-surface: light-dark(var(--md-sys-color-neutral-950), var(--md-sys-color-neutral-050));
|
|
93
150
|
--md-sys-color-neutral-on-surface-variant: light-dark(var(--md-sys-color-neutral-750), var(--md-sys-color-neutral-250));
|
|
94
151
|
--md-sys-color-neutral-on-surface-hover: light-dark(var(--md-sys-color-neutral-950), var(--md-sys-color-neutral-050));
|
|
95
152
|
--md-sys-color-neutral-on-surface-active: light-dark(var(--md-sys-color-neutral-950), var(--md-sys-color-neutral-050));
|
|
96
|
-
--md-sys-color-neutral-on-surface-disabled:
|
|
153
|
+
--md-sys-color-neutral-on-surface-disabled: var(--md-sys-color-neutral-500-400);
|
|
97
154
|
--md-sys-color-neutral-placeholder: light-dark(var(--md-sys-color-neutral-650), var(--md-sys-color-neutral-350));
|
|
98
|
-
--md-sys-color-neutral-outline:
|
|
99
|
-
--md-sys-color-neutral-outline-variant:
|
|
100
|
-
--md-sys-color-neutral-outline-hover:
|
|
101
|
-
--md-sys-color-neutral-outline-active:
|
|
102
|
-
--md-sys-color-neutral-outline-disabled:
|
|
103
|
-
--md-sys-color-neutral-container:
|
|
104
|
-
--md-sys-color-neutral-container-low:
|
|
105
|
-
--md-sys-color-neutral-container-high:
|
|
106
|
-
--md-sys-color-neutral-container-hover:
|
|
107
|
-
--md-sys-color-neutral-container-active:
|
|
108
|
-
--md-sys-color-neutral-container-disabled:
|
|
155
|
+
--md-sys-color-neutral-outline: var(--md-sys-color-neutral-500-600);
|
|
156
|
+
--md-sys-color-neutral-outline-variant: var(--md-sys-color-neutral-500-300);
|
|
157
|
+
--md-sys-color-neutral-outline-hover: var(--md-sys-color-neutral-500-700);
|
|
158
|
+
--md-sys-color-neutral-outline-active: var(--md-sys-color-neutral-500-800);
|
|
159
|
+
--md-sys-color-neutral-outline-disabled: var(--md-sys-color-neutral-500-400);
|
|
160
|
+
--md-sys-color-neutral-container: var(--md-sys-color-neutral-500-200);
|
|
161
|
+
--md-sys-color-neutral-container-low: var(--md-sys-color-neutral-500-100);
|
|
162
|
+
--md-sys-color-neutral-container-high: var(--md-sys-color-neutral-500-300);
|
|
163
|
+
--md-sys-color-neutral-container-hover: var(--md-sys-color-neutral-500-300);
|
|
164
|
+
--md-sys-color-neutral-container-active: var(--md-sys-color-neutral-500-400);
|
|
165
|
+
--md-sys-color-neutral-container-disabled: var(--md-sys-color-neutral-500-100);
|
|
109
166
|
--md-sys-color-neutral-inverse-surface: light-dark(var(--md-sys-color-neutral-900), var(--md-sys-color-neutral-100));
|
|
110
167
|
--md-sys-color-neutral-inverse-on-surface: light-dark(var(--md-sys-color-neutral-050), var(--md-sys-color-neutral-950));
|
|
111
168
|
--md-sys-color-neutral-background: light-dark(var(--md-sys-color-neutral-100), var(--md-sys-color-neutral-900));
|
|
@@ -122,13 +179,13 @@
|
|
|
122
179
|
--md-sys-color-neutral-surface-high: light-dark(var(--md-sys-color-neutral-150), var(--md-sys-color-neutral-850));
|
|
123
180
|
--md-sys-color-neutral-surface-higher: light-dark(var(--md-sys-color-neutral-175), var(--md-sys-color-neutral-825));
|
|
124
181
|
--md-sys-color-neutral-surface-highest: light-dark(var(--md-sys-color-neutral-200), var(--md-sys-color-neutral-800));
|
|
125
|
-
--md-sys-color-neutral-scrim-weakest:
|
|
126
|
-
--md-sys-color-neutral-scrim-weaker:
|
|
127
|
-
--md-sys-color-neutral-scrim-weak:
|
|
128
|
-
--md-sys-color-neutral-scrim:
|
|
129
|
-
--md-sys-color-neutral-scrim-strong:
|
|
130
|
-
--md-sys-color-neutral-scrim-stronger:
|
|
131
|
-
--md-sys-color-neutral-scrim-strongest:
|
|
182
|
+
--md-sys-color-neutral-scrim-weakest: var(--md-sys-color-neutral-500-050);
|
|
183
|
+
--md-sys-color-neutral-scrim-weaker: var(--md-sys-color-neutral-500-100);
|
|
184
|
+
--md-sys-color-neutral-scrim-weak: var(--md-sys-color-neutral-500-200);
|
|
185
|
+
--md-sys-color-neutral-scrim: var(--md-sys-color-neutral-500-300);
|
|
186
|
+
--md-sys-color-neutral-scrim-strong: var(--md-sys-color-neutral-500-400);
|
|
187
|
+
--md-sys-color-neutral-scrim-stronger: var(--md-sys-color-neutral-500-500);
|
|
188
|
+
--md-sys-color-neutral-scrim-strongest: var(--md-sys-color-neutral-500-600);
|
|
132
189
|
|
|
133
190
|
/* Primary — flat mode-independent primitives */
|
|
134
191
|
--md-sys-color-primary-100: oklch(0.9609 0.006 223.46);
|
|
@@ -168,41 +225,42 @@
|
|
|
168
225
|
--md-sys-color-primary-500-900: oklch(0.6498 0.1222 224.12 / 90%);
|
|
169
226
|
--md-sys-color-primary-500-950: oklch(0.6498 0.1222 224.12 / 95%);
|
|
170
227
|
/* Primary — semantic roles */
|
|
171
|
-
|
|
228
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
229
|
+
--md-sys-color-primary: var(--md-sys-color-primary-600);
|
|
172
230
|
--md-sys-color-primary-dim: light-dark(var(--md-sys-color-primary-650), var(--md-sys-color-primary-700));
|
|
173
231
|
--md-sys-color-primary-bright: light-dark(var(--md-sys-color-primary-350), var(--md-sys-color-primary-400));
|
|
174
232
|
--md-sys-color-primary-low: light-dark(var(--md-sys-color-primary-350), var(--md-sys-color-primary-700));
|
|
175
233
|
--md-sys-color-primary-high: light-dark(var(--md-sys-color-primary-650), var(--md-sys-color-primary-400));
|
|
176
|
-
--md-sys-color-primary-hover:
|
|
177
|
-
--md-sys-color-primary-active:
|
|
178
|
-
--md-sys-color-primary-disabled:
|
|
179
|
-
--md-sys-color-primary-on-primary:
|
|
180
|
-
--md-sys-color-primary-on-primary-variant:
|
|
234
|
+
--md-sys-color-primary-hover: var(--md-sys-color-primary-650);
|
|
235
|
+
--md-sys-color-primary-active: var(--md-sys-color-primary-700);
|
|
236
|
+
--md-sys-color-primary-disabled: var(--md-sys-color-primary-500-600);
|
|
237
|
+
--md-sys-color-primary-on-primary: var(--md-sys-color-primary-050);
|
|
238
|
+
--md-sys-color-primary-on-primary-variant: var(--md-sys-color-primary-200);
|
|
181
239
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
182
240
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
183
241
|
composited on the page bg); dark leg = the 200 stop, on-primary-variant's own
|
|
184
242
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
185
243
|
--md-sys-color-primary-on-primary-container: light-dark(var(--md-sys-color-primary-950), var(--md-sys-color-primary-200));
|
|
186
|
-
--md-sys-color-primary-on-primary-hover:
|
|
187
|
-
--md-sys-color-primary-on-primary-active:
|
|
188
|
-
--md-sys-color-primary-on-primary-disabled:
|
|
244
|
+
--md-sys-color-primary-on-primary-hover: var(--md-sys-color-primary-050);
|
|
245
|
+
--md-sys-color-primary-on-primary-active: var(--md-sys-color-primary-050);
|
|
246
|
+
--md-sys-color-primary-on-primary-disabled: var(--md-sys-color-primary-500-400);
|
|
189
247
|
--md-sys-color-primary-on-surface: light-dark(var(--md-sys-color-primary-950), var(--md-sys-color-primary-050));
|
|
190
248
|
--md-sys-color-primary-on-surface-variant: light-dark(var(--md-sys-color-primary-750), var(--md-sys-color-primary-250));
|
|
191
249
|
--md-sys-color-primary-on-surface-hover: light-dark(var(--md-sys-color-primary-950), var(--md-sys-color-primary-050));
|
|
192
250
|
--md-sys-color-primary-on-surface-active: light-dark(var(--md-sys-color-primary-950), var(--md-sys-color-primary-050));
|
|
193
|
-
--md-sys-color-primary-on-surface-disabled:
|
|
251
|
+
--md-sys-color-primary-on-surface-disabled: var(--md-sys-color-primary-500-400);
|
|
194
252
|
--md-sys-color-primary-placeholder: light-dark(var(--md-sys-color-primary-650), var(--md-sys-color-primary-350));
|
|
195
|
-
--md-sys-color-primary-outline:
|
|
196
|
-
--md-sys-color-primary-outline-variant:
|
|
197
|
-
--md-sys-color-primary-outline-hover:
|
|
198
|
-
--md-sys-color-primary-outline-active:
|
|
199
|
-
--md-sys-color-primary-outline-disabled:
|
|
200
|
-
--md-sys-color-primary-container:
|
|
201
|
-
--md-sys-color-primary-container-low:
|
|
202
|
-
--md-sys-color-primary-container-high:
|
|
203
|
-
--md-sys-color-primary-container-hover:
|
|
204
|
-
--md-sys-color-primary-container-active:
|
|
205
|
-
--md-sys-color-primary-container-disabled:
|
|
253
|
+
--md-sys-color-primary-outline: var(--md-sys-color-primary-500-600);
|
|
254
|
+
--md-sys-color-primary-outline-variant: var(--md-sys-color-primary-500-300);
|
|
255
|
+
--md-sys-color-primary-outline-hover: var(--md-sys-color-primary-500-700);
|
|
256
|
+
--md-sys-color-primary-outline-active: var(--md-sys-color-primary-500-800);
|
|
257
|
+
--md-sys-color-primary-outline-disabled: var(--md-sys-color-primary-500-400);
|
|
258
|
+
--md-sys-color-primary-container: var(--md-sys-color-primary-500-200);
|
|
259
|
+
--md-sys-color-primary-container-low: var(--md-sys-color-primary-500-100);
|
|
260
|
+
--md-sys-color-primary-container-high: var(--md-sys-color-primary-500-300);
|
|
261
|
+
--md-sys-color-primary-container-hover: var(--md-sys-color-primary-500-300);
|
|
262
|
+
--md-sys-color-primary-container-active: var(--md-sys-color-primary-500-400);
|
|
263
|
+
--md-sys-color-primary-container-disabled: var(--md-sys-color-primary-500-100);
|
|
206
264
|
--md-sys-color-primary-inverse-surface: light-dark(var(--md-sys-color-primary-900), var(--md-sys-color-primary-100));
|
|
207
265
|
--md-sys-color-primary-inverse-on-surface: light-dark(var(--md-sys-color-primary-050), var(--md-sys-color-primary-950));
|
|
208
266
|
--md-sys-color-primary-background: light-dark(var(--md-sys-color-primary-100), var(--md-sys-color-primary-900));
|
|
@@ -219,13 +277,13 @@
|
|
|
219
277
|
--md-sys-color-primary-surface-high: light-dark(var(--md-sys-color-primary-150), var(--md-sys-color-primary-850));
|
|
220
278
|
--md-sys-color-primary-surface-higher: light-dark(var(--md-sys-color-primary-175), var(--md-sys-color-primary-825));
|
|
221
279
|
--md-sys-color-primary-surface-highest: light-dark(var(--md-sys-color-primary-200), var(--md-sys-color-primary-800));
|
|
222
|
-
--md-sys-color-primary-scrim-weakest:
|
|
223
|
-
--md-sys-color-primary-scrim-weaker:
|
|
224
|
-
--md-sys-color-primary-scrim-weak:
|
|
225
|
-
--md-sys-color-primary-scrim:
|
|
226
|
-
--md-sys-color-primary-scrim-strong:
|
|
227
|
-
--md-sys-color-primary-scrim-stronger:
|
|
228
|
-
--md-sys-color-primary-scrim-strongest:
|
|
280
|
+
--md-sys-color-primary-scrim-weakest: var(--md-sys-color-primary-500-050);
|
|
281
|
+
--md-sys-color-primary-scrim-weaker: var(--md-sys-color-primary-500-100);
|
|
282
|
+
--md-sys-color-primary-scrim-weak: var(--md-sys-color-primary-500-200);
|
|
283
|
+
--md-sys-color-primary-scrim: var(--md-sys-color-primary-500-300);
|
|
284
|
+
--md-sys-color-primary-scrim-strong: var(--md-sys-color-primary-500-400);
|
|
285
|
+
--md-sys-color-primary-scrim-stronger: var(--md-sys-color-primary-500-500);
|
|
286
|
+
--md-sys-color-primary-scrim-strongest: var(--md-sys-color-primary-500-600);
|
|
229
287
|
|
|
230
288
|
/* Secondary — flat mode-independent primitives */
|
|
231
289
|
--md-sys-color-secondary-100: oklch(0.9626 0.0021 197.12);
|
|
@@ -265,41 +323,42 @@
|
|
|
265
323
|
--md-sys-color-secondary-500-900: oklch(0.6683 0.0985 204.61 / 90%);
|
|
266
324
|
--md-sys-color-secondary-500-950: oklch(0.6683 0.0985 204.61 / 95%);
|
|
267
325
|
/* Secondary — semantic roles */
|
|
268
|
-
|
|
326
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
327
|
+
--md-sys-color-secondary: var(--md-sys-color-secondary-650);
|
|
269
328
|
--md-sys-color-secondary-dim: light-dark(var(--md-sys-color-secondary-650), var(--md-sys-color-secondary-700));
|
|
270
329
|
--md-sys-color-secondary-bright: light-dark(var(--md-sys-color-secondary-350), var(--md-sys-color-secondary-400));
|
|
271
330
|
--md-sys-color-secondary-low: light-dark(var(--md-sys-color-secondary-350), var(--md-sys-color-secondary-700));
|
|
272
331
|
--md-sys-color-secondary-high: light-dark(var(--md-sys-color-secondary-650), var(--md-sys-color-secondary-400));
|
|
273
|
-
--md-sys-color-secondary-hover:
|
|
274
|
-
--md-sys-color-secondary-active:
|
|
275
|
-
--md-sys-color-secondary-disabled:
|
|
276
|
-
--md-sys-color-secondary-on-secondary:
|
|
277
|
-
--md-sys-color-secondary-on-secondary-variant:
|
|
332
|
+
--md-sys-color-secondary-hover: var(--md-sys-color-secondary-700);
|
|
333
|
+
--md-sys-color-secondary-active: var(--md-sys-color-secondary-750);
|
|
334
|
+
--md-sys-color-secondary-disabled: var(--md-sys-color-secondary-500-600);
|
|
335
|
+
--md-sys-color-secondary-on-secondary: var(--md-sys-color-secondary-050);
|
|
336
|
+
--md-sys-color-secondary-on-secondary-variant: var(--md-sys-color-secondary-200);
|
|
278
337
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
279
338
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
280
339
|
composited on the page bg); dark leg = the 200 stop, on-secondary-variant's own
|
|
281
340
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
282
341
|
--md-sys-color-secondary-on-secondary-container: light-dark(var(--md-sys-color-secondary-950), var(--md-sys-color-secondary-200));
|
|
283
|
-
--md-sys-color-secondary-on-secondary-hover:
|
|
284
|
-
--md-sys-color-secondary-on-secondary-active:
|
|
285
|
-
--md-sys-color-secondary-on-secondary-disabled:
|
|
342
|
+
--md-sys-color-secondary-on-secondary-hover: var(--md-sys-color-secondary-050);
|
|
343
|
+
--md-sys-color-secondary-on-secondary-active: var(--md-sys-color-secondary-050);
|
|
344
|
+
--md-sys-color-secondary-on-secondary-disabled: var(--md-sys-color-secondary-500-400);
|
|
286
345
|
--md-sys-color-secondary-on-surface: light-dark(var(--md-sys-color-secondary-950), var(--md-sys-color-secondary-050));
|
|
287
346
|
--md-sys-color-secondary-on-surface-variant: light-dark(var(--md-sys-color-secondary-750), var(--md-sys-color-secondary-250));
|
|
288
347
|
--md-sys-color-secondary-on-surface-hover: light-dark(var(--md-sys-color-secondary-950), var(--md-sys-color-secondary-050));
|
|
289
348
|
--md-sys-color-secondary-on-surface-active: light-dark(var(--md-sys-color-secondary-950), var(--md-sys-color-secondary-050));
|
|
290
|
-
--md-sys-color-secondary-on-surface-disabled:
|
|
349
|
+
--md-sys-color-secondary-on-surface-disabled: var(--md-sys-color-secondary-500-400);
|
|
291
350
|
--md-sys-color-secondary-placeholder: light-dark(var(--md-sys-color-secondary-650), var(--md-sys-color-secondary-350));
|
|
292
|
-
--md-sys-color-secondary-outline:
|
|
293
|
-
--md-sys-color-secondary-outline-variant:
|
|
294
|
-
--md-sys-color-secondary-outline-hover:
|
|
295
|
-
--md-sys-color-secondary-outline-active:
|
|
296
|
-
--md-sys-color-secondary-outline-disabled:
|
|
297
|
-
--md-sys-color-secondary-container:
|
|
298
|
-
--md-sys-color-secondary-container-low:
|
|
299
|
-
--md-sys-color-secondary-container-high:
|
|
300
|
-
--md-sys-color-secondary-container-hover:
|
|
301
|
-
--md-sys-color-secondary-container-active:
|
|
302
|
-
--md-sys-color-secondary-container-disabled:
|
|
351
|
+
--md-sys-color-secondary-outline: var(--md-sys-color-secondary-500-600);
|
|
352
|
+
--md-sys-color-secondary-outline-variant: var(--md-sys-color-secondary-500-300);
|
|
353
|
+
--md-sys-color-secondary-outline-hover: var(--md-sys-color-secondary-500-700);
|
|
354
|
+
--md-sys-color-secondary-outline-active: var(--md-sys-color-secondary-500-800);
|
|
355
|
+
--md-sys-color-secondary-outline-disabled: var(--md-sys-color-secondary-500-400);
|
|
356
|
+
--md-sys-color-secondary-container: var(--md-sys-color-secondary-500-200);
|
|
357
|
+
--md-sys-color-secondary-container-low: var(--md-sys-color-secondary-500-100);
|
|
358
|
+
--md-sys-color-secondary-container-high: var(--md-sys-color-secondary-500-300);
|
|
359
|
+
--md-sys-color-secondary-container-hover: var(--md-sys-color-secondary-500-300);
|
|
360
|
+
--md-sys-color-secondary-container-active: var(--md-sys-color-secondary-500-400);
|
|
361
|
+
--md-sys-color-secondary-container-disabled: var(--md-sys-color-secondary-500-100);
|
|
303
362
|
--md-sys-color-secondary-inverse-surface: light-dark(var(--md-sys-color-secondary-900), var(--md-sys-color-secondary-100));
|
|
304
363
|
--md-sys-color-secondary-inverse-on-surface: light-dark(var(--md-sys-color-secondary-050), var(--md-sys-color-secondary-950));
|
|
305
364
|
--md-sys-color-secondary-background: light-dark(var(--md-sys-color-secondary-100), var(--md-sys-color-secondary-900));
|
|
@@ -316,13 +375,13 @@
|
|
|
316
375
|
--md-sys-color-secondary-surface-high: light-dark(var(--md-sys-color-secondary-150), var(--md-sys-color-secondary-850));
|
|
317
376
|
--md-sys-color-secondary-surface-higher: light-dark(var(--md-sys-color-secondary-175), var(--md-sys-color-secondary-825));
|
|
318
377
|
--md-sys-color-secondary-surface-highest: light-dark(var(--md-sys-color-secondary-200), var(--md-sys-color-secondary-800));
|
|
319
|
-
--md-sys-color-secondary-scrim-weakest:
|
|
320
|
-
--md-sys-color-secondary-scrim-weaker:
|
|
321
|
-
--md-sys-color-secondary-scrim-weak:
|
|
322
|
-
--md-sys-color-secondary-scrim:
|
|
323
|
-
--md-sys-color-secondary-scrim-strong:
|
|
324
|
-
--md-sys-color-secondary-scrim-stronger:
|
|
325
|
-
--md-sys-color-secondary-scrim-strongest:
|
|
378
|
+
--md-sys-color-secondary-scrim-weakest: var(--md-sys-color-secondary-500-050);
|
|
379
|
+
--md-sys-color-secondary-scrim-weaker: var(--md-sys-color-secondary-500-100);
|
|
380
|
+
--md-sys-color-secondary-scrim-weak: var(--md-sys-color-secondary-500-200);
|
|
381
|
+
--md-sys-color-secondary-scrim: var(--md-sys-color-secondary-500-300);
|
|
382
|
+
--md-sys-color-secondary-scrim-strong: var(--md-sys-color-secondary-500-400);
|
|
383
|
+
--md-sys-color-secondary-scrim-stronger: var(--md-sys-color-secondary-500-500);
|
|
384
|
+
--md-sys-color-secondary-scrim-strongest: var(--md-sys-color-secondary-500-600);
|
|
326
385
|
|
|
327
386
|
/* Tertiary — flat mode-independent primitives */
|
|
328
387
|
--md-sys-color-tertiary-100: oklch(0.9549 0.0029 264.54);
|
|
@@ -362,41 +421,42 @@
|
|
|
362
421
|
--md-sys-color-tertiary-500-900: oklch(0.5993 0.2006 285.17 / 90%);
|
|
363
422
|
--md-sys-color-tertiary-500-950: oklch(0.5993 0.2006 285.17 / 95%);
|
|
364
423
|
/* Tertiary — semantic roles */
|
|
365
|
-
|
|
424
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
425
|
+
--md-sys-color-tertiary: var(--md-sys-color-tertiary-600);
|
|
366
426
|
--md-sys-color-tertiary-dim: light-dark(var(--md-sys-color-tertiary-650), var(--md-sys-color-tertiary-700));
|
|
367
427
|
--md-sys-color-tertiary-bright: light-dark(var(--md-sys-color-tertiary-350), var(--md-sys-color-tertiary-400));
|
|
368
428
|
--md-sys-color-tertiary-low: light-dark(var(--md-sys-color-tertiary-350), var(--md-sys-color-tertiary-700));
|
|
369
429
|
--md-sys-color-tertiary-high: light-dark(var(--md-sys-color-tertiary-650), var(--md-sys-color-tertiary-400));
|
|
370
|
-
--md-sys-color-tertiary-hover:
|
|
371
|
-
--md-sys-color-tertiary-active:
|
|
372
|
-
--md-sys-color-tertiary-disabled:
|
|
373
|
-
--md-sys-color-tertiary-on-tertiary:
|
|
374
|
-
--md-sys-color-tertiary-on-tertiary-variant:
|
|
430
|
+
--md-sys-color-tertiary-hover: var(--md-sys-color-tertiary-650);
|
|
431
|
+
--md-sys-color-tertiary-active: var(--md-sys-color-tertiary-700);
|
|
432
|
+
--md-sys-color-tertiary-disabled: var(--md-sys-color-tertiary-500-600);
|
|
433
|
+
--md-sys-color-tertiary-on-tertiary: var(--md-sys-color-tertiary-050);
|
|
434
|
+
--md-sys-color-tertiary-on-tertiary-variant: var(--md-sys-color-tertiary-200);
|
|
375
435
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
376
436
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
377
437
|
composited on the page bg); dark leg = the 200 stop, on-tertiary-variant's own
|
|
378
438
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
379
439
|
--md-sys-color-tertiary-on-tertiary-container: light-dark(var(--md-sys-color-tertiary-950), var(--md-sys-color-tertiary-200));
|
|
380
|
-
--md-sys-color-tertiary-on-tertiary-hover:
|
|
381
|
-
--md-sys-color-tertiary-on-tertiary-active:
|
|
382
|
-
--md-sys-color-tertiary-on-tertiary-disabled:
|
|
440
|
+
--md-sys-color-tertiary-on-tertiary-hover: var(--md-sys-color-tertiary-050);
|
|
441
|
+
--md-sys-color-tertiary-on-tertiary-active: var(--md-sys-color-tertiary-050);
|
|
442
|
+
--md-sys-color-tertiary-on-tertiary-disabled: var(--md-sys-color-tertiary-500-400);
|
|
383
443
|
--md-sys-color-tertiary-on-surface: light-dark(var(--md-sys-color-tertiary-950), var(--md-sys-color-tertiary-050));
|
|
384
444
|
--md-sys-color-tertiary-on-surface-variant: light-dark(var(--md-sys-color-tertiary-750), var(--md-sys-color-tertiary-250));
|
|
385
445
|
--md-sys-color-tertiary-on-surface-hover: light-dark(var(--md-sys-color-tertiary-950), var(--md-sys-color-tertiary-050));
|
|
386
446
|
--md-sys-color-tertiary-on-surface-active: light-dark(var(--md-sys-color-tertiary-950), var(--md-sys-color-tertiary-050));
|
|
387
|
-
--md-sys-color-tertiary-on-surface-disabled:
|
|
447
|
+
--md-sys-color-tertiary-on-surface-disabled: var(--md-sys-color-tertiary-500-400);
|
|
388
448
|
--md-sys-color-tertiary-placeholder: light-dark(var(--md-sys-color-tertiary-650), var(--md-sys-color-tertiary-350));
|
|
389
|
-
--md-sys-color-tertiary-outline:
|
|
390
|
-
--md-sys-color-tertiary-outline-variant:
|
|
391
|
-
--md-sys-color-tertiary-outline-hover:
|
|
392
|
-
--md-sys-color-tertiary-outline-active:
|
|
393
|
-
--md-sys-color-tertiary-outline-disabled:
|
|
394
|
-
--md-sys-color-tertiary-container:
|
|
395
|
-
--md-sys-color-tertiary-container-low:
|
|
396
|
-
--md-sys-color-tertiary-container-high:
|
|
397
|
-
--md-sys-color-tertiary-container-hover:
|
|
398
|
-
--md-sys-color-tertiary-container-active:
|
|
399
|
-
--md-sys-color-tertiary-container-disabled:
|
|
449
|
+
--md-sys-color-tertiary-outline: var(--md-sys-color-tertiary-500-600);
|
|
450
|
+
--md-sys-color-tertiary-outline-variant: var(--md-sys-color-tertiary-500-300);
|
|
451
|
+
--md-sys-color-tertiary-outline-hover: var(--md-sys-color-tertiary-500-700);
|
|
452
|
+
--md-sys-color-tertiary-outline-active: var(--md-sys-color-tertiary-500-800);
|
|
453
|
+
--md-sys-color-tertiary-outline-disabled: var(--md-sys-color-tertiary-500-400);
|
|
454
|
+
--md-sys-color-tertiary-container: var(--md-sys-color-tertiary-500-200);
|
|
455
|
+
--md-sys-color-tertiary-container-low: var(--md-sys-color-tertiary-500-100);
|
|
456
|
+
--md-sys-color-tertiary-container-high: var(--md-sys-color-tertiary-500-300);
|
|
457
|
+
--md-sys-color-tertiary-container-hover: var(--md-sys-color-tertiary-500-300);
|
|
458
|
+
--md-sys-color-tertiary-container-active: var(--md-sys-color-tertiary-500-400);
|
|
459
|
+
--md-sys-color-tertiary-container-disabled: var(--md-sys-color-tertiary-500-100);
|
|
400
460
|
--md-sys-color-tertiary-inverse-surface: light-dark(var(--md-sys-color-tertiary-900), var(--md-sys-color-tertiary-100));
|
|
401
461
|
--md-sys-color-tertiary-inverse-on-surface: light-dark(var(--md-sys-color-tertiary-050), var(--md-sys-color-tertiary-950));
|
|
402
462
|
--md-sys-color-tertiary-background: light-dark(var(--md-sys-color-tertiary-100), var(--md-sys-color-tertiary-900));
|
|
@@ -413,13 +473,13 @@
|
|
|
413
473
|
--md-sys-color-tertiary-surface-high: light-dark(var(--md-sys-color-tertiary-150), var(--md-sys-color-tertiary-850));
|
|
414
474
|
--md-sys-color-tertiary-surface-higher: light-dark(var(--md-sys-color-tertiary-175), var(--md-sys-color-tertiary-825));
|
|
415
475
|
--md-sys-color-tertiary-surface-highest: light-dark(var(--md-sys-color-tertiary-200), var(--md-sys-color-tertiary-800));
|
|
416
|
-
--md-sys-color-tertiary-scrim-weakest:
|
|
417
|
-
--md-sys-color-tertiary-scrim-weaker:
|
|
418
|
-
--md-sys-color-tertiary-scrim-weak:
|
|
419
|
-
--md-sys-color-tertiary-scrim:
|
|
420
|
-
--md-sys-color-tertiary-scrim-strong:
|
|
421
|
-
--md-sys-color-tertiary-scrim-stronger:
|
|
422
|
-
--md-sys-color-tertiary-scrim-strongest:
|
|
476
|
+
--md-sys-color-tertiary-scrim-weakest: var(--md-sys-color-tertiary-500-050);
|
|
477
|
+
--md-sys-color-tertiary-scrim-weaker: var(--md-sys-color-tertiary-500-100);
|
|
478
|
+
--md-sys-color-tertiary-scrim-weak: var(--md-sys-color-tertiary-500-200);
|
|
479
|
+
--md-sys-color-tertiary-scrim: var(--md-sys-color-tertiary-500-300);
|
|
480
|
+
--md-sys-color-tertiary-scrim-strong: var(--md-sys-color-tertiary-500-400);
|
|
481
|
+
--md-sys-color-tertiary-scrim-stronger: var(--md-sys-color-tertiary-500-500);
|
|
482
|
+
--md-sys-color-tertiary-scrim-strongest: var(--md-sys-color-tertiary-500-600);
|
|
423
483
|
|
|
424
484
|
/* Info — flat mode-independent primitives */
|
|
425
485
|
--md-sys-color-info-100: oklch(0.9549 0.0029 264.54);
|
|
@@ -459,41 +519,42 @@
|
|
|
459
519
|
--md-sys-color-info-500-900: oklch(0.5984 0.1736 265.15 / 90%);
|
|
460
520
|
--md-sys-color-info-500-950: oklch(0.5984 0.1736 265.15 / 95%);
|
|
461
521
|
/* Info — semantic roles */
|
|
462
|
-
|
|
522
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
523
|
+
--md-sys-color-info: var(--md-sys-color-info-600);
|
|
463
524
|
--md-sys-color-info-dim: light-dark(var(--md-sys-color-info-650), var(--md-sys-color-info-700));
|
|
464
525
|
--md-sys-color-info-bright: light-dark(var(--md-sys-color-info-350), var(--md-sys-color-info-400));
|
|
465
526
|
--md-sys-color-info-low: light-dark(var(--md-sys-color-info-350), var(--md-sys-color-info-700));
|
|
466
527
|
--md-sys-color-info-high: light-dark(var(--md-sys-color-info-650), var(--md-sys-color-info-400));
|
|
467
|
-
--md-sys-color-info-hover:
|
|
468
|
-
--md-sys-color-info-active:
|
|
469
|
-
--md-sys-color-info-disabled:
|
|
470
|
-
--md-sys-color-info-on-info:
|
|
471
|
-
--md-sys-color-info-on-info-variant:
|
|
528
|
+
--md-sys-color-info-hover: var(--md-sys-color-info-650);
|
|
529
|
+
--md-sys-color-info-active: var(--md-sys-color-info-700);
|
|
530
|
+
--md-sys-color-info-disabled: var(--md-sys-color-info-500-600);
|
|
531
|
+
--md-sys-color-info-on-info: var(--md-sys-color-info-050);
|
|
532
|
+
--md-sys-color-info-on-info-variant: var(--md-sys-color-info-200);
|
|
472
533
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
473
534
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
474
535
|
composited on the page bg); dark leg = the 200 stop, on-info-variant's own
|
|
475
536
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
476
537
|
--md-sys-color-info-on-info-container: light-dark(var(--md-sys-color-info-950), var(--md-sys-color-info-200));
|
|
477
|
-
--md-sys-color-info-on-info-hover:
|
|
478
|
-
--md-sys-color-info-on-info-active:
|
|
479
|
-
--md-sys-color-info-on-info-disabled:
|
|
538
|
+
--md-sys-color-info-on-info-hover: var(--md-sys-color-info-050);
|
|
539
|
+
--md-sys-color-info-on-info-active: var(--md-sys-color-info-050);
|
|
540
|
+
--md-sys-color-info-on-info-disabled: var(--md-sys-color-info-500-400);
|
|
480
541
|
--md-sys-color-info-on-surface: light-dark(var(--md-sys-color-info-950), var(--md-sys-color-info-050));
|
|
481
542
|
--md-sys-color-info-on-surface-variant: light-dark(var(--md-sys-color-info-750), var(--md-sys-color-info-250));
|
|
482
543
|
--md-sys-color-info-on-surface-hover: light-dark(var(--md-sys-color-info-950), var(--md-sys-color-info-050));
|
|
483
544
|
--md-sys-color-info-on-surface-active: light-dark(var(--md-sys-color-info-950), var(--md-sys-color-info-050));
|
|
484
|
-
--md-sys-color-info-on-surface-disabled:
|
|
545
|
+
--md-sys-color-info-on-surface-disabled: var(--md-sys-color-info-500-400);
|
|
485
546
|
--md-sys-color-info-placeholder: light-dark(var(--md-sys-color-info-650), var(--md-sys-color-info-350));
|
|
486
|
-
--md-sys-color-info-outline:
|
|
487
|
-
--md-sys-color-info-outline-variant:
|
|
488
|
-
--md-sys-color-info-outline-hover:
|
|
489
|
-
--md-sys-color-info-outline-active:
|
|
490
|
-
--md-sys-color-info-outline-disabled:
|
|
491
|
-
--md-sys-color-info-container:
|
|
492
|
-
--md-sys-color-info-container-low:
|
|
493
|
-
--md-sys-color-info-container-high:
|
|
494
|
-
--md-sys-color-info-container-hover:
|
|
495
|
-
--md-sys-color-info-container-active:
|
|
496
|
-
--md-sys-color-info-container-disabled:
|
|
547
|
+
--md-sys-color-info-outline: var(--md-sys-color-info-500-600);
|
|
548
|
+
--md-sys-color-info-outline-variant: var(--md-sys-color-info-500-300);
|
|
549
|
+
--md-sys-color-info-outline-hover: var(--md-sys-color-info-500-700);
|
|
550
|
+
--md-sys-color-info-outline-active: var(--md-sys-color-info-500-800);
|
|
551
|
+
--md-sys-color-info-outline-disabled: var(--md-sys-color-info-500-400);
|
|
552
|
+
--md-sys-color-info-container: var(--md-sys-color-info-500-200);
|
|
553
|
+
--md-sys-color-info-container-low: var(--md-sys-color-info-500-100);
|
|
554
|
+
--md-sys-color-info-container-high: var(--md-sys-color-info-500-300);
|
|
555
|
+
--md-sys-color-info-container-hover: var(--md-sys-color-info-500-300);
|
|
556
|
+
--md-sys-color-info-container-active: var(--md-sys-color-info-500-400);
|
|
557
|
+
--md-sys-color-info-container-disabled: var(--md-sys-color-info-500-100);
|
|
497
558
|
--md-sys-color-info-inverse-surface: light-dark(var(--md-sys-color-info-900), var(--md-sys-color-info-100));
|
|
498
559
|
--md-sys-color-info-inverse-on-surface: light-dark(var(--md-sys-color-info-050), var(--md-sys-color-info-950));
|
|
499
560
|
--md-sys-color-info-background: light-dark(var(--md-sys-color-info-100), var(--md-sys-color-info-900));
|
|
@@ -510,13 +571,13 @@
|
|
|
510
571
|
--md-sys-color-info-surface-high: light-dark(var(--md-sys-color-info-150), var(--md-sys-color-info-850));
|
|
511
572
|
--md-sys-color-info-surface-higher: light-dark(var(--md-sys-color-info-175), var(--md-sys-color-info-825));
|
|
512
573
|
--md-sys-color-info-surface-highest: light-dark(var(--md-sys-color-info-200), var(--md-sys-color-info-800));
|
|
513
|
-
--md-sys-color-info-scrim-weakest:
|
|
514
|
-
--md-sys-color-info-scrim-weaker:
|
|
515
|
-
--md-sys-color-info-scrim-weak:
|
|
516
|
-
--md-sys-color-info-scrim:
|
|
517
|
-
--md-sys-color-info-scrim-strong:
|
|
518
|
-
--md-sys-color-info-scrim-stronger:
|
|
519
|
-
--md-sys-color-info-scrim-strongest:
|
|
574
|
+
--md-sys-color-info-scrim-weakest: var(--md-sys-color-info-500-050);
|
|
575
|
+
--md-sys-color-info-scrim-weaker: var(--md-sys-color-info-500-100);
|
|
576
|
+
--md-sys-color-info-scrim-weak: var(--md-sys-color-info-500-200);
|
|
577
|
+
--md-sys-color-info-scrim: var(--md-sys-color-info-500-300);
|
|
578
|
+
--md-sys-color-info-scrim-strong: var(--md-sys-color-info-500-400);
|
|
579
|
+
--md-sys-color-info-scrim-stronger: var(--md-sys-color-info-500-500);
|
|
580
|
+
--md-sys-color-info-scrim-strongest: var(--md-sys-color-info-500-600);
|
|
520
581
|
|
|
521
582
|
/* Success — flat mode-independent primitives */
|
|
522
583
|
--md-sys-color-success-100: oklch(0.9561 0.0034 145.55);
|
|
@@ -556,41 +617,42 @@
|
|
|
556
617
|
--md-sys-color-success-500-900: oklch(0.5987 0.1161 150.34 / 90%);
|
|
557
618
|
--md-sys-color-success-500-950: oklch(0.5987 0.1161 150.34 / 95%);
|
|
558
619
|
/* Success — semantic roles */
|
|
559
|
-
|
|
620
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
621
|
+
--md-sys-color-success: var(--md-sys-color-success-600);
|
|
560
622
|
--md-sys-color-success-dim: light-dark(var(--md-sys-color-success-650), var(--md-sys-color-success-700));
|
|
561
623
|
--md-sys-color-success-bright: light-dark(var(--md-sys-color-success-350), var(--md-sys-color-success-400));
|
|
562
624
|
--md-sys-color-success-low: light-dark(var(--md-sys-color-success-350), var(--md-sys-color-success-700));
|
|
563
625
|
--md-sys-color-success-high: light-dark(var(--md-sys-color-success-650), var(--md-sys-color-success-400));
|
|
564
|
-
--md-sys-color-success-hover:
|
|
565
|
-
--md-sys-color-success-active:
|
|
566
|
-
--md-sys-color-success-disabled:
|
|
567
|
-
--md-sys-color-success-on-success:
|
|
568
|
-
--md-sys-color-success-on-success-variant:
|
|
626
|
+
--md-sys-color-success-hover: var(--md-sys-color-success-650);
|
|
627
|
+
--md-sys-color-success-active: var(--md-sys-color-success-700);
|
|
628
|
+
--md-sys-color-success-disabled: var(--md-sys-color-success-500-600);
|
|
629
|
+
--md-sys-color-success-on-success: var(--md-sys-color-success-050);
|
|
630
|
+
--md-sys-color-success-on-success-variant: var(--md-sys-color-success-200);
|
|
569
631
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
570
632
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
571
633
|
composited on the page bg); dark leg = the 200 stop, on-success-variant's own
|
|
572
634
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
573
635
|
--md-sys-color-success-on-success-container: light-dark(var(--md-sys-color-success-950), var(--md-sys-color-success-200));
|
|
574
|
-
--md-sys-color-success-on-success-hover:
|
|
575
|
-
--md-sys-color-success-on-success-active:
|
|
576
|
-
--md-sys-color-success-on-success-disabled:
|
|
636
|
+
--md-sys-color-success-on-success-hover: var(--md-sys-color-success-050);
|
|
637
|
+
--md-sys-color-success-on-success-active: var(--md-sys-color-success-050);
|
|
638
|
+
--md-sys-color-success-on-success-disabled: var(--md-sys-color-success-500-400);
|
|
577
639
|
--md-sys-color-success-on-surface: light-dark(var(--md-sys-color-success-950), var(--md-sys-color-success-050));
|
|
578
640
|
--md-sys-color-success-on-surface-variant: light-dark(var(--md-sys-color-success-750), var(--md-sys-color-success-250));
|
|
579
641
|
--md-sys-color-success-on-surface-hover: light-dark(var(--md-sys-color-success-950), var(--md-sys-color-success-050));
|
|
580
642
|
--md-sys-color-success-on-surface-active: light-dark(var(--md-sys-color-success-950), var(--md-sys-color-success-050));
|
|
581
|
-
--md-sys-color-success-on-surface-disabled:
|
|
643
|
+
--md-sys-color-success-on-surface-disabled: var(--md-sys-color-success-500-400);
|
|
582
644
|
--md-sys-color-success-placeholder: light-dark(var(--md-sys-color-success-650), var(--md-sys-color-success-350));
|
|
583
|
-
--md-sys-color-success-outline:
|
|
584
|
-
--md-sys-color-success-outline-variant:
|
|
585
|
-
--md-sys-color-success-outline-hover:
|
|
586
|
-
--md-sys-color-success-outline-active:
|
|
587
|
-
--md-sys-color-success-outline-disabled:
|
|
588
|
-
--md-sys-color-success-container:
|
|
589
|
-
--md-sys-color-success-container-low:
|
|
590
|
-
--md-sys-color-success-container-high:
|
|
591
|
-
--md-sys-color-success-container-hover:
|
|
592
|
-
--md-sys-color-success-container-active:
|
|
593
|
-
--md-sys-color-success-container-disabled:
|
|
645
|
+
--md-sys-color-success-outline: var(--md-sys-color-success-500-600);
|
|
646
|
+
--md-sys-color-success-outline-variant: var(--md-sys-color-success-500-300);
|
|
647
|
+
--md-sys-color-success-outline-hover: var(--md-sys-color-success-500-700);
|
|
648
|
+
--md-sys-color-success-outline-active: var(--md-sys-color-success-500-800);
|
|
649
|
+
--md-sys-color-success-outline-disabled: var(--md-sys-color-success-500-400);
|
|
650
|
+
--md-sys-color-success-container: var(--md-sys-color-success-500-200);
|
|
651
|
+
--md-sys-color-success-container-low: var(--md-sys-color-success-500-100);
|
|
652
|
+
--md-sys-color-success-container-high: var(--md-sys-color-success-500-300);
|
|
653
|
+
--md-sys-color-success-container-hover: var(--md-sys-color-success-500-300);
|
|
654
|
+
--md-sys-color-success-container-active: var(--md-sys-color-success-500-400);
|
|
655
|
+
--md-sys-color-success-container-disabled: var(--md-sys-color-success-500-100);
|
|
594
656
|
--md-sys-color-success-inverse-surface: light-dark(var(--md-sys-color-success-900), var(--md-sys-color-success-100));
|
|
595
657
|
--md-sys-color-success-inverse-on-surface: light-dark(var(--md-sys-color-success-050), var(--md-sys-color-success-950));
|
|
596
658
|
--md-sys-color-success-background: light-dark(var(--md-sys-color-success-100), var(--md-sys-color-success-900));
|
|
@@ -607,13 +669,13 @@
|
|
|
607
669
|
--md-sys-color-success-surface-high: light-dark(var(--md-sys-color-success-150), var(--md-sys-color-success-850));
|
|
608
670
|
--md-sys-color-success-surface-higher: light-dark(var(--md-sys-color-success-175), var(--md-sys-color-success-825));
|
|
609
671
|
--md-sys-color-success-surface-highest: light-dark(var(--md-sys-color-success-200), var(--md-sys-color-success-800));
|
|
610
|
-
--md-sys-color-success-scrim-weakest:
|
|
611
|
-
--md-sys-color-success-scrim-weaker:
|
|
612
|
-
--md-sys-color-success-scrim-weak:
|
|
613
|
-
--md-sys-color-success-scrim:
|
|
614
|
-
--md-sys-color-success-scrim-strong:
|
|
615
|
-
--md-sys-color-success-scrim-stronger:
|
|
616
|
-
--md-sys-color-success-scrim-strongest:
|
|
672
|
+
--md-sys-color-success-scrim-weakest: var(--md-sys-color-success-500-050);
|
|
673
|
+
--md-sys-color-success-scrim-weaker: var(--md-sys-color-success-500-100);
|
|
674
|
+
--md-sys-color-success-scrim-weak: var(--md-sys-color-success-500-200);
|
|
675
|
+
--md-sys-color-success-scrim: var(--md-sys-color-success-500-300);
|
|
676
|
+
--md-sys-color-success-scrim-strong: var(--md-sys-color-success-500-400);
|
|
677
|
+
--md-sys-color-success-scrim-stronger: var(--md-sys-color-success-500-500);
|
|
678
|
+
--md-sys-color-success-scrim-strongest: var(--md-sys-color-success-500-600);
|
|
617
679
|
|
|
618
680
|
/* Warning — flat mode-independent primitives */
|
|
619
681
|
--md-sys-color-warning-100: oklch(0.9766 0.0017 67.8);
|
|
@@ -653,41 +715,42 @@
|
|
|
653
715
|
--md-sys-color-warning-500-900: oklch(0.791 0.1581 75.1 / 90%);
|
|
654
716
|
--md-sys-color-warning-500-950: oklch(0.791 0.1581 75.1 / 95%);
|
|
655
717
|
/* Warning — semantic roles */
|
|
656
|
-
|
|
718
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
719
|
+
--md-sys-color-warning: var(--md-sys-color-warning-700);
|
|
657
720
|
--md-sys-color-warning-dim: light-dark(var(--md-sys-color-warning-650), var(--md-sys-color-warning-700));
|
|
658
721
|
--md-sys-color-warning-bright: light-dark(var(--md-sys-color-warning-350), var(--md-sys-color-warning-400));
|
|
659
722
|
--md-sys-color-warning-low: light-dark(var(--md-sys-color-warning-350), var(--md-sys-color-warning-700));
|
|
660
723
|
--md-sys-color-warning-high: light-dark(var(--md-sys-color-warning-650), var(--md-sys-color-warning-400));
|
|
661
|
-
--md-sys-color-warning-hover:
|
|
662
|
-
--md-sys-color-warning-active:
|
|
663
|
-
--md-sys-color-warning-disabled:
|
|
664
|
-
--md-sys-color-warning-on-warning:
|
|
665
|
-
--md-sys-color-warning-on-warning-variant:
|
|
724
|
+
--md-sys-color-warning-hover: var(--md-sys-color-warning-750);
|
|
725
|
+
--md-sys-color-warning-active: var(--md-sys-color-warning-800);
|
|
726
|
+
--md-sys-color-warning-disabled: var(--md-sys-color-warning-500-600);
|
|
727
|
+
--md-sys-color-warning-on-warning: var(--md-sys-color-warning-050);
|
|
728
|
+
--md-sys-color-warning-on-warning-variant: var(--md-sys-color-warning-200);
|
|
666
729
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
667
730
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
668
731
|
composited on the page bg); dark leg = the 200 stop, on-warning-variant's own
|
|
669
732
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
670
733
|
--md-sys-color-warning-on-warning-container: light-dark(var(--md-sys-color-warning-950), var(--md-sys-color-warning-200));
|
|
671
|
-
--md-sys-color-warning-on-warning-hover:
|
|
672
|
-
--md-sys-color-warning-on-warning-active:
|
|
673
|
-
--md-sys-color-warning-on-warning-disabled:
|
|
734
|
+
--md-sys-color-warning-on-warning-hover: var(--md-sys-color-warning-050);
|
|
735
|
+
--md-sys-color-warning-on-warning-active: var(--md-sys-color-warning-050);
|
|
736
|
+
--md-sys-color-warning-on-warning-disabled: var(--md-sys-color-warning-500-400);
|
|
674
737
|
--md-sys-color-warning-on-surface: light-dark(var(--md-sys-color-warning-950), var(--md-sys-color-warning-050));
|
|
675
738
|
--md-sys-color-warning-on-surface-variant: light-dark(var(--md-sys-color-warning-750), var(--md-sys-color-warning-250));
|
|
676
739
|
--md-sys-color-warning-on-surface-hover: light-dark(var(--md-sys-color-warning-950), var(--md-sys-color-warning-050));
|
|
677
740
|
--md-sys-color-warning-on-surface-active: light-dark(var(--md-sys-color-warning-950), var(--md-sys-color-warning-050));
|
|
678
|
-
--md-sys-color-warning-on-surface-disabled:
|
|
741
|
+
--md-sys-color-warning-on-surface-disabled: var(--md-sys-color-warning-500-400);
|
|
679
742
|
--md-sys-color-warning-placeholder: light-dark(var(--md-sys-color-warning-650), var(--md-sys-color-warning-350));
|
|
680
|
-
--md-sys-color-warning-outline:
|
|
681
|
-
--md-sys-color-warning-outline-variant:
|
|
682
|
-
--md-sys-color-warning-outline-hover:
|
|
683
|
-
--md-sys-color-warning-outline-active:
|
|
684
|
-
--md-sys-color-warning-outline-disabled:
|
|
685
|
-
--md-sys-color-warning-container:
|
|
686
|
-
--md-sys-color-warning-container-low:
|
|
687
|
-
--md-sys-color-warning-container-high:
|
|
688
|
-
--md-sys-color-warning-container-hover:
|
|
689
|
-
--md-sys-color-warning-container-active:
|
|
690
|
-
--md-sys-color-warning-container-disabled:
|
|
743
|
+
--md-sys-color-warning-outline: var(--md-sys-color-warning-500-600);
|
|
744
|
+
--md-sys-color-warning-outline-variant: var(--md-sys-color-warning-500-300);
|
|
745
|
+
--md-sys-color-warning-outline-hover: var(--md-sys-color-warning-500-700);
|
|
746
|
+
--md-sys-color-warning-outline-active: var(--md-sys-color-warning-500-800);
|
|
747
|
+
--md-sys-color-warning-outline-disabled: var(--md-sys-color-warning-500-400);
|
|
748
|
+
--md-sys-color-warning-container: var(--md-sys-color-warning-500-200);
|
|
749
|
+
--md-sys-color-warning-container-low: var(--md-sys-color-warning-500-100);
|
|
750
|
+
--md-sys-color-warning-container-high: var(--md-sys-color-warning-500-300);
|
|
751
|
+
--md-sys-color-warning-container-hover: var(--md-sys-color-warning-500-300);
|
|
752
|
+
--md-sys-color-warning-container-active: var(--md-sys-color-warning-500-400);
|
|
753
|
+
--md-sys-color-warning-container-disabled: var(--md-sys-color-warning-500-100);
|
|
691
754
|
--md-sys-color-warning-inverse-surface: light-dark(var(--md-sys-color-warning-900), var(--md-sys-color-warning-100));
|
|
692
755
|
--md-sys-color-warning-inverse-on-surface: light-dark(var(--md-sys-color-warning-050), var(--md-sys-color-warning-950));
|
|
693
756
|
--md-sys-color-warning-background: light-dark(var(--md-sys-color-warning-100), var(--md-sys-color-warning-900));
|
|
@@ -704,13 +767,13 @@
|
|
|
704
767
|
--md-sys-color-warning-surface-high: light-dark(var(--md-sys-color-warning-150), var(--md-sys-color-warning-850));
|
|
705
768
|
--md-sys-color-warning-surface-higher: light-dark(var(--md-sys-color-warning-175), var(--md-sys-color-warning-825));
|
|
706
769
|
--md-sys-color-warning-surface-highest: light-dark(var(--md-sys-color-warning-200), var(--md-sys-color-warning-800));
|
|
707
|
-
--md-sys-color-warning-scrim-weakest:
|
|
708
|
-
--md-sys-color-warning-scrim-weaker:
|
|
709
|
-
--md-sys-color-warning-scrim-weak:
|
|
710
|
-
--md-sys-color-warning-scrim:
|
|
711
|
-
--md-sys-color-warning-scrim-strong:
|
|
712
|
-
--md-sys-color-warning-scrim-stronger:
|
|
713
|
-
--md-sys-color-warning-scrim-strongest:
|
|
770
|
+
--md-sys-color-warning-scrim-weakest: var(--md-sys-color-warning-500-050);
|
|
771
|
+
--md-sys-color-warning-scrim-weaker: var(--md-sys-color-warning-500-100);
|
|
772
|
+
--md-sys-color-warning-scrim-weak: var(--md-sys-color-warning-500-200);
|
|
773
|
+
--md-sys-color-warning-scrim: var(--md-sys-color-warning-500-300);
|
|
774
|
+
--md-sys-color-warning-scrim-strong: var(--md-sys-color-warning-500-400);
|
|
775
|
+
--md-sys-color-warning-scrim-stronger: var(--md-sys-color-warning-500-500);
|
|
776
|
+
--md-sys-color-warning-scrim-strongest: var(--md-sys-color-warning-500-600);
|
|
714
777
|
|
|
715
778
|
/* Danger — flat mode-independent primitives */
|
|
716
779
|
--md-sys-color-danger-100: oklch(0.9544 0.0032 17.21);
|
|
@@ -750,41 +813,42 @@
|
|
|
750
813
|
--md-sys-color-danger-500-900: oklch(0.5992 0.1622 25.47 / 90%);
|
|
751
814
|
--md-sys-color-danger-500-950: oklch(0.5992 0.1622 25.47 / 95%);
|
|
752
815
|
/* Danger — semantic roles */
|
|
753
|
-
|
|
816
|
+
/* gh#1852: identical-leg light-dark() roles below (base/hover/active/on-* solid-fill and their alpha-family -disabled, outline-*, container-*, scrim-* siblings) dropped their pointless wrapper — see neutral's semantic-roles comment above for the per-class rationale (fixed fill-identity vs. alpha auto-compositing). */
|
|
817
|
+
--md-sys-color-danger: var(--md-sys-color-danger-600);
|
|
754
818
|
--md-sys-color-danger-dim: light-dark(var(--md-sys-color-danger-650), var(--md-sys-color-danger-700));
|
|
755
819
|
--md-sys-color-danger-bright: light-dark(var(--md-sys-color-danger-350), var(--md-sys-color-danger-400));
|
|
756
820
|
--md-sys-color-danger-low: light-dark(var(--md-sys-color-danger-350), var(--md-sys-color-danger-700));
|
|
757
821
|
--md-sys-color-danger-high: light-dark(var(--md-sys-color-danger-650), var(--md-sys-color-danger-400));
|
|
758
|
-
--md-sys-color-danger-hover:
|
|
759
|
-
--md-sys-color-danger-active:
|
|
760
|
-
--md-sys-color-danger-disabled:
|
|
761
|
-
--md-sys-color-danger-on-danger:
|
|
762
|
-
--md-sys-color-danger-on-danger-variant:
|
|
822
|
+
--md-sys-color-danger-hover: var(--md-sys-color-danger-650);
|
|
823
|
+
--md-sys-color-danger-active: var(--md-sys-color-danger-700);
|
|
824
|
+
--md-sys-color-danger-disabled: var(--md-sys-color-danger-500-600);
|
|
825
|
+
--md-sys-color-danger-on-danger: var(--md-sys-color-danger-050);
|
|
826
|
+
--md-sys-color-danger-on-danger-variant: var(--md-sys-color-danger-200);
|
|
763
827
|
/* tonal text (gh#434): dark in-family text on the translucent container fill.
|
|
764
828
|
light leg = the 950 stop (measured 10.2-15.2:1 over container/-hover/-active
|
|
765
829
|
composited on the page bg); dark leg = the 200 stop, on-danger-variant's own
|
|
766
830
|
dark leg (measured 5.6-9.2:1). Gate: verify:contrast §on-container pairs. */
|
|
767
831
|
--md-sys-color-danger-on-danger-container: light-dark(var(--md-sys-color-danger-950), var(--md-sys-color-danger-200));
|
|
768
|
-
--md-sys-color-danger-on-danger-hover:
|
|
769
|
-
--md-sys-color-danger-on-danger-active:
|
|
770
|
-
--md-sys-color-danger-on-danger-disabled:
|
|
832
|
+
--md-sys-color-danger-on-danger-hover: var(--md-sys-color-danger-050);
|
|
833
|
+
--md-sys-color-danger-on-danger-active: var(--md-sys-color-danger-050);
|
|
834
|
+
--md-sys-color-danger-on-danger-disabled: var(--md-sys-color-danger-500-400);
|
|
771
835
|
--md-sys-color-danger-on-surface: light-dark(var(--md-sys-color-danger-950), var(--md-sys-color-danger-050));
|
|
772
836
|
--md-sys-color-danger-on-surface-variant: light-dark(var(--md-sys-color-danger-750), var(--md-sys-color-danger-250));
|
|
773
837
|
--md-sys-color-danger-on-surface-hover: light-dark(var(--md-sys-color-danger-950), var(--md-sys-color-danger-050));
|
|
774
838
|
--md-sys-color-danger-on-surface-active: light-dark(var(--md-sys-color-danger-950), var(--md-sys-color-danger-050));
|
|
775
|
-
--md-sys-color-danger-on-surface-disabled:
|
|
839
|
+
--md-sys-color-danger-on-surface-disabled: var(--md-sys-color-danger-500-400);
|
|
776
840
|
--md-sys-color-danger-placeholder: light-dark(var(--md-sys-color-danger-650), var(--md-sys-color-danger-350));
|
|
777
|
-
--md-sys-color-danger-outline:
|
|
778
|
-
--md-sys-color-danger-outline-variant:
|
|
779
|
-
--md-sys-color-danger-outline-hover:
|
|
780
|
-
--md-sys-color-danger-outline-active:
|
|
781
|
-
--md-sys-color-danger-outline-disabled:
|
|
782
|
-
--md-sys-color-danger-container:
|
|
783
|
-
--md-sys-color-danger-container-low:
|
|
784
|
-
--md-sys-color-danger-container-high:
|
|
785
|
-
--md-sys-color-danger-container-hover:
|
|
786
|
-
--md-sys-color-danger-container-active:
|
|
787
|
-
--md-sys-color-danger-container-disabled:
|
|
841
|
+
--md-sys-color-danger-outline: var(--md-sys-color-danger-500-600);
|
|
842
|
+
--md-sys-color-danger-outline-variant: var(--md-sys-color-danger-500-300);
|
|
843
|
+
--md-sys-color-danger-outline-hover: var(--md-sys-color-danger-500-700);
|
|
844
|
+
--md-sys-color-danger-outline-active: var(--md-sys-color-danger-500-800);
|
|
845
|
+
--md-sys-color-danger-outline-disabled: var(--md-sys-color-danger-500-400);
|
|
846
|
+
--md-sys-color-danger-container: var(--md-sys-color-danger-500-200);
|
|
847
|
+
--md-sys-color-danger-container-low: var(--md-sys-color-danger-500-100);
|
|
848
|
+
--md-sys-color-danger-container-high: var(--md-sys-color-danger-500-300);
|
|
849
|
+
--md-sys-color-danger-container-hover: var(--md-sys-color-danger-500-300);
|
|
850
|
+
--md-sys-color-danger-container-active: var(--md-sys-color-danger-500-400);
|
|
851
|
+
--md-sys-color-danger-container-disabled: var(--md-sys-color-danger-500-100);
|
|
788
852
|
--md-sys-color-danger-inverse-surface: light-dark(var(--md-sys-color-danger-900), var(--md-sys-color-danger-100));
|
|
789
853
|
--md-sys-color-danger-inverse-on-surface: light-dark(var(--md-sys-color-danger-050), var(--md-sys-color-danger-950));
|
|
790
854
|
--md-sys-color-danger-background: light-dark(var(--md-sys-color-danger-100), var(--md-sys-color-danger-900));
|
|
@@ -801,11 +865,11 @@
|
|
|
801
865
|
--md-sys-color-danger-surface-high: light-dark(var(--md-sys-color-danger-150), var(--md-sys-color-danger-850));
|
|
802
866
|
--md-sys-color-danger-surface-higher: light-dark(var(--md-sys-color-danger-175), var(--md-sys-color-danger-825));
|
|
803
867
|
--md-sys-color-danger-surface-highest: light-dark(var(--md-sys-color-danger-200), var(--md-sys-color-danger-800));
|
|
804
|
-
--md-sys-color-danger-scrim-weakest:
|
|
805
|
-
--md-sys-color-danger-scrim-weaker:
|
|
806
|
-
--md-sys-color-danger-scrim-weak:
|
|
807
|
-
--md-sys-color-danger-scrim:
|
|
808
|
-
--md-sys-color-danger-scrim-strong:
|
|
809
|
-
--md-sys-color-danger-scrim-stronger:
|
|
810
|
-
--md-sys-color-danger-scrim-strongest:
|
|
868
|
+
--md-sys-color-danger-scrim-weakest: var(--md-sys-color-danger-500-050);
|
|
869
|
+
--md-sys-color-danger-scrim-weaker: var(--md-sys-color-danger-500-100);
|
|
870
|
+
--md-sys-color-danger-scrim-weak: var(--md-sys-color-danger-500-200);
|
|
871
|
+
--md-sys-color-danger-scrim: var(--md-sys-color-danger-500-300);
|
|
872
|
+
--md-sys-color-danger-scrim-strong: var(--md-sys-color-danger-500-400);
|
|
873
|
+
--md-sys-color-danger-scrim-stronger: var(--md-sys-color-danger-500-500);
|
|
874
|
+
--md-sys-color-danger-scrim-strongest: var(--md-sys-color-danger-500-600);
|
|
811
875
|
}
|