@mittwald/flow-design-tokens 0.2.0-alpha.102 → 0.2.0-alpha.1021

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 (23) hide show
  1. package/README.md +2 -2
  2. package/dist/css/all-dark.css +1542 -0
  3. package/dist/{variables.css → css/all-light.css} +759 -494
  4. package/dist/css/base.css +1385 -0
  5. package/dist/css/colors-dark-system.css +163 -0
  6. package/dist/css/colors-dark.css +163 -0
  7. package/dist/css/colors-light-system.css +163 -0
  8. package/dist/css/colors-light.css +163 -0
  9. package/dist/css-layered/all-dark.css +1544 -0
  10. package/dist/css-layered/all-light.css +1544 -0
  11. package/dist/css-layered/base.css +1387 -0
  12. package/dist/css-layered/colors-dark-system.css +165 -0
  13. package/dist/css-layered/colors-dark.css +165 -0
  14. package/dist/css-layered/colors-light-system.css +165 -0
  15. package/dist/css-layered/colors-light.css +165 -0
  16. package/dist/json/all-dark.json +31052 -0
  17. package/dist/json/all-light.json +31052 -0
  18. package/dist/{variables.json → json/base.json} +14349 -9829
  19. package/dist/json/colors-dark-system.json +3325 -0
  20. package/dist/json/colors-dark.json +3325 -0
  21. package/dist/json/colors-light-system.json +3325 -0
  22. package/dist/json/colors-light.json +3325 -0
  23. package/package.json +15 -10
package/dist/css-layered/base.css ADDED
@@ -0,0 +1,1387 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ @layer flow.tokens {
6
+ :root {
7
+ --image-button--brightness--hover: 62.5%;
8
+ --image-button--brightness--pressed: 50%;
9
+ --corner-radius--round: 50%;
10
+ --border-width--50: 0.5px;
11
+ --border-style--default: solid;
12
+ --border-style--dashed: dashed;
13
+ --message--tip-size-y: 12px;
14
+ --avatar--size--m: 2.5rem;
15
+ --code-block--font-family: FiraCode, monospace;
16
+ --icon--size--s: 1rem;
17
+ --icon--size--m: 1.5rem;
18
+ --icon--size--l: 4rem;
19
+ --blur: 3px;
20
+ --transition--duration--fast: 200ms;
21
+ --transition--duration--default: 300ms;
22
+ --transition--duration--slow: 400ms;
23
+ --font-weight--normal: normal;
24
+ --font-weight--bold: bold;
25
+ --line-height: 1.5;
26
+ --single-line-height: 1rem;
27
+ --font-size-text--s: 0.875rem;
28
+ --font-size-text--m: 1rem;
29
+ --font-size-heading--xs: 1rem;
30
+ --font-size-heading--s: 1.125rem;
31
+ --font-size-heading--m: 1.25rem;
32
+ --font-size-heading--l: 1.5rem;
33
+ --font-size-heading--xl: 2rem;
34
+ --font-size-heading--xxl: 2.625rem;
35
+ --max-text-width: 960px;
36
+ --code-editor--font-family: FiraCode, monospace;
37
+ --calendar--cell-size: 2.25rem;
38
+ --switch--track-height: 1.5rem;
39
+ --switch--track-width: 2.75rem;
40
+ --switch--track-corner-radius: 0.75rem;
41
+ --switch--handle-size: 1.25rem;
42
+ --contextual-help--max-width: 500px;
43
+ --modal--size--s: 660px;
44
+ --modal--size--m: 900px;
45
+ --modal--size--l: 1300px;
46
+ --modal--content-min-height: 120px;
47
+ --popover--min-width: 200px;
48
+ --tooltip--max-width: 300px;
49
+ --scrollbar--track-color: transparent;
50
+ --size-rem--xxxs: 0.0625rem;
51
+ --size-rem--xxs: 0.125rem;
52
+ --size-rem--xs: 0.25rem;
53
+ --size-rem--s: 0.5rem;
54
+ --size-rem--m: 1rem;
55
+ --size-rem--l: 1.5rem;
56
+ --size-rem--xl: 2rem;
57
+ --size-rem--xxl: 4rem;
58
+ --size-px--xxxs: 1px;
59
+ --size-px--xxs: 2px;
60
+ --size-px--xs: 4px;
61
+ --size-px--s: 8px;
62
+ --size-px--m: 16px;
63
+ --size-px--l: 24px;
64
+ --size-px--xl: 32px;
65
+ --size-px--xxl: 64px;
66
+ --counter-badge--font-size: 0.625rem;
67
+ --counter-badge--height: 1.25rem;
68
+ --counter-badge--height-empty: 0.75rem;
69
+ --loading-spinner--transition-duration: 2000ms;
70
+ --loading-spinner--transition-duration-slow: 6000ms;
71
+ --notification--width: 355px;
72
+ --image-cropper--grid-width: 0.5px;
73
+ --action-group--spacing--m: var(--size-px--m);
74
+ --action-group--spacing--s: var(--size-px--s);
75
+ --button--padding-x: var(--size-px--m);
76
+ --button--padding-y: var(--size-px--s);
77
+ --button--padding-icon-only: var(--size-px--s);
78
+ --button--spacing: var(--size-rem--s);
79
+ --button--border-style: var(--border-style--default);
80
+ --button--padding-s-icon-only: var(--size-px--xs);
81
+ --button--padding-s-x: var(--size-px--s);
82
+ --button--padding-s-y: var(--size-px--xs);
83
+ --button--spacing-s: var(--size-rem--xs);
84
+ --button--font-size-s: var(--font-size-text--s);
85
+ --button--line-height-s: var(--single-line-height);
86
+ --menu--item-to-item-spacing: var(--size-px--xs);
87
+ --menu--group-to-group-spacing: var(--size-px--m);
88
+ --menu-item--font-weight--current: var(--font-weight--bold);
89
+ --menu-item--padding-x: var(--size-px--s);
90
+ --menu-item--padding-y: var(--size-px--xs);
91
+ --menu-item--spacing: var(--size-rem--s);
92
+ --menu-item--background-color--default: var(--color--transparent);
93
+ --corner-radius--s: var(--size-px--xs);
94
+ --corner-radius--m: var(--size-px--s);
95
+ --corner-radius--l: var(--size-px--m);
96
+ --border-width--100: var(--size-px--xxxs);
97
+ --border-width--200: var(--size-px--xxs);
98
+ --border-width--300: var(--size-px--xs);
99
+ --border-width--400: var(--size-px--s);
100
+ --chat--spacing: var(--size-px--s);
101
+ --message-separator--font-size: var(--font-size-text--s);
102
+ --message-separator--padding: var(--size-px--m);
103
+ --message-thread--spacing: var(--size-rem--l);
104
+ --message-thread--indentation: var(--size-px--m);
105
+ --message--padding-y: var(--size-px--s);
106
+ --message--padding-x: var(--size-px--m);
107
+ --message--spacing-y: var(--size-rem--s);
108
+ --message--spacing-x: var(--size-rem--m);
109
+ --message--background-color-sender: var(--color--hosting-blue--200);
110
+ --message--tip-size-x: var(--size-px--s);
111
+ --message--border-style: var(--border-style--default);
112
+ --primary--color--100: var(--color--hosting-blue--100);
113
+ --primary--color--200: var(--color--hosting-blue--200);
114
+ --primary--color--300: var(--color--hosting-blue--300);
115
+ --primary--color--400: var(--color--hosting-blue--400);
116
+ --primary--color--500: var(--color--hosting-blue--500);
117
+ --primary--color--600: var(--color--hosting-blue--600);
118
+ --primary--color--700: var(--color--hosting-blue--700);
119
+ --primary--color--800: var(--color--hosting-blue--800);
120
+ --primary--color--900: var(--color--hosting-blue--900);
121
+ --primary--color--1000: var(--color--hosting-blue--1000);
122
+ --primary--color--1100: var(--color--hosting-blue--1100);
123
+ --info--color--100: var(--color--hosting-blue--100);
124
+ --info--color--200: var(--color--hosting-blue--200);
125
+ --info--color--300: var(--color--hosting-blue--300);
126
+ --info--color--400: var(--color--hosting-blue--400);
127
+ --info--color--500: var(--color--hosting-blue--500);
128
+ --info--color--600: var(--color--hosting-blue--600);
129
+ --info--color--700: var(--color--hosting-blue--700);
130
+ --info--color--800: var(--color--hosting-blue--800);
131
+ --info--color--900: var(--color--hosting-blue--900);
132
+ --info--color--1000: var(--color--hosting-blue--1000);
133
+ --info--color--1100: var(--color--hosting-blue--1100);
134
+ --success--color--100: var(--color--espelkamp-green--100);
135
+ --success--color--200: var(--color--espelkamp-green--200);
136
+ --success--color--300: var(--color--espelkamp-green--300);
137
+ --success--color--400: var(--color--espelkamp-green--400);
138
+ --success--color--500: var(--color--espelkamp-green--500);
139
+ --success--color--600: var(--color--espelkamp-green--600);
140
+ --success--color--700: var(--color--espelkamp-green--700);
141
+ --success--color--800: var(--color--espelkamp-green--800);
142
+ --success--color--900: var(--color--espelkamp-green--900);
143
+ --success--color--1000: var(--color--espelkamp-green--1000);
144
+ --success--color--1100: var(--color--espelkamp-green--1100);
145
+ --neutral--color--100: var(--color--gray--100);
146
+ --neutral--color--200: var(--color--gray--200);
147
+ --neutral--color--300: var(--color--gray--300);
148
+ --neutral--color--400: var(--color--gray--400);
149
+ --neutral--color--500: var(--color--gray--500);
150
+ --neutral--color--600: var(--color--gray--600);
151
+ --neutral--color--700: var(--color--gray--700);
152
+ --neutral--color--800: var(--color--gray--800);
153
+ --neutral--color--900: var(--color--gray--900);
154
+ --neutral--color--1000: var(--color--gray--1000);
155
+ --neutral--color--1100: var(--color--gray--1100);
156
+ --neutral--color--1200: var(--color--gray--1200);
157
+ --unavailable--color--100: var(--color--gray--100);
158
+ --unavailable--color--200: var(--color--gray--200);
159
+ --unavailable--color--300: var(--color--gray--300);
160
+ --unavailable--color--400: var(--color--gray--400);
161
+ --unavailable--color--500: var(--color--gray--500);
162
+ --unavailable--color--600: var(--color--gray--600);
163
+ --unavailable--color--700: var(--color--gray--700);
164
+ --unavailable--color--800: var(--color--gray--800);
165
+ --unavailable--color--900: var(--color--gray--900);
166
+ --unavailable--color--1000: var(--color--gray--1000);
167
+ --unavailable--color--1100: var(--color--gray--1100);
168
+ --unavailable--color--1200: var(--color--gray--1200);
169
+ --danger--color--100: var(--color--amaranth-red--100);
170
+ --danger--color--200: var(--color--amaranth-red--200);
171
+ --danger--color--300: var(--color--amaranth-red--300);
172
+ --danger--color--400: var(--color--amaranth-red--400);
173
+ --danger--color--500: var(--color--amaranth-red--500);
174
+ --danger--color--600: var(--color--amaranth-red--600);
175
+ --danger--color--700: var(--color--amaranth-red--700);
176
+ --danger--color--800: var(--color--amaranth-red--800);
177
+ --danger--color--900: var(--color--amaranth-red--900);
178
+ --danger--color--1000: var(--color--amaranth-red--1000);
179
+ --danger--color--1100: var(--color--amaranth-red--1100);
180
+ --warning--color--100: var(--color--royal-orange--100);
181
+ --warning--color--200: var(--color--royal-orange--200);
182
+ --warning--color--300: var(--color--royal-orange--300);
183
+ --warning--color--400: var(--color--royal-orange--400);
184
+ --warning--color--500: var(--color--royal-orange--500);
185
+ --warning--color--600: var(--color--royal-orange--600);
186
+ --warning--color--700: var(--color--royal-orange--700);
187
+ --warning--color--800: var(--color--royal-orange--800);
188
+ --warning--color--900: var(--color--royal-orange--900);
189
+ --warning--color--1000: var(--color--royal-orange--1000);
190
+ --warning--color--1100: var(--color--royal-orange--1100);
191
+ --dark--color--100: var(--color--black-alpha--100);
192
+ --dark--color--200: var(--color--black-alpha--200);
193
+ --dark--color--300: var(--color--black-alpha--300);
194
+ --dark--color--400: var(--color--black-alpha--400);
195
+ --dark--color--500: var(--color--black-alpha--500);
196
+ --dark--color--600: var(--color--black-alpha--600);
197
+ --dark--color--700: var(--color--black-alpha--700);
198
+ --dark--color--800: var(--color--black-alpha--800);
199
+ --light--color--100: var(--color--white-alpha--100);
200
+ --light--color--200: var(--color--white-alpha--200);
201
+ --light--color--300: var(--color--white-alpha--300);
202
+ --light--color--400: var(--color--white-alpha--400);
203
+ --light--color--500: var(--color--white-alpha--500);
204
+ --light--color--600: var(--color--white-alpha--600);
205
+ --light--color--700: var(--color--white-alpha--700);
206
+ --light--color--800: var(--color--white-alpha--800);
207
+ --dark-static--color--100: var(--color--static-black-alpha--100);
208
+ --dark-static--color--200: var(--color--static-black-alpha--200);
209
+ --dark-static--color--300: var(--color--static-black-alpha--300);
210
+ --dark-static--color--400: var(--color--static-black-alpha--400);
211
+ --dark-static--color--500: var(--color--static-black-alpha--500);
212
+ --dark-static--color--600: var(--color--static-black-alpha--600);
213
+ --dark-static--color--700: var(--color--static-black-alpha--700);
214
+ --dark-static--color--800: var(--color--static-black-alpha--800);
215
+ --light-static--color--100: var(--color--static-white-alpha--100);
216
+ --light-static--color--200: var(--color--static-white-alpha--200);
217
+ --light-static--color--300: var(--color--static-white-alpha--300);
218
+ --light-static--color--400: var(--color--static-white-alpha--400);
219
+ --light-static--color--500: var(--color--static-white-alpha--500);
220
+ --light-static--color--600: var(--color--static-white-alpha--600);
221
+ --light-static--color--700: var(--color--static-white-alpha--700);
222
+ --light-static--color--800: var(--color--static-white-alpha--800);
223
+ --primary-plain-background-color--default: var(--color--transparent);
224
+ --primary-outline-background-color--default: var(--color--transparent);
225
+ --danger-plain-background-color--default: var(--color--transparent);
226
+ --danger-outline-background-color--default: var(--color--transparent);
227
+ --info-outline-background-color--default: var(--color--transparent);
228
+ --info-plain-background-color--default: var(--color--transparent);
229
+ --success-plain-background-color--default: var(--color--transparent);
230
+ --success-outline-background-color--default: var(--color--transparent);
231
+ --warning-outline-background-color--default: var(--color--transparent);
232
+ --warning-plain-background-color--default: var(--color--transparent);
233
+ --unavailable-plain-background-color--default: var(--color--transparent);
234
+ --unavailable-outline-background-color--default: var(--color--transparent);
235
+ --neutral-plain-background-color--default: var(--color--transparent);
236
+ --neutral-outline-background-color--default: var(--color--transparent);
237
+ --disabled-plain-background-color: var(--color--transparent);
238
+ --disabled-outline-dark-background-color: var(--color--transparent);
239
+ --disabled-outline-light-background-color: var(--color--transparent);
240
+ --disabled-outline-dark-static-background-color: var(--color--transparent);
241
+ --disabled-outline-light-static-background-color: var(--color--transparent);
242
+ --dark-plain-background-color--default: var(--color--transparent);
243
+ --dark-outline-background-color--default: var(--color--transparent);
244
+ --light-plain-background-color--default: var(--color--transparent);
245
+ --light-outline-background-color--default: var(--color--transparent);
246
+ --dark-static-plain-background-color--default: var(--color--transparent);
247
+ --dark-static-outline-background-color--default: var(--color--transparent);
248
+ --light-static-plain-background-color--default: var(--color--transparent);
249
+ --light-static-outline-background-color--default: var(--color--transparent);
250
+ --avatar--size--xs: var(--size-rem--l);
251
+ --avatar--size--s: var(--size-rem--xl);
252
+ --avatar--size--l: var(--size-rem--xxl);
253
+ --code-block--font-size: var(--font-size-text--s);
254
+ --code-block--padding: var(--size-px--m);
255
+ --code-block--border-style: var(--border-style--default);
256
+ --code-block--show-more-padding: var(--size-px--xs);
257
+ --decorative--blue-background-color: var(--color--hosting-blue--200);
258
+ --decorative--blue-content-accent-color: var(--color--hosting-blue--800);
259
+ --decorative--blue-content-color: var(--color--hosting-blue--1000);
260
+ --decorative--teal-background-color: var(--color--super-teal--200);
261
+ --decorative--teal-content-accent-color: var(--color--super-teal--800);
262
+ --decorative--teal-content-color: var(--color--super-teal--1000);
263
+ --decorative--green-background-color: var(--color--espelkamp-green--200);
264
+ --decorative--green-content-accent-color: var(--color--espelkamp-green--800);
265
+ --decorative--green-content-color: var(--color--espelkamp-green--1000);
266
+ --decorative--violet-background-color: var(--color--soft-contrast-violet--200);
267
+ --decorative--violet-content-accent-color: var(--color--soft-contrast-violet--800);
268
+ --decorative--violet-content-color: var(--color--soft-contrast-violet--1000);
269
+ --decorative--lilac-background-color: var(--color--bright-lilac--200);
270
+ --decorative--lilac-content-accent-color: var(--color--bright-lilac--800);
271
+ --decorative--lilac-content-color: var(--color--bright-lilac--1000);
272
+ --heading--icon-to-text-spacing: var(--size-rem--s);
273
+ --heading--font-weight: var(--font-weight--bold);
274
+ --icon--violet-color: var(--color--soft-contrast-violet--800);
275
+ --icon--teal-color: var(--color--super-teal--800);
276
+ --icon--lilac-color: var(--color--bright-lilac--800);
277
+ --illustrated-message--padding: var(--size-px--m);
278
+ --illustrated-message--spacing: var(--size-rem--m);
279
+ --image--border-style: var(--border-style--default);
280
+ --initials--font-weight: var(--font-weight--bold);
281
+ --inline-code--font-size: var(--font-size-text--s);
282
+ --inline-code--padding-x: var(--size-px--xs);
283
+ --inline-code--padding-y: var(--size-px--xxs);
284
+ --kbd--padding: var(--size-px--xs);
285
+ --kbd--padding-y-start: var(--size-px--xxs);
286
+ --kbd--inner-shadow-size-x: var(--size-px--xxs);
287
+ --kbd--inner-shadow-size-y-end: var(--size-px--xs);
288
+ --label--font-size: var(--font-size-text--s);
289
+ --label--font-weight: var(--font-weight--bold);
290
+ --label--spacing: var(--size-rem--xs);
291
+ --labeled-value--label-to-value-spacing: var(--size-rem--xs);
292
+ --labeled-value--value-to-action-spacing: var(--size-rem--xs);
293
+ --markdown--spacing: var(--size-rem--m);
294
+ --text--blockquote-border-style: var(--border-style--default);
295
+ --text--blockquote-padding: var(--size-rem--s);
296
+ --text--list-padding: var(--size-rem--l);
297
+ --axis--spacing: var(--size-px--s);
298
+ --axis--font-size: var(--font-size-text--s);
299
+ --axis--tick-size: var(--size-px--s);
300
+ --big-number--spacing: var(--size-rem--xs);
301
+ --big-number--top-font-size: var(--font-size-heading--xl);
302
+ --big-number--bottom-font-size: var(--font-size-text--m);
303
+ --big-number--font-weight: var(--font-weight--bold);
304
+ --chart-tooltip--spacing: var(--size-px--s);
305
+ --donut-chart--spacing-y: var(--size-rem--s);
306
+ --donut-chart--spacing-x: var(--size-rem--m);
307
+ --donut-chart--padding--m: var(--size-px--l);
308
+ --donut-chart--padding--l: var(--size-px--xl);
309
+ --legend--spacing-x: var(--size-px--m);
310
+ --legend--spacing-y: var(--size-px--s);
311
+ --legend-item--spacing: var(--size-rem--s);
312
+ --legend-item--marker--size: var(--size-rem--m);
313
+ --focus--outline-offset: var(--size-px--xxs);
314
+ --line-height-m: calc(var(--font-size-text--m) * 1.5);
315
+ --line-height-s: calc(var(--font-size-text--s) * 1.5);
316
+ --code-editor--font-size: var(--font-size-text--s);
317
+ --code-editor--gutter-element-min-width: var(--size-rem--l);
318
+ --calendar--spacing: var(--size-rem--xs);
319
+ --calendar--heading-font-size: var(--font-size-text--m);
320
+ --calendar--cell-corner-radius: var(--corner-radius--round);
321
+ --calendar--cell-font-size: var(--font-size-text--s);
322
+ --calendar--range-border-width: var(--border-width--50);
323
+ --calendar--range-border-style: var(--border-style--default);
324
+ --calendar--header-cell-font-weight: var(--font-weight--bold);
325
+ --field-description--font-size: var(--font-size-text--s);
326
+ --field-error--font-size: var(--font-size-text--s);
327
+ --form-control--label-to-control-spacing: var(--size-rem--xs);
328
+ --form-control--control-to-info-spacing: var(--size-rem--xs);
329
+ --form-control--spacing-x: var(--size-rem--s);
330
+ --form-control--spacing-y: var(--size-rem--xs);
331
+ --form-control--padding-x: var(--size-px--m);
332
+ --form-control--padding-y: var(--size-px--s);
333
+ --form-control--border-style: var(--border-style--default);
334
+ --rating--spacing--s: var(--size-rem--xxs);
335
+ --rating--spacing--m: var(--size-rem--xs);
336
+ --segmented-button--text-to-text-spacing: var(--size-rem--xs);
337
+ --slider--spacing-x: var(--size-rem--s);
338
+ --slider--spacing-y: var(--size-rem--m);
339
+ --slider--value-font-weight: var(--font-weight--bold);
340
+ --slider--track-height: var(--size-px--s);
341
+ --slider--track-border-style: var(--border-style--default);
342
+ --slider--handle-corner-radius: var(--corner-radius--round);
343
+ --slider--handle-size: var(--size-rem--l);
344
+ --slider--initial-marker-height: var(--size-rem--m);
345
+ --switch--label-to-track-spacing: var(--size-rem--s);
346
+ --switch--track-padding: var(--size-rem--xxs);
347
+ --breadcrumb--spacing: var(--size-rem--s);
348
+ --breadcrumb--font-weight--default: var(--font-weight--normal);
349
+ --breadcrumb--font-weight--current: var(--font-weight--bold);
350
+ --header-navigation--padding: var(--size-px--s);
351
+ --header-navigation--spacing: var(--size-rem--m);
352
+ --header-navigation--corner-radius-round: var(--corner-radius--round);
353
+ --header-navigation--font-weight-current: var(--font-weight--bold);
354
+ --link--icon-height: calc(var(--font-size-text--m) * 1.25);
355
+ --link--icon-height-s: calc(var(--font-size-text--s) * 1.25);
356
+ --link--font-weight: var(--font-weight--bold);
357
+ --link--spacing: var(--size-rem--xs);
358
+ --tab-navigation--padding: var(--size-px--m);
359
+ --tab-navigation--font-weight--current: var(--font-weight--bold);
360
+ --tab-navigation--spacing: var(--size-rem--s);
361
+ --tabs--padding-y: var(--size-px--s);
362
+ --tabs--padding-x: var(--size-px--m);
363
+ --tabs--corner-radius: calc(var(--size-px--s) * 2 + var(--line-height-m));
364
+ --tabs--border-style: var(--border-style--default);
365
+ --tabs--font-weight--selected: var(--font-weight--bold);
366
+ --tabs--spacing: var(--size-rem--s);
367
+ --light-box--max-width: calc(100dvw - var(--size-px--xxl));
368
+ --light-box--max-height: calc(100dvh - var(--size-px--xxl));
369
+ --light-box--max-width-mobile: calc(100dvw - var(--size-px--l));
370
+ --light-box--max-height-mobile: calc(100dvh - var(--size-px--l));
371
+ --light-box--spacing: var(--size-px--m);
372
+ --light-box--indicator-spacing: var(--size-px--xs);
373
+ --light-box--indicator-size: var(--size-px--m);
374
+ --light-box--indicator-border-style: var(--border-style--default);
375
+ --light-box--indicator-corner-radius: var(--corner-radius--round);
376
+ --modal--padding: var(--size-px--l);
377
+ --modal--padding-mobile: var(--size-px--m);
378
+ --modal--tray-top-spacing: var(--size-px--m);
379
+ --modal--border-style: var(--border-style--default);
380
+ --modal--header-padding-top: var(--size-px--m);
381
+ --modal--off-canvas-max-width: calc(100dvw - var(--size-px--m));
382
+ --popover--padding--m: var(--size-px--m);
383
+ --popover--padding--s: var(--size-px--s);
384
+ --popover--border-style: var(--border-style--default);
385
+ --popover--spacing: var(--size-px--s);
386
+ --popover--popover-to-trigger-spacing: var(--size-px--m);
387
+ --popover--tip-height: var(--size-px--s);
388
+ --popover--tip-width: var(--size-px--m);
389
+ --tooltip--padding-x: var(--size-px--s);
390
+ --tooltip--padding-y: var(--size-px--xs);
391
+ --tooltip--font-size: var(--font-size-text--s);
392
+ --tooltip--tooltip-to-trigger-spacing: var(--size-px--s);
393
+ --tooltip--tip-size: var(--size-px--s);
394
+ --scrollbar--size: var(--size-px--s);
395
+ --scrollbar--corner-radius: var(--corner-radius--round);
396
+ --alert-text--spacing: var(--size-rem--xs);
397
+ --alert--padding: var(--size-px--m);
398
+ --alert--border-style: var(--border-style--default);
399
+ --alert--heading-to-content-spacing: var(--size-rem--s);
400
+ --alert--spacing: var(--size-rem--m);
401
+ --alert--heading-size: var(--font-size-heading--xs);
402
+ --badge--font-size: var(--font-size-text--s);
403
+ --badge--font-weight: var(--font-weight--bold);
404
+ --badge--line-height: var(--single-line-height);
405
+ --badge--border-style: var(--border-style--default);
406
+ --badge--padding-y: var(--size-rem--xs);
407
+ --badge--padding-x: var(--size-rem--s);
408
+ --badge--spacing: var(--size-rem--xs);
409
+ --badge--neutral-border-color: var(--color--gray--800);
410
+ --badge--neutral-background-color--default: var(--color--gray--300);
411
+ --badge--neutral-background-color--hover: var(--color--gray--400);
412
+ --badge--neutral-background-color--pressed: var(--color--gray--500);
413
+ --badge--neutral-content-color: var(--color--gray--900);
414
+ --badge--neutral-scope-background-color: var(--color--gray--800);
415
+ --badge--blue-border-color: var(--color--hosting-blue--800);
416
+ --badge--blue-background-color--default: var(--color--hosting-blue--100);
417
+ --badge--blue-background-color--hover: var(--color--hosting-blue--200);
418
+ --badge--blue-background-color--pressed: var(--color--hosting-blue--300);
419
+ --badge--blue-content-color: var(--color--hosting-blue--900);
420
+ --badge--blue-scope-background-color: var(--color--hosting-blue--800);
421
+ --badge--navy-border-color: var(--color--mittwald-navy--800);
422
+ --badge--navy-background-color--default: var(--color--mittwald-navy--100);
423
+ --badge--navy-background-color--hover: var(--color--mittwald-navy--200);
424
+ --badge--navy-background-color--pressed: var(--color--mittwald-navy--300);
425
+ --badge--navy-content-color: var(--color--mittwald-navy--900);
426
+ --badge--navy-scope-background-color: var(--color--mittwald-navy--800);
427
+ --badge--violet-border-color: var(--color--soft-contrast-violet--800);
428
+ --badge--violet-background-color--default: var(--color--soft-contrast-violet--100);
429
+ --badge--violet-background-color--hover: var(--color--soft-contrast-violet--200);
430
+ --badge--violet-background-color--pressed: var(--color--soft-contrast-violet--300);
431
+ --badge--violet-content-color: var(--color--soft-contrast-violet--900);
432
+ --badge--violet-scope-background-color: var(--color--soft-contrast-violet--800);
433
+ --badge--teal-border-color: var(--color--super-teal--800);
434
+ --badge--teal-background-color--default: var(--color--super-teal--100);
435
+ --badge--teal-background-color--hover: var(--color--super-teal--200);
436
+ --badge--teal-background-color--pressed: var(--color--super-teal--300);
437
+ --badge--teal-content-color: var(--color--super-teal--900);
438
+ --badge--teal-scope-background-color: var(--color--super-teal--800);
439
+ --badge--lilac-border-color: var(--color--bright-lilac--800);
440
+ --badge--lilac-background-color--default: var(--color--bright-lilac--100);
441
+ --badge--lilac-background-color--hover: var(--color--bright-lilac--200);
442
+ --badge--lilac-background-color--pressed: var(--color--bright-lilac--300);
443
+ --badge--lilac-content-color: var(--color--bright-lilac--900);
444
+ --badge--lilac-scope-background-color: var(--color--bright-lilac--800);
445
+ --badge--red-border-color: var(--color--amaranth-red--800);
446
+ --badge--red-background-color--default: var(--color--amaranth-red--100);
447
+ --badge--red-background-color--hover: var(--color--amaranth-red--200);
448
+ --badge--red-background-color--pressed: var(--color--amaranth-red--300);
449
+ --badge--red-content-color: var(--color--amaranth-red--900);
450
+ --badge--red-scope-background-color: var(--color--amaranth-red--800);
451
+ --badge--green-border-color: var(--color--espelkamp-green--800);
452
+ --badge--green-background-color--default: var(--color--espelkamp-green--100);
453
+ --badge--green-background-color--hover: var(--color--espelkamp-green--200);
454
+ --badge--green-background-color--pressed: var(--color--espelkamp-green--300);
455
+ --badge--green-content-color: var(--color--espelkamp-green--900);
456
+ --badge--green-scope-background-color: var(--color--espelkamp-green--800);
457
+ --badge--orange-border-color: var(--color--royal-orange--900);
458
+ --badge--orange-background-color--default: var(--color--royal-orange--100);
459
+ --badge--orange-background-color--hover: var(--color--royal-orange--200);
460
+ --badge--orange-background-color--pressed: var(--color--royal-orange--300);
461
+ --badge--orange-content-color: var(--color--royal-orange--900);
462
+ --badge--orange-scope-background-color: var(--color--royal-orange--900);
463
+ --counter-badge--font-weight: var(--font-weight--bold);
464
+ --counter-badge--padding-inline: var(--size-rem--xs);
465
+ --counter-badge--border-style: var(--border-style--default);
466
+ --notification-provider--window-to-provider-spacing: var(--size-px--xl);
467
+ --notification-provider--notification-to-notification-spacing: var(--size-px--m);
468
+ --notification--padding: var(--size-px--s);
469
+ --notification--border-style: var(--border-style--default);
470
+ --notification--heading-to-text-spacing: var(--size-rem--xs);
471
+ --notification--spacing: var(--size-rem--s);
472
+ --notification--font-size: var(--font-size-text--s);
473
+ --password-creation-field--rule-to-rule-spacing: var(--size-px--s);
474
+ --progress-bar--font-size: var(--font-size-text--m);
475
+ --progress-bar--font-size-s: var(--font-size-text--s);
476
+ --progress-bar--value-font-weight: var(--font-weight--bold);
477
+ --progress-bar--spacing-y: var(--size-rem--xs);
478
+ --progress-bar--spacing-x: var(--size-rem--m);
479
+ --progress-bar--spacing-bar-to-legend: var(--size-px--m);
480
+ --progress-bar--height--m: var(--size-rem--m);
481
+ --progress-bar--height--s: var(--size-rem--s);
482
+ --progress-bar--height--l: var(--size-rem--l);
483
+ --accent-box--background-color-blue: var(--color--hosting-blue--200);
484
+ --accent-box--background-color-teal: var(--color--super-teal--200);
485
+ --accent-box--background-color-lilac: var(--color--bright-lilac--200);
486
+ --accent-box--background-color-violet: var(--color--soft-contrast-violet--200);
487
+ --accent-box--background-color-green: var(--color--espelkamp-green--200);
488
+ --accent-box--background-color-navy: var(--color--mittwald-navy--200);
489
+ --accent-box--background-color-gradient: var(--color--gradient);
490
+ --accent-box--padding: var(--size-px--m);
491
+ --accordion--spacing: var(--size-rem--s);
492
+ --accordion--border-style: var(--border-style--default);
493
+ --accordion--padding-x: var(--size-px--s);
494
+ --accordion--padding-y: var(--size-px--xs);
495
+ --align--avatar-text--spacing: var(--size-rem--s);
496
+ --align--input-button--spacing: var(--size-px--m);
497
+ --align--text-button--spacing: var(--size-rem--xs);
498
+ --align--icon-text--spacing: var(--size-rem--s);
499
+ --column-layout--gap--s: var(--size-px--s);
500
+ --column-layout--gap--m: var(--size-px--m);
501
+ --column-layout--gap--l: var(--size-px--l);
502
+ --column-layout--gap--xl: var(--size-px--xl);
503
+ --layout-card--padding: var(--size-px--l);
504
+ --layout-card--padding-mobile: var(--size-px--m);
505
+ --layout-card--border-style: var(--border-style--default);
506
+ --list--spacing: var(--size-px--s);
507
+ --list--block-to-block-spacing: var(--size-px--m);
508
+ --list--filter-to-search-spacing: var(--size-px--xl);
509
+ --list-item--padding: var(--size-px--s);
510
+ --list-item--border-style: var(--border-style--default);
511
+ --list-item--spacing: var(--size-px--m);
512
+ --list-item--avatar-to-title-spacing: var(--size-px--s);
513
+ --list-item--subtitle-font-size: var(--font-size-text--s);
514
+ --section--section-to-section-spacing: var(--size-rem--xl);
515
+ --section--spacing: var(--size-rem--m);
516
+ --section--sub-heading-spacing-m: var(--size-rem--l);
517
+ --section--sub-heading-spacing-s: var(--size-rem--s);
518
+ --section-header--action-to-action-spacing: var(--size-rem--s);
519
+ --section-header--heading-to-action-spacing: var(--size-rem--m);
520
+ --separator--border-style: var(--border-style--default);
521
+ --table--border-style: var(--border-style--default);
522
+ --table--padding-x: var(--size-px--m);
523
+ --table--padding-y: var(--size-px--s);
524
+ --table--header-font-weight: var(--font-weight--bold);
525
+ --table--footer-font-weight: var(--font-weight--bold);
526
+ --file-card--padding-x: var(--size-px--s);
527
+ --file-card--padding-y: var(--size-px--xs);
528
+ --file-card--spacing: var(--size-rem--s);
529
+ --file-card--border-style: var(--border-style--default);
530
+ --file-card--sub-title-font-size: var(--font-size-text--s);
531
+ --file-drop-zone--padding: var(--size-px--m);
532
+ --file-drop-zone--border-style--default: var(--border-style--dashed);
533
+ --file-drop-zone--border-style--target: var(--border-style--default);
534
+ --image-cropper--spacing: var(--size-px--m);
535
+ --image-cropper--border-style: var(--border-style--default);
536
+ --button--corner-radius: var(--corner-radius--m);
537
+ --button--pending-icon-color: var(--neutral--color--1000);
538
+ --button--border-width: var(--border-width--100);
539
+ --button--corner-radius-s: var(--corner-radius--s);
540
+ --button--accent-plain-background-color--default: var(--success-plain-background-color--default);
541
+ --button--accent-plain-background-color--disabled: var(--disabled-plain-background-color);
542
+ --button--accent-outline-background-color--default: var(--success-outline-background-color--default);
543
+ --button--primary-plain-background-color--default: var(--primary-plain-background-color--default);
544
+ --button--primary-plain-background-color--disabled: var(--disabled-plain-background-color);
545
+ --button--primary-outline-background-color--default: var(--primary-outline-background-color--default);
546
+ --button--secondary-plain-background-color--default: var(--neutral-plain-background-color--default);
547
+ --button--secondary-plain-background-color--disabled: var(--disabled-plain-background-color);
548
+ --button--secondary-outline-background-color--default: var(--neutral-outline-background-color--default);
549
+ --button--danger-plain-background-color--default: var(--danger-plain-background-color--default);
550
+ --button--danger-plain-background-color--disabled: var(--disabled-plain-background-color);
551
+ --button--danger-outline-background-color--default: var(--danger-outline-background-color--default);
552
+ --button--dark-plain-background-color--default: var(--dark-plain-background-color--default);
553
+ --button--dark-plain-background-color--disabled: var(--disabled-plain-background-color);
554
+ --button--dark-outline-background-color--default: var(--dark-outline-background-color--default);
555
+ --button--dark-outline-background-color--disabled: var(--disabled-outline-dark-background-color);
556
+ --button--light-plain-background-color--default: var(--light-plain-background-color--default);
557
+ --button--light-plain-background-color--disabled: var(--disabled-plain-background-color);
558
+ --button--light-outline-background-color--default: var(--light-outline-background-color--default);
559
+ --button--light-outline-background-color--disabled: var(--disabled-outline-light-background-color);
560
+ --button--dark-static-plain-background-color--default: var(--dark-static-plain-background-color--default);
561
+ --button--dark-static-plain-background-color--disabled: var(--disabled-plain-background-color);
562
+ --button--dark-static-outline-background-color--default: var(--dark-static-outline-background-color--default);
563
+ --button--dark-static-outline-background-color--disabled: var(--disabled-outline-dark-static-background-color);
564
+ --button--light-static-plain-background-color--default: var(--light-static-plain-background-color--default);
565
+ --button--light-static-plain-background-color--disabled: var(--disabled-plain-background-color);
566
+ --button--light-static-outline-background-color--default: var(--light-static-outline-background-color--default);
567
+ --button--light-static-outline-background-color--disabled: var(--disabled-outline-light-static-background-color);
568
+ --menu-item--corner-radius: var(--corner-radius--m);
569
+ --menu-item--disabled-background-color: var(--disabled-plain-background-color);
570
+ --message-separator--background-color: var(--neutral--color--100);
571
+ --message-separator--color: var(--neutral--color--800);
572
+ --message--corner-radius: var(--corner-radius--m);
573
+ --message--background-color-responder: var(--neutral--color--200);
574
+ --message--border-width: var(--border-width--100);
575
+ --message--border-color: var(--neutral--color--300);
576
+ --primary-solid-background-color--default: var(--primary--color--800);
577
+ --primary-solid-background-color--hover: var(--primary--color--900);
578
+ --primary-solid-background-color--pressed: var(--primary--color--1000);
579
+ --primary-solid-content-color: var(--neutral--color--100);
580
+ --primary-plain-background-color--hover: var(--primary--color--100);
581
+ --primary-plain-background-color--pressed: var(--primary--color--200);
582
+ --primary-plain-content-color: var(--primary--color--800);
583
+ --primary-soft-background-color--default: var(--primary--color--100);
584
+ --primary-soft-background-color--hover: var(--primary--color--200);
585
+ --primary-soft-background-color--pressed: var(--primary--color--300);
586
+ --primary-soft-content-color: var(--primary--color--900);
587
+ --primary-outline-background-color--hover: var(--primary--color--100);
588
+ --primary-outline-background-color--pressed: var(--primary--color--200);
589
+ --primary-outline-content-color: var(--primary--color--900);
590
+ --primary-outline-border-color: var(--primary--color--800);
591
+ --danger-solid-background-color--default: var(--danger--color--800);
592
+ --danger-solid-background-color--hover: var(--danger--color--900);
593
+ --danger-solid-background-color--pressed: var(--danger--color--1000);
594
+ --danger-solid-content-color: var(--neutral--color--100);
595
+ --danger-plain-background-color--hover: var(--danger--color--100);
596
+ --danger-plain-background-color--pressed: var(--danger--color--200);
597
+ --danger-plain-content-color: var(--danger--color--800);
598
+ --danger-outline-background-color--hover: var(--danger--color--100);
599
+ --danger-outline-background-color--pressed: var(--danger--color--200);
600
+ --danger-outline-content-color: var(--danger--color--900);
601
+ --danger-outline-border-color: var(--danger--color--800);
602
+ --danger-soft-background-color--default: var(--danger--color--100);
603
+ --danger-soft-background-color--hover: var(--danger--color--200);
604
+ --danger-soft-background-color--pressed: var(--danger--color--300);
605
+ --danger-soft-content-color: var(--danger--color--900);
606
+ --info-solid-background-color--default: var(--info--color--800);
607
+ --info-solid-background-color--hover: var(--info--color--900);
608
+ --info-solid-background-color--pressed: var(--info--color--1000);
609
+ --info-solid-content-color: var(--neutral--color--100);
610
+ --info-outline-background-color--hover: var(--info--color--100);
611
+ --info-outline-background-color--pressed: var(--info--color--200);
612
+ --info-outline-content-color: var(--info--color--900);
613
+ --info-outline-border-color: var(--info--color--800);
614
+ --info-soft-background-color--default: var(--info--color--100);
615
+ --info-soft-background-color--hover: var(--info--color--200);
616
+ --info-soft-background-color--pressed: var(--info--color--300);
617
+ --info-soft-content-color: var(--info--color--900);
618
+ --info-plain-background-color--hover: var(--info--color--100);
619
+ --info-plain-background-color--pressed: var(--info--color--200);
620
+ --info-plain-content-color: var(--info--color--800);
621
+ --success-solid-background-color--default: var(--success--color--800);
622
+ --success-solid-background-color--hover: var(--success--color--900);
623
+ --success-solid-background-color--pressed: var(--success--color--1000);
624
+ --success-solid-content-color: var(--neutral--color--100);
625
+ --success-plain-background-color--hover: var(--success--color--100);
626
+ --success-plain-background-color--pressed: var(--success--color--200);
627
+ --success-plain-content-color: var(--success--color--800);
628
+ --success-outline-background-color--hover: var(--success--color--100);
629
+ --success-outline-background-color--pressed: var(--success--color--200);
630
+ --success-outline-content-color: var(--success--color--900);
631
+ --success-outline-border-color: var(--success--color--800);
632
+ --success-soft-background-color--default: var(--success--color--100);
633
+ --success-soft-background-color--hover: var(--success--color--200);
634
+ --success-soft-background-color--pressed: var(--success--color--300);
635
+ --success-soft-content-color: var(--success--color--900);
636
+ --warning-solid-background-color--default: var(--warning--color--800);
637
+ --warning-solid-background-color--hover: var(--warning--color--900);
638
+ --warning-solid-background-color--pressed: var(--warning--color--1000);
639
+ --warning-solid-content-color: var(--neutral--color--100);
640
+ --warning-outline-background-color--hover: var(--warning--color--100);
641
+ --warning-outline-background-color--pressed: var(--warning--color--200);
642
+ --warning-outline-content-color: var(--warning--color--900);
643
+ --warning-outline-border-color: var(--warning--color--800);
644
+ --warning-soft-background-color--default: var(--warning--color--100);
645
+ --warning-soft-background-color--hover: var(--warning--color--200);
646
+ --warning-soft-background-color--pressed: var(--warning--color--300);
647
+ --warning-soft-content-color: var(--warning--color--900);
648
+ --warning-plain-background-color--hover: var(--warning--color--100);
649
+ --warning-plain-background-color--pressed: var(--warning--color--200);
650
+ --warning-plain-content-color: var(--warning--color--800);
651
+ --unavailable-solid-background-color--default: var(--unavailable--color--800);
652
+ --unavailable-solid-background-color--hover: var(--unavailable--color--900);
653
+ --unavailable-solid-background-color--pressed: var(--unavailable--color--1000);
654
+ --unavailable-solid-content-color: var(--neutral--color--100);
655
+ --unavailable-plain-background-color--hover: var(--unavailable--color--300);
656
+ --unavailable-plain-background-color--pressed: var(--unavailable--color--400);
657
+ --unavailable-plain-content-color: var(--unavailable--color--800);
658
+ --unavailable-outline-background-color--hover: var(--unavailable--color--300);
659
+ --unavailable-outline-background-color--pressed: var(--unavailable--color--400);
660
+ --unavailable-outline-content-color: var(--unavailable--color--800);
661
+ --unavailable-outline-border-color: var(--unavailable--color--800);
662
+ --unavailable-soft-background-color--default: var(--unavailable--color--300);
663
+ --unavailable-soft-background-color--hover: var(--unavailable--color--400);
664
+ --unavailable-soft-background-color--pressed: var(--unavailable--color--500);
665
+ --unavailable-soft-content-color: var(--unavailable--color--800);
666
+ --neutral-solid-background-color--default: var(--neutral--color--800);
667
+ --neutral-solid-background-color--hover: var(--neutral--color--900);
668
+ --neutral-solid-background-color--pressed: var(--neutral--color--1000);
669
+ --neutral-solid-content-color: var(--neutral--color--100);
670
+ --neutral-plain-background-color--hover: var(--neutral--color--300);
671
+ --neutral-plain-background-color--pressed: var(--neutral--color--400);
672
+ --neutral-plain-content-color: var(--neutral--color--1000);
673
+ --neutral-outline-background-color--hover: var(--neutral--color--300);
674
+ --neutral-outline-background-color--selected: var(--neutral--color--400);
675
+ --neutral-outline-background-color--pressed: var(--neutral--color--400);
676
+ --neutral-outline-content-color: var(--neutral--color--1000);
677
+ --neutral-outline-border-color: var(--neutral--color--700);
678
+ --neutral-soft-background-color--default: var(--neutral--color--400);
679
+ --neutral-soft-background-color--hover: var(--neutral--color--500);
680
+ --neutral-soft-background-color--pressed: var(--neutral--color--600);
681
+ --neutral-soft-content-color: var(--neutral--color--1000);
682
+ --disabled-solid-background-color: var(--neutral--color--300);
683
+ --disabled-solid-content-color: var(--neutral--color--500);
684
+ --disabled-solid-dark-background-color: var(--dark--color--300);
685
+ --disabled-solid-dark-content-color: var(--light--color--300);
686
+ --disabled-solid-light-background-color: var(--light--color--300);
687
+ --disabled-solid-light-content-color: var(--dark--color--300);
688
+ --disabled-solid-dark-static-background-color: var(--dark-static--color--300);
689
+ --disabled-solid-dark-static-content-color: var(--light-static--color--300);
690
+ --disabled-solid-light-static-background-color: var(--light-static--color--300);
691
+ --disabled-solid-light-static-content-color: var(--dark-static--color--300);
692
+ --disabled-plain-content-color: var(--neutral--color--400);
693
+ --disabled-plain-dark-content-color: var(--dark--color--200);
694
+ --disabled-plain-light-content-color: var(--light--color--200);
695
+ --disabled-plain-dark-static-content-color: var(--dark-static--color--200);
696
+ --disabled-plain-light-static-content-color: var(--light-static--color--200);
697
+ --disabled-outline-background-color: var(--neutral--color--200);
698
+ --disabled-outline-content-color: var(--neutral--color--500);
699
+ --disabled-outline-border-color: var(--neutral--color--400);
700
+ --disabled-outline-dark-border-color: var(--dark--color--200);
701
+ --disabled-outline-dark-content-color: var(--dark--color--200);
702
+ --disabled-outline-light-border-color: var(--light--color--200);
703
+ --disabled-outline-light-content-color: var(--light--color--200);
704
+ --disabled-outline-dark-static-border-color: var(--dark-static--color--200);
705
+ --disabled-outline-dark-static-content-color: var(--dark-static--color--200);
706
+ --disabled-outline-light-static-border-color: var(--light-static--color--200);
707
+ --disabled-outline-light-static-content-color: var(--light-static--color--200);
708
+ --disabled-soft-background-color: var(--neutral--color--200);
709
+ --disabled-soft-content-color: var(--neutral--color--500);
710
+ --disabled-soft-dark-background-color: var(--dark--color--100);
711
+ --disabled-soft-dark-content-color: var(--dark--color--200);
712
+ --disabled-soft-light-background-color: var(--light--color--100);
713
+ --disabled-soft-light-content-color: var(--light--color--200);
714
+ --disabled-soft-dark-static-background-color: var(--dark-static--color--100);
715
+ --disabled-soft-dark-static-content-color: var(--dark-static--color--200);
716
+ --disabled-soft-light-static-background-color: var(--light-static--color--100);
717
+ --disabled-soft-light-static-content-color: var(--light-static--color--200);
718
+ --dark-solid-background-color--default: var(--dark--color--800);
719
+ --dark-solid-background-color--hover: var(--dark--color--700);
720
+ --dark-solid-background-color--pressed: var(--dark--color--600);
721
+ --dark-solid-content-color: var(--light--color--800);
722
+ --dark-soft-background-color--default: var(--dark--color--100);
723
+ --dark-soft-background-color--hover: var(--dark--color--200);
724
+ --dark-soft-background-color--pressed: var(--dark--color--300);
725
+ --dark-soft-content-color: var(--dark--color--800);
726
+ --dark-plain-background-color--hover: var(--dark--color--100);
727
+ --dark-plain-background-color--pressed: var(--dark--color--200);
728
+ --dark-plain-content-color: var(--dark--color--800);
729
+ --dark-outline-background-color--hover: var(--dark--color--100);
730
+ --dark-outline-background-color--pressed: var(--dark--color--200);
731
+ --dark-outline-border-color: var(--dark--color--800);
732
+ --dark-outline-content-color: var(--dark--color--800);
733
+ --light-solid-background-color--default: var(--light--color--800);
734
+ --light-solid-background-color--hover: var(--light--color--700);
735
+ --light-solid-background-color--pressed: var(--light--color--600);
736
+ --light-solid-content-color: var(--dark--color--800);
737
+ --light-soft-background-color--default: var(--light--color--100);
738
+ --light-soft-background-color--hover: var(--light--color--200);
739
+ --light-soft-background-color--pressed: var(--light--color--300);
740
+ --light-soft-content-color: var(--light--color--800);
741
+ --light-plain-background-color--hover: var(--light--color--100);
742
+ --light-plain-background-color--pressed: var(--light--color--200);
743
+ --light-plain-content-color: var(--light--color--800);
744
+ --light-outline-background-color--hover: var(--light--color--100);
745
+ --light-outline-background-color--pressed: var(--light--color--200);
746
+ --light-outline-border-color: var(--light--color--800);
747
+ --light-outline-content-color: var(--light--color--800);
748
+ --dark-static-solid-background-color--default: var(--dark-static--color--800);
749
+ --dark-static-solid-background-color--hover: var(--dark-static--color--700);
750
+ --dark-static-solid-background-color--pressed: var(--dark-static--color--600);
751
+ --dark-static-solid-content-color: var(--light-static--color--800);
752
+ --dark-static-soft-background-color--default: var(--dark-static--color--100);
753
+ --dark-static-soft-background-color--hover: var(--dark-static--color--200);
754
+ --dark-static-soft-background-color--pressed: var(--dark-static--color--300);
755
+ --dark-static-soft-content-color: var(--dark-static--color--800);
756
+ --dark-static-plain-background-color--hover: var(--dark-static--color--100);
757
+ --dark-static-plain-background-color--pressed: var(--dark-static--color--200);
758
+ --dark-static-plain-content-color: var(--dark-static--color--800);
759
+ --dark-static-outline-background-color--hover: var(--dark-static--color--100);
760
+ --dark-static-outline-background-color--pressed: var(--dark-static--color--200);
761
+ --dark-static-outline-border-color: var(--dark-static--color--800);
762
+ --dark-static-outline-content-color: var(--dark-static--color--800);
763
+ --light-static-solid-background-color--default: var(--light-static--color--800);
764
+ --light-static-solid-background-color--hover: var(--light-static--color--700);
765
+ --light-static-solid-background-color--pressed: var(--light-static--color--600);
766
+ --light-static-solid-content-color: var(--dark-static--color--800);
767
+ --light-static-soft-background-color--default: var(--light-static--color--100);
768
+ --light-static-soft-background-color--hover: var(--light-static--color--200);
769
+ --light-static-soft-background-color--pressed: var(--light-static--color--300);
770
+ --light-static-soft-content-color: var(--light-static--color--800);
771
+ --light-static-plain-background-color--hover: var(--light-static--color--100);
772
+ --light-static-plain-background-color--pressed: var(--light-static--color--200);
773
+ --light-static-plain-content-color: var(--light-static--color--800);
774
+ --light-static-outline-background-color--hover: var(--light-static--color--100);
775
+ --light-static-outline-background-color--pressed: var(--light-static--color--200);
776
+ --light-static-outline-border-color: var(--light-static--color--800);
777
+ --light-static-outline-content-color: var(--light-static--color--800);
778
+ --avatar-stack--border-width: var(--border-width--200);
779
+ --avatar--info-status-background-color: var(--info--color--200);
780
+ --avatar--warning-status-background-color: var(--warning--color--200);
781
+ --avatar--danger-status-background-color: var(--danger--color--200);
782
+ --avatar--success-status-background-color: var(--success--color--200);
783
+ --avatar--unavailable-status-background-color: var(--unavailable--color--400);
784
+ --code-block--corner-radius: var(--corner-radius--m);
785
+ --code-block--border-width: var(--border-width--100);
786
+ --heading--color: var(--neutral--color--1100);
787
+ --heading--color-danger: var(--danger--color--900);
788
+ --heading--color-unavailable: var(--unavailable--color--800);
789
+ --icon--color: var(--neutral--color--700);
790
+ --icon--info-color: var(--info--color--900);
791
+ --icon--warning-color: var(--warning--color--900);
792
+ --icon--danger-color: var(--danger--color--900);
793
+ --icon--success-color: var(--success--color--900);
794
+ --icon--unavailable-color: var(--unavailable--color--800);
795
+ --icon--blue-color: var(--primary--color--1000);
796
+ --illustrated-message--danger-content-color: var(--danger--color--900);
797
+ --illustrated-message--unavailable-content-color: var(--unavailable--color--800);
798
+ --image--corner-radius: var(--corner-radius--m);
799
+ --image--border-width: var(--border-width--100);
800
+ --inline-code--corner-radius: var(--corner-radius--s);
801
+ --kbd--corner-radius: var(--corner-radius--s);
802
+ --kbd--inner-shadow-color--default: var(--dark--color--200);
803
+ --label--color--default: var(--neutral--color--800);
804
+ --text--color--default: var(--neutral--color--1100);
805
+ --text--blockquote-border-width: var(--border-width--300);
806
+ --area--border-width: var(--border-width--200);
807
+ --area--border-color: var(--neutral--color--100);
808
+ --axis--color: var(--neutral--color--800);
809
+ --axis--stroke-width: var(--border-width--100);
810
+ --cartesian-grid--color: var(--neutral--color--800);
811
+ --cartesian-grid--stroke-width: var(--border-width--100);
812
+ --donut-chart--background-color: var(--neutral--color--200);
813
+ --legend-item--marker--corner-radius: var(--corner-radius--s);
814
+ --line--border-width: var(--border-width--200);
815
+ --shadow--content: var(--dark-static--color--100) 0 var(--size-px--xxs) var(--size-px--xs);
816
+ --shadow--overlay: var(--dark-static--color--100) 0 var(--size-px--s) var(--size-px--m);
817
+ --focus--outline-color: var(--primary--color--800);
818
+ --focus--secondary-outline-color: var(--neutral--color--100);
819
+ --focus--outline-width: var(--border-width--200);
820
+ --choice--icon-color--selected: var(--primary--color--900);
821
+ --date-picker--date-segment-corner-radius: var(--corner-radius--s);
822
+ --calendar--cell-background-color--disabled: var(--disabled-plain-background-color);
823
+ --calendar--range-background-color: var(--primary--color--100);
824
+ --form-control--corner-radius: var(--corner-radius--m);
825
+ --form-control--border-width: var(--border-width--100);
826
+ --form-control--placeholder-color--default: var(--neutral--color--700);
827
+ --form-control--placeholder-color--disabled: var(--neutral--color--500);
828
+ --form-control--background-color--default: var(--neutral--color--200);
829
+ --form-control--background-color--focused: var(--neutral--color--200);
830
+ --form-control--background-color--invalid: var(--danger--color--100);
831
+ --rating--star-color: var(--neutral--color--700);
832
+ --rating--star-filled-color: var(--primary--color--800);
833
+ --slider--color--default: var(--neutral--color--1000);
834
+ --slider--color--disabled: var(--neutral--color--600);
835
+ --slider--track-border-width: var(--border-width--100);
836
+ --slider--corner-radius: var(--corner-radius--s);
837
+ --slider--handle-fill-color: var(--neutral--color--100);
838
+ --slider--handle-border-width: var(--border-width--300);
839
+ --slider--initial-marker-border-width: var(--border-width--300);
840
+ --switch--handle-background-color: var(--neutral--color--100);
841
+ --time-field--date-segment-corner-radius: var(--corner-radius--m);
842
+ --breadcrumb--color--hover: var(--neutral--color--900);
843
+ --breadcrumb--color--pressed: var(--neutral--color--800);
844
+ --header-navigation--corner-radius: var(--corner-radius--m);
845
+ --header-navigation--underline-width-current: var(--border-width--200);
846
+ --header-navigation--color: var(--neutral--color--1100);
847
+ --link--color--default: var(--primary--color--800);
848
+ --link--color--hover: var(--primary--color--900);
849
+ --link--color--pressed: var(--primary--color--1000);
850
+ --link--color-dark--default: var(--dark--color--800);
851
+ --link--color-dark--hover: var(--dark--color--700);
852
+ --link--color-dark--pressed: var(--dark--color--600);
853
+ --link--color-light--default: var(--light--color--800);
854
+ --link--color-light--hover: var(--light--color--700);
855
+ --link--color-light--pressed: var(--light--color--600);
856
+ --link--color-dark-static--default: var(--dark-static--color--800);
857
+ --link--color-dark-static--hover: var(--dark-static--color--700);
858
+ --link--color-dark-static--pressed: var(--dark-static--color--600);
859
+ --link--color-light-static--default: var(--light-static--color--800);
860
+ --link--color-light-static--hover: var(--light-static--color--700);
861
+ --link--color-light-static--pressed: var(--light-static--color--600);
862
+ --tab-navigation--background-color--current: var(--neutral--color--100);
863
+ --tabs--border-width: var(--border-width--100);
864
+ --tabs--background-color--selected: var(--neutral--color--100);
865
+ --light-box--indicator-border-width: var(--border-width--200);
866
+ --light-box--content-color: var(--light-static--color--800);
867
+ --modal--corner-radius: var(--corner-radius--l);
868
+ --modal--background-color: var(--neutral--color--100);
869
+ --modal--footer-background-color: var(--neutral--color--200);
870
+ --modal--border-color: var(--neutral--color--300);
871
+ --modal--border-width: var(--border-width--100);
872
+ --overlay--backdrop-color: var(--dark-static--color--300);
873
+ --popover--corner-radius: var(--corner-radius--m);
874
+ --popover--background-color: var(--neutral--color--100);
875
+ --popover--border-width: var(--border-width--100);
876
+ --popover--border-color: var(--neutral--color--300);
877
+ --tooltip--background-color: var(--neutral--color--900);
878
+ --tooltip--corner-radius: var(--corner-radius--m);
879
+ --scrollbar--thumb-color: var(--dark--color--200);
880
+ --alert-text--info-color: var(--info--color--900);
881
+ --alert-text--warning-color: var(--warning--color--900);
882
+ --alert-text--danger-color: var(--danger--color--900);
883
+ --alert-text--success-color: var(--success--color--900);
884
+ --alert-text--unavailable-color: var(--unavailable--color--800);
885
+ --alert--corner-radius: var(--corner-radius--m);
886
+ --alert--border-width: var(--border-width--100);
887
+ --alert--border-x-start-width: var(--border-width--400);
888
+ --badge--corner-radius: var(--corner-radius--l);
889
+ --badge--border-width: var(--border-width--100);
890
+ --badge--dark-border-color: var(--dark--color--800);
891
+ --badge--dark-background-color--default: var(--dark--color--100);
892
+ --badge--dark-background-color--hover: var(--dark--color--200);
893
+ --badge--dark-background-color--pressed: var(--dark--color--300);
894
+ --badge--dark-content-color: var(--dark--color--800);
895
+ --badge--dark-scope-background-color: var(--dark--color--800);
896
+ --badge--light-border-color: var(--light--color--800);
897
+ --badge--light-background-color--default: var(--light--color--100);
898
+ --badge--light-background-color--hover: var(--light--color--200);
899
+ --badge--light-background-color--pressed: var(--light--color--300);
900
+ --badge--light-content-color: var(--light--color--800);
901
+ --badge--light-scope-background-color: var(--light--color--800);
902
+ --badge--dark-static-border-color: var(--dark-static--color--800);
903
+ --badge--dark-static-background-color--default: var(--dark-static--color--100);
904
+ --badge--dark-static-background-color--hover: var(--dark-static--color--200);
905
+ --badge--dark-static-background-color--pressed: var(--dark-static--color--300);
906
+ --badge--dark-static-content-color: var(--dark-static--color--800);
907
+ --badge--dark-static-scope-background-color: var(--dark-static--color--800);
908
+ --badge--light-static-border-color: var(--light-static--color--800);
909
+ --badge--light-static-background-color--default: var(--light-static--color--100);
910
+ --badge--light-static-background-color--hover: var(--light-static--color--200);
911
+ --badge--light-static-background-color--pressed: var(--light-static--color--300);
912
+ --badge--light-static-content-color: var(--light-static--color--800);
913
+ --badge--light-static-scope-background-color: var(--light-static--color--800);
914
+ --counter-badge--border-width: var(--border-width--200);
915
+ --counter-badge--border-color: var(--neutral--color--100);
916
+ --notification--corner-radius: var(--corner-radius--m);
917
+ --notification--border-x-start-width: var(--border-width--300);
918
+ --notification--border-width: var(--border-width--100);
919
+ --notification--border-color: var(--neutral--color--300);
920
+ --notification--info-background-color--default: var(--neutral--color--100);
921
+ --notification--warning-background-color--default: var(--neutral--color--100);
922
+ --notification--danger-background-color--default: var(--neutral--color--100);
923
+ --notification--success-background-color--default: var(--neutral--color--100);
924
+ --notification--unavailable-background-color--default: var(--neutral--color--100);
925
+ --progress-bar--corner-radius: var(--corner-radius--l);
926
+ --progress-bar--border-width: var(--border-width--100);
927
+ --progress-bar--background-color: var(--neutral--color--200);
928
+ --accent-box--background-color-neutral: var(--neutral--color--300);
929
+ --accent-box--corner-radius: var(--corner-radius--m);
930
+ --accordion--corner-radius: var(--corner-radius--m);
931
+ --accordion--border-width: var(--border-width--100);
932
+ --layout-card--background-color: var(--neutral--color--100);
933
+ --layout-card--corner-radius: var(--corner-radius--l);
934
+ --layout-card--border-width: var(--border-width--100);
935
+ --layout-card--border-color: var(--neutral--color--300);
936
+ --list-item--corner-radius: var(--corner-radius--m);
937
+ --list-item--border-width: var(--border-width--100);
938
+ --list-item--background-color--default: var(--neutral-outline-background-color--default);
939
+ --list-item--checkbox-color: var(--light-static--color--800);
940
+ --list-item--checkbox-background-color: var(--dark-static--color--400);
941
+ --list-item--checkbox-corner-radius: var(--corner-radius--s);
942
+ --separator--color: var(--neutral--color--500);
943
+ --separator--height: var(--border-width--100);
944
+ --table--corner-radius: var(--corner-radius--m);
945
+ --table--border-width: var(--border-width--100);
946
+ --table--header-border-width: var(--border-width--200);
947
+ --table--footer-border-width: var(--border-width--200);
948
+ --table--background-color: var(--neutral--color--100);
949
+ --table--background-color-accent: var(--neutral--color--200);
950
+ --file-card--corner-radius: var(--corner-radius--m);
951
+ --file-card--border-width: var(--border-width--100);
952
+ --file-card--background-color--default: var(--neutral--color--100);
953
+ --file-card--background-color--error: var(--danger--color--100);
954
+ --file-drop-zone--corner-radius: var(--corner-radius--m);
955
+ --file-drop-zone--border-width: var(--border-width--100);
956
+ --file-drop-zone--border-color--target: var(--primary--color--800);
957
+ --image-cropper--border-width: var(--border-width--100);
958
+ --image-cropper--corner-radius: var(--corner-radius--m);
959
+ --image-cropper--grid-color: var(--light-static--color--400);
960
+ --image-cropper--mask-border-color: var(--light-static--color--800);
961
+ --image-cropper--mask-color: var(--dark-static--color--600);
962
+ --button--accent-solid-background-color--default: var(--success-solid-background-color--default);
963
+ --button--accent-solid-background-color--hover: var(--success-solid-background-color--hover);
964
+ --button--accent-solid-background-color--pressed: var(--success-solid-background-color--pressed);
965
+ --button--accent-solid-background-color--disabled: var(--disabled-solid-background-color);
966
+ --button--accent-solid-content-color--default: var(--success-solid-content-color);
967
+ --button--accent-solid-content-color--disabled: var(--disabled-solid-content-color);
968
+ --button--accent-plain-background-color--hover: var(--success-plain-background-color--hover);
969
+ --button--accent-plain-background-color--pressed: var(--success-plain-background-color--pressed);
970
+ --button--accent-plain-content-color--default: var(--success-plain-content-color);
971
+ --button--accent-plain-content-color--disabled: var(--disabled-plain-content-color);
972
+ --button--accent-soft-background-color--default: var(--success-soft-background-color--default);
973
+ --button--accent-soft-background-color--hover: var(--success-soft-background-color--hover);
974
+ --button--accent-soft-background-color--pressed: var(--success-soft-background-color--pressed);
975
+ --button--accent-soft-background-color--disabled: var(--disabled-soft-background-color);
976
+ --button--accent-soft-content-color--default: var(--success-soft-content-color);
977
+ --button--accent-soft-content-color--disabled: var(--disabled-soft-content-color);
978
+ --button--accent-outline-background-color--hover: var(--success-outline-background-color--hover);
979
+ --button--accent-outline-background-color--pressed: var(--success-outline-background-color--pressed);
980
+ --button--accent-outline-background-color--disabled: var(--disabled-outline-background-color);
981
+ --button--accent-outline-content-color--default: var(--success-outline-content-color);
982
+ --button--accent-outline-content-color--disabled: var(--disabled-outline-content-color);
983
+ --button--accent-outline-border-color--default: var(--success-outline-border-color);
984
+ --button--accent-outline-border-color--disabled: var(--disabled-outline-border-color);
985
+ --button--primary-solid-background-color--default: var(--primary-solid-background-color--default);
986
+ --button--primary-solid-background-color--hover: var(--primary-solid-background-color--hover);
987
+ --button--primary-solid-background-color--pressed: var(--primary-solid-background-color--pressed);
988
+ --button--primary-solid-background-color--disabled: var(--disabled-solid-background-color);
989
+ --button--primary-solid-content-color--default: var(--primary-solid-content-color);
990
+ --button--primary-solid-content-color--disabled: var(--disabled-solid-content-color);
991
+ --button--primary-plain-background-color--hover: var(--primary-plain-background-color--hover);
992
+ --button--primary-plain-background-color--pressed: var(--primary-plain-background-color--pressed);
993
+ --button--primary-plain-content-color--default: var(--primary-plain-content-color);
994
+ --button--primary-plain-content-color--disabled: var(--disabled-plain-content-color);
995
+ --button--primary-soft-background-color--default: var(--primary-soft-background-color--default);
996
+ --button--primary-soft-background-color--hover: var(--primary-soft-background-color--hover);
997
+ --button--primary-soft-background-color--pressed: var(--primary-soft-background-color--pressed);
998
+ --button--primary-soft-background-color--disabled: var(--disabled-soft-background-color);
999
+ --button--primary-soft-content-color--default: var(--primary-soft-content-color);
1000
+ --button--primary-soft-content-color--disabled: var(--disabled-soft-content-color);
1001
+ --button--primary-outline-background-color--hover: var(--primary-outline-background-color--hover);
1002
+ --button--primary-outline-background-color--pressed: var(--primary-outline-background-color--pressed);
1003
+ --button--primary-outline-background-color--disabled: var(--disabled-outline-background-color);
1004
+ --button--primary-outline-content-color--default: var(--primary-outline-content-color);
1005
+ --button--primary-outline-content-color--disabled: var(--disabled-outline-content-color);
1006
+ --button--primary-outline-border-color--default: var(--primary-outline-border-color);
1007
+ --button--primary-outline-border-color--disabled: var(--disabled-outline-border-color);
1008
+ --button--secondary-solid-background-color--default: var(--neutral-solid-background-color--default);
1009
+ --button--secondary-solid-background-color--hover: var(--neutral-solid-background-color--hover);
1010
+ --button--secondary-solid-background-color--pressed: var(--neutral-solid-background-color--pressed);
1011
+ --button--secondary-solid-background-color--disabled: var(--disabled-solid-background-color);
1012
+ --button--secondary-solid-content-color--default: var(--neutral-solid-content-color);
1013
+ --button--secondary-solid-content-color--disabled: var(--disabled-solid-content-color);
1014
+ --button--secondary-plain-background-color--hover: var(--neutral-plain-background-color--hover);
1015
+ --button--secondary-plain-background-color--pressed: var(--neutral-plain-background-color--pressed);
1016
+ --button--secondary-plain-content-color--default: var(--neutral-plain-content-color);
1017
+ --button--secondary-plain-content-color--disabled: var(--disabled-plain-content-color);
1018
+ --button--secondary-soft-background-color--default: var(--neutral-soft-background-color--default);
1019
+ --button--secondary-soft-background-color--hover: var(--neutral-soft-background-color--hover);
1020
+ --button--secondary-soft-background-color--pressed: var(--neutral-soft-background-color--pressed);
1021
+ --button--secondary-soft-background-color--disabled: var(--disabled-soft-background-color);
1022
+ --button--secondary-soft-content-color--default: var(--neutral-soft-content-color);
1023
+ --button--secondary-soft-content-color--disabled: var(--disabled-soft-content-color);
1024
+ --button--secondary-outline-background-color--hover: var(--neutral-outline-background-color--hover);
1025
+ --button--secondary-outline-background-color--pressed: var(--neutral-outline-background-color--pressed);
1026
+ --button--secondary-outline-background-color--disabled: var(--disabled-outline-background-color);
1027
+ --button--secondary-outline-content-color--default: var(--neutral-outline-content-color);
1028
+ --button--secondary-outline-content-color--disabled: var(--disabled-outline-content-color);
1029
+ --button--secondary-outline-border-color--default: var(--neutral-outline-border-color);
1030
+ --button--secondary-outline-border-color--disabled: var(--disabled-outline-border-color);
1031
+ --button--danger-solid-background-color--default: var(--danger-solid-background-color--default);
1032
+ --button--danger-solid-background-color--hover: var(--danger-solid-background-color--hover);
1033
+ --button--danger-solid-background-color--pressed: var(--danger-solid-background-color--pressed);
1034
+ --button--danger-solid-background-color--disabled: var(--disabled-solid-background-color);
1035
+ --button--danger-solid-content-color--default: var(--danger-solid-content-color);
1036
+ --button--danger-solid-content-color--disabled: var(--disabled-solid-content-color);
1037
+ --button--danger-plain-background-color--hover: var(--danger-plain-background-color--hover);
1038
+ --button--danger-plain-background-color--pressed: var(--danger-plain-background-color--pressed);
1039
+ --button--danger-plain-content-color--default: var(--danger-plain-content-color);
1040
+ --button--danger-plain-content-color--disabled: var(--disabled-plain-content-color);
1041
+ --button--danger-soft-background-color--default: var(--danger-soft-background-color--default);
1042
+ --button--danger-soft-background-color--hover: var(--danger-soft-background-color--hover);
1043
+ --button--danger-soft-background-color--pressed: var(--danger-soft-background-color--pressed);
1044
+ --button--danger-soft-background-color--disabled: var(--disabled-soft-background-color);
1045
+ --button--danger-soft-content-color--default: var(--danger-soft-content-color);
1046
+ --button--danger-soft-content-color--disabled: var(--disabled-soft-content-color);
1047
+ --button--danger-outline-background-color--hover: var(--danger-outline-background-color--hover);
1048
+ --button--danger-outline-background-color--pressed: var(--danger-outline-background-color--pressed);
1049
+ --button--danger-outline-background-color--disabled: var(--disabled-outline-background-color);
1050
+ --button--danger-outline-content-color--default: var(--danger-outline-content-color);
1051
+ --button--danger-outline-content-color--disabled: var(--disabled-outline-content-color);
1052
+ --button--danger-outline-border-color--default: var(--danger-outline-border-color);
1053
+ --button--danger-outline-border-color--disabled: var(--disabled-outline-border-color);
1054
+ --button--dark-solid-background-color--default: var(--dark-solid-background-color--default);
1055
+ --button--dark-solid-background-color--hover: var(--dark-solid-background-color--hover);
1056
+ --button--dark-solid-background-color--pressed: var(--dark-solid-background-color--pressed);
1057
+ --button--dark-solid-background-color--disabled: var(--disabled-solid-dark-background-color);
1058
+ --button--dark-solid-content-color--default: var(--dark-solid-content-color);
1059
+ --button--dark-solid-content-color--disabled: var(--disabled-solid-dark-content-color);
1060
+ --button--dark-plain-background-color--hover: var(--dark-plain-background-color--hover);
1061
+ --button--dark-plain-background-color--pressed: var(--dark-plain-background-color--pressed);
1062
+ --button--dark-plain-content-color--default: var(--dark-plain-content-color);
1063
+ --button--dark-plain-content-color--disabled: var(--disabled-plain-dark-content-color);
1064
+ --button--dark-soft-background-color--default: var(--dark-soft-background-color--default);
1065
+ --button--dark-soft-background-color--hover: var(--dark-soft-background-color--hover);
1066
+ --button--dark-soft-background-color--pressed: var(--dark-soft-background-color--pressed);
1067
+ --button--dark-soft-background-color--disabled: var(--disabled-soft-dark-background-color);
1068
+ --button--dark-soft-content-color--default: var(--dark-soft-content-color);
1069
+ --button--dark-soft-content-color--disabled: var(--disabled-soft-dark-content-color);
1070
+ --button--dark-outline-background-color--hover: var(--dark-outline-background-color--hover);
1071
+ --button--dark-outline-background-color--pressed: var(--dark-outline-background-color--pressed);
1072
+ --button--dark-outline-content-color--default: var(--dark-outline-content-color);
1073
+ --button--dark-outline-content-color--disabled: var(--disabled-outline-dark-content-color);
1074
+ --button--dark-outline-border-color--default: var(--dark-outline-border-color);
1075
+ --button--dark-outline-border-color--disabled: var(--disabled-outline-dark-border-color);
1076
+ --button--light-solid-background-color--default: var(--light-solid-background-color--default);
1077
+ --button--light-solid-background-color--hover: var(--light-solid-background-color--hover);
1078
+ --button--light-solid-background-color--pressed: var(--light-solid-background-color--pressed);
1079
+ --button--light-solid-background-color--disabled: var(--disabled-solid-light-background-color);
1080
+ --button--light-solid-content-color--default: var(--light-solid-content-color);
1081
+ --button--light-solid-content-color--disabled: var(--disabled-solid-light-content-color);
1082
+ --button--light-plain-background-color--hover: var(--light-plain-background-color--hover);
1083
+ --button--light-plain-background-color--pressed: var(--light-plain-background-color--pressed);
1084
+ --button--light-plain-content-color--default: var(--light-plain-content-color);
1085
+ --button--light-plain-content-color--disabled: var(--disabled-plain-light-content-color);
1086
+ --button--light-soft-background-color--default: var(--light-soft-background-color--default);
1087
+ --button--light-soft-background-color--hover: var(--light-soft-background-color--hover);
1088
+ --button--light-soft-background-color--pressed: var(--light-soft-background-color--pressed);
1089
+ --button--light-soft-background-color--disabled: var(--disabled-soft-light-background-color);
1090
+ --button--light-soft-content-color--default: var(--light-soft-content-color);
1091
+ --button--light-soft-content-color--disabled: var(--disabled-soft-light-content-color);
1092
+ --button--light-outline-background-color--hover: var(--light-outline-background-color--hover);
1093
+ --button--light-outline-background-color--pressed: var(--light-outline-background-color--pressed);
1094
+ --button--light-outline-content-color--default: var(--light-outline-content-color);
1095
+ --button--light-outline-content-color--disabled: var(--disabled-outline-light-content-color);
1096
+ --button--light-outline-border-color--default: var(--light-outline-border-color);
1097
+ --button--light-outline-border-color--disabled: var(--disabled-outline-light-border-color);
1098
+ --button--dark-static-solid-background-color--default: var(--dark-static-solid-background-color--default);
1099
+ --button--dark-static-solid-background-color--hover: var(--dark-static-solid-background-color--hover);
1100
+ --button--dark-static-solid-background-color--pressed: var(--dark-static-solid-background-color--pressed);
1101
+ --button--dark-static-solid-background-color--disabled: var(--disabled-solid-dark-static-background-color);
1102
+ --button--dark-static-solid-content-color--default: var(--dark-static-solid-content-color);
1103
+ --button--dark-static-solid-content-color--disabled: var(--disabled-solid-dark-static-content-color);
1104
+ --button--dark-static-plain-background-color--hover: var(--dark-static-plain-background-color--hover);
1105
+ --button--dark-static-plain-background-color--pressed: var(--dark-static-plain-background-color--pressed);
1106
+ --button--dark-static-plain-content-color--default: var(--dark-static-plain-content-color);
1107
+ --button--dark-static-plain-content-color--disabled: var(--disabled-plain-dark-static-content-color);
1108
+ --button--dark-static-soft-background-color--default: var(--dark-static-soft-background-color--default);
1109
+ --button--dark-static-soft-background-color--hover: var(--dark-static-soft-background-color--hover);
1110
+ --button--dark-static-soft-background-color--pressed: var(--dark-static-soft-background-color--pressed);
1111
+ --button--dark-static-soft-background-color--disabled: var(--disabled-soft-dark-static-background-color);
1112
+ --button--dark-static-soft-content-color--default: var(--dark-static-soft-content-color);
1113
+ --button--dark-static-soft-content-color--disabled: var(--disabled-soft-dark-static-content-color);
1114
+ --button--dark-static-outline-background-color--hover: var(--dark-static-outline-background-color--hover);
1115
+ --button--dark-static-outline-background-color--pressed: var(--dark-static-outline-background-color--pressed);
1116
+ --button--dark-static-outline-content-color--default: var(--dark-static-outline-content-color);
1117
+ --button--dark-static-outline-content-color--disabled: var(--disabled-outline-dark-static-content-color);
1118
+ --button--dark-static-outline-border-color--default: var(--dark-static-outline-border-color);
1119
+ --button--dark-static-outline-border-color--disabled: var(--disabled-outline-dark-static-border-color);
1120
+ --button--light-static-solid-background-color--default: var(--light-static-solid-background-color--default);
1121
+ --button--light-static-solid-background-color--hover: var(--light-static-solid-background-color--hover);
1122
+ --button--light-static-solid-background-color--pressed: var(--light-static-solid-background-color--pressed);
1123
+ --button--light-static-solid-background-color--disabled: var(--disabled-solid-light-static-background-color);
1124
+ --button--light-static-solid-content-color--default: var(--light-static-solid-content-color);
1125
+ --button--light-static-solid-content-color--disabled: var(--disabled-solid-light-static-content-color);
1126
+ --button--light-static-plain-background-color--hover: var(--light-static-plain-background-color--hover);
1127
+ --button--light-static-plain-background-color--pressed: var(--light-static-plain-background-color--pressed);
1128
+ --button--light-static-plain-content-color--default: var(--light-static-plain-content-color);
1129
+ --button--light-static-plain-content-color--disabled: var(--disabled-plain-light-static-content-color);
1130
+ --button--light-static-soft-background-color--default: var(--light-static-soft-background-color--default);
1131
+ --button--light-static-soft-background-color--hover: var(--light-static-soft-background-color--hover);
1132
+ --button--light-static-soft-background-color--pressed: var(--light-static-soft-background-color--pressed);
1133
+ --button--light-static-soft-background-color--disabled: var(--disabled-soft-light-static-background-color);
1134
+ --button--light-static-soft-content-color--default: var(--light-static-soft-content-color);
1135
+ --button--light-static-soft-content-color--disabled: var(--disabled-soft-light-static-content-color);
1136
+ --button--light-static-outline-background-color--hover: var(--light-static-outline-background-color--hover);
1137
+ --button--light-static-outline-background-color--pressed: var(--light-static-outline-background-color--pressed);
1138
+ --button--light-static-outline-content-color--default: var(--light-static-outline-content-color);
1139
+ --button--light-static-outline-content-color--disabled: var(--disabled-outline-light-static-content-color);
1140
+ --button--light-static-outline-border-color--default: var(--light-static-outline-border-color);
1141
+ --button--light-static-outline-border-color--disabled: var(--disabled-outline-light-static-border-color);
1142
+ --image-button--hover-icon-color: var(--light-static-plain-content-color);
1143
+ --menu-item--icon-color--default: var(--icon--color);
1144
+ --menu-item--icon-color--disabled: var(--disabled-plain-content-color);
1145
+ --menu-item--icon-color--current: var(--text--color--default);
1146
+ --menu-item--background-color--hover: var(--neutral-plain-background-color--hover);
1147
+ --menu-item--background-color--current: var(--neutral-plain-background-color--pressed);
1148
+ --menu-item--disabled-color: var(--disabled-plain-content-color);
1149
+ --code-block--border-color: var(--separator--color);
1150
+ --code-block--background-color: var(--form-control--background-color--default);
1151
+ --code-block--content-color: var(--neutral-soft-content-color);
1152
+ --heading--color-dark: var(--dark-plain-content-color);
1153
+ --heading--color-light: var(--light-plain-content-color);
1154
+ --heading--color-dark-static: var(--dark-static-plain-content-color);
1155
+ --heading--color-light-static: var(--light-static-plain-content-color);
1156
+ --icon--dark-color: var(--dark-plain-content-color);
1157
+ --icon--light-color: var(--light-plain-content-color);
1158
+ --icon--dark-static-color: var(--dark-static-plain-content-color);
1159
+ --icon--light-static-color: var(--light-static-plain-content-color);
1160
+ --illustrated-message--content-color: var(--heading--color);
1161
+ --illustrated-message--dark-content-color: var(--dark-plain-content-color);
1162
+ --illustrated-message--light-content-color: var(--light-plain-content-color);
1163
+ --illustrated-message--dark-static-content-color: var(--dark-static-plain-content-color);
1164
+ --illustrated-message--light-static-content-color: var(--light-static-plain-content-color);
1165
+ --image--border-color: var(--neutral-outline-border-color);
1166
+ --inline-code--background-color: var(--neutral-soft-background-color--default);
1167
+ --inline-code--content-color: var(--neutral-soft-content-color);
1168
+ --inline-code--dark-background-color: var(--dark-soft-background-color--default);
1169
+ --inline-code--dark-content-color: var(--dark-soft-content-color);
1170
+ --inline-code--light-background-color: var(--light-soft-background-color--default);
1171
+ --inline-code--light-content-color: var(--light-soft-content-color);
1172
+ --inline-code--dark-static-background-color: var(--dark-static-soft-background-color--default);
1173
+ --inline-code--dark-static-content-color: var(--dark-static-soft-content-color);
1174
+ --inline-code--light-static-background-color: var(--light-static-soft-background-color--default);
1175
+ --inline-code--light-static-content-color: var(--light-static-soft-content-color);
1176
+ --kbd--background-color--default: var(--neutral-soft-background-color--default);
1177
+ --kbd--background-color--disabled: var(--disabled-soft-background-color);
1178
+ --kbd--content-color--default: var(--neutral-soft-content-color);
1179
+ --kbd--content-color--disabled: var(--disabled-soft-content-color);
1180
+ --kbd--content-color-plain--default: var(--form-control--placeholder-color--default);
1181
+ --kbd--content-color-plain--disabled: var(--form-control--placeholder-color--disabled);
1182
+ --kbd--inner-shadow-color--disabled: var(--disabled-soft-dark-background-color);
1183
+ --label--color--disabled: var(--disabled-plain-content-color);
1184
+ --text--color--light: var(--light-plain-content-color);
1185
+ --text--color--dark: var(--dark-plain-content-color);
1186
+ --text--color--light-static: var(--light-static-plain-content-color);
1187
+ --text--color--dark-static: var(--dark-static-plain-content-color);
1188
+ --text--color--disabled: var(--disabled-plain-content-color);
1189
+ --text--blockquote-border-color: var(--info-outline-border-color);
1190
+ --donut-chart--border-color: var(--neutral-outline-border-color);
1191
+ --donut-chart--info-fill-background-color: var(--info-solid-background-color--default);
1192
+ --donut-chart--success-fill-background-color: var(--success-solid-background-color--default);
1193
+ --donut-chart--warning-fill-background-color: var(--warning-solid-background-color--default);
1194
+ --donut-chart--danger-fill-background-color: var(--danger-solid-background-color--default);
1195
+ --choice--icon-color--default: var(--icon--color);
1196
+ --choice--icon-color--disabled: var(--disabled-outline-content-color);
1197
+ --date-picker--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
1198
+ --calendar--cell-background-color--hover: var(--dark-plain-background-color--hover);
1199
+ --calendar--cell-background-color--pressed: var(--dark-plain-background-color--pressed);
1200
+ --calendar--cell-background-color--selected: var(--primary-solid-background-color--default);
1201
+ --calendar--cell-content-color--disabled: var(--disabled-plain-content-color);
1202
+ --calendar--cell-content-color--selected: var(--primary-solid-content-color);
1203
+ --form-control--border-color--default: var(--neutral-outline-border-color);
1204
+ --form-control--border-color--disabled: var(--disabled-outline-border-color);
1205
+ --form-control--border-color--invalid: var(--danger-outline-border-color);
1206
+ --form-control--border-color--focused: var(--focus--outline-color);
1207
+ --form-control--border-color--selected: var(--neutral-outline-border-color);
1208
+ --form-control--background-color--disabled: var(--disabled-outline-background-color);
1209
+ --form-control--background-color--hover: var(--neutral-outline-background-color--hover);
1210
+ --form-control--background-color--selected: var(--neutral-outline-background-color--pressed);
1211
+ --form-control--content-color--default: var(--neutral-outline-content-color);
1212
+ --form-control--content-color--disabled: var(--disabled-outline-content-color);
1213
+ --form-control--content-color--selected: var(--neutral-outline-content-color);
1214
+ --slider--track-color--default: var(--form-control--background-color--default);
1215
+ --switch--track-background-color--default: var(--neutral-solid-background-color--default);
1216
+ --switch--track-background-color--disabled: var(--disabled-solid-background-color);
1217
+ --switch--track-background-color--selected: var(--primary-solid-background-color--default);
1218
+ --switch--handle-content-color--default: var(--neutral-plain-content-color);
1219
+ --switch--handle-content-color--disabled: var(--disabled-plain-content-color);
1220
+ --time-field--date-segment-background-color--focused: var(--primary-plain-background-color--pressed);
1221
+ --breadcrumb--color--default: var(--text--color--default);
1222
+ --breadcrumb--color-dark--default: var(--link--color-dark--default);
1223
+ --breadcrumb--color-dark--hover: var(--link--color-dark--hover);
1224
+ --breadcrumb--color-dark--pressed: var(--link--color-dark--pressed);
1225
+ --breadcrumb--color-light--default: var(--link--color-light--default);
1226
+ --breadcrumb--color-light--hover: var(--link--color-light--hover);
1227
+ --breadcrumb--color-light--pressed: var(--link--color-light--pressed);
1228
+ --breadcrumb--color-dark-static--default: var(--link--color-dark-static--default);
1229
+ --breadcrumb--color-dark-static--hover: var(--link--color-dark-static--hover);
1230
+ --breadcrumb--color-dark-static--pressed: var(--link--color-dark-static--pressed);
1231
+ --breadcrumb--color-light-static--default: var(--link--color-light-static--default);
1232
+ --breadcrumb--color-light-static--hover: var(--link--color-light-static--hover);
1233
+ --breadcrumb--color-light-static--pressed: var(--link--color-light-static--pressed);
1234
+ --header-navigation--background-color--hover: var(--neutral-plain-background-color--hover);
1235
+ --header-navigation--background-color--pressed: var(--neutral-plain-background-color--pressed);
1236
+ --header-navigation--color-dark: var(--dark-plain-content-color);
1237
+ --header-navigation--background-color-dark--hover: var(--dark-plain-background-color--hover);
1238
+ --header-navigation--background-color-dark--pressed: var(--dark-plain-background-color--pressed);
1239
+ --header-navigation--color-light: var(--light-plain-content-color);
1240
+ --header-navigation--background-color-light--hover: var(--light-plain-background-color--hover);
1241
+ --header-navigation--background-color-light--pressed: var(--light-plain-background-color--pressed);
1242
+ --header-navigation--color-dark-static: var(--dark-static-plain-content-color);
1243
+ --header-navigation--background-color-dark-static--hover: var(--dark-static-plain-background-color--hover);
1244
+ --header-navigation--background-color-dark-static--pressed: var(--dark-static-plain-background-color--pressed);
1245
+ --header-navigation--color-light-static: var(--light-static-plain-content-color);
1246
+ --header-navigation--background-color-light-static--hover: var(--light-static-plain-background-color--hover);
1247
+ --header-navigation--background-color-light-static--pressed: var(--light-static-plain-background-color--pressed);
1248
+ --link--color--disabled: var(--disabled-plain-content-color);
1249
+ --link--color-dark--disabled: var(--disabled-plain-dark-content-color);
1250
+ --link--color-light--disabled: var(--disabled-plain-light-content-color);
1251
+ --link--color-dark-static--disabled: var(--disabled-plain-dark-static-content-color);
1252
+ --link--color-light-static--disabled: var(--disabled-plain-light-static-content-color);
1253
+ --tab-navigation--background-color--default: var(--neutral-soft-background-color--default);
1254
+ --tab-navigation--background-color--hover: var(--neutral-soft-background-color--hover);
1255
+ --tab-navigation--background-color--pressed: var(--neutral-soft-background-color--pressed);
1256
+ --tab-navigation--color: var(--neutral-soft-content-color);
1257
+ --tabs--border-color: var(--neutral-outline-border-color);
1258
+ --tabs--background-color--default: var(--neutral-soft-background-color--default);
1259
+ --tabs--background-color--hover: var(--neutral-soft-background-color--hover);
1260
+ --tabs--background-color--pressed: var(--neutral-soft-background-color--pressed);
1261
+ --tabs--color--default: var(--neutral-soft-content-color);
1262
+ --tabs--color--disabled: var(--disabled-soft-content-color);
1263
+ --popover--box-shadow: var(--shadow--overlay);
1264
+ --tooltip--box-shadow: var(--shadow--overlay);
1265
+ --alert-badge--info-background-color: var(--info-soft-background-color--default);
1266
+ --alert-badge--info-content-color: var(--info-soft-content-color);
1267
+ --alert-badge--info-border-color: var(--info-outline-border-color);
1268
+ --alert-badge--success-background-color: var(--success-soft-background-color--default);
1269
+ --alert-badge--success-content-color: var(--success-soft-content-color);
1270
+ --alert-badge--success-border-color: var(--success-outline-border-color);
1271
+ --alert-badge--warning-background-color: var(--warning-soft-background-color--default);
1272
+ --alert-badge--warning-content-color: var(--warning-soft-content-color);
1273
+ --alert-badge--warning-border-color: var(--warning-outline-border-color);
1274
+ --alert-badge--danger-background-color: var(--danger-soft-background-color--default);
1275
+ --alert-badge--danger-content-color: var(--danger-soft-content-color);
1276
+ --alert-badge--danger-border-color: var(--danger-outline-border-color);
1277
+ --alert-badge--unavailable-background-color: var(--unavailable-soft-background-color--default);
1278
+ --alert-badge--unavailable-content-color: var(--unavailable-soft-content-color);
1279
+ --alert-badge--unavailable-border-color: var(--unavailable-outline-border-color);
1280
+ --alert--info-border-color: var(--info-outline-border-color);
1281
+ --alert--info-heading-color: var(--info-outline-content-color);
1282
+ --alert--warning-border-color: var(--warning-outline-border-color);
1283
+ --alert--warning-heading-color: var(--warning-outline-content-color);
1284
+ --alert--danger-border-color: var(--danger-outline-border-color);
1285
+ --alert--danger-heading-color: var(--danger-outline-content-color);
1286
+ --alert--success-border-color: var(--success-outline-border-color);
1287
+ --alert--success-heading-color: var(--success-outline-content-color);
1288
+ --alert--unavailable-border-color: var(--unavailable-outline-border-color);
1289
+ --alert--unavailable-heading-color: var(--unavailable-outline-content-color);
1290
+ --badge--disabled-border-color: var(--disabled-outline-border-color);
1291
+ --badge--disabled-background-color: var(--disabled-outline-background-color);
1292
+ --badge--disabled-content-color: var(--disabled-outline-content-color);
1293
+ --badge--disabled-scope-background-color: var(--disabled-solid-background-color);
1294
+ --badge--disabled-scope-content-color: var(--disabled-solid-content-color);
1295
+ --badge--disabled-dark-border-color: var(--disabled-outline-dark-border-color);
1296
+ --badge--disabled-dark-background-color: var(--disabled-soft-dark-background-color);
1297
+ --badge--disabled-dark-content-color: var(--disabled-soft-dark-content-color);
1298
+ --badge--disabled-dark-scope-background-color: var(--disabled-solid-dark-background-color);
1299
+ --badge--disabled-dark-scope-content-color: var(--disabled-solid-dark-content-color);
1300
+ --badge--disabled-light-border-color: var(--disabled-outline-light-border-color);
1301
+ --badge--disabled-light-background-color: var(--disabled-soft-light-background-color);
1302
+ --badge--disabled-light-content-color: var(--disabled-soft-light-content-color);
1303
+ --badge--disabled-light-scope-background-color: var(--disabled-solid-light-background-color);
1304
+ --badge--disabled-light-scope-content-color: var(--disabled-solid-light-content-color);
1305
+ --badge--disabled-dark-static-border-color: var(--disabled-outline-dark-static-border-color);
1306
+ --badge--disabled-dark-static-background-color: var(--disabled-soft-dark-static-background-color);
1307
+ --badge--disabled-dark-static-content-color: var(--disabled-soft-dark-static-content-color);
1308
+ --badge--disabled-dark-static-scope-background-color: var(--disabled-solid-dark-static-background-color);
1309
+ --badge--disabled-dark-static-scope-content-color: var(--disabled-solid-dark-static-content-color);
1310
+ --badge--disabled-light-static-border-color: var(--disabled-outline-light-static-border-color);
1311
+ --badge--disabled-light-static-background-color: var(--disabled-soft-light-static-background-color);
1312
+ --badge--disabled-light-static-content-color: var(--disabled-soft-light-static-content-color);
1313
+ --badge--disabled-light-static-scope-background-color: var(--disabled-solid-light-static-background-color);
1314
+ --badge--disabled-light-static-scope-content-color: var(--disabled-solid-light-static-content-color);
1315
+ --counter-badge--background-color: var(--primary-solid-background-color--default);
1316
+ --counter-badge--content-color: var(--primary-solid-content-color);
1317
+ --loading-spinner--color: var(--icon--color);
1318
+ --loading-spinner--color-light: var(--light-plain-content-color);
1319
+ --loading-spinner--color-dark: var(--dark-plain-content-color);
1320
+ --loading-spinner--color-light-static: var(--light-static-plain-content-color);
1321
+ --loading-spinner--color-dark-static: var(--dark-static-plain-content-color);
1322
+ --notification--box-shadow: var(--shadow--overlay);
1323
+ --notification--info-border-color: var(--info-outline-border-color);
1324
+ --notification--info-heading-color: var(--info-outline-content-color);
1325
+ --notification--info-background-color--hover: var(--info-outline-background-color--hover);
1326
+ --notification--info-background-color--pressed: var(--info-outline-background-color--pressed);
1327
+ --notification--warning-border-color: var(--warning-outline-border-color);
1328
+ --notification--warning-heading-color: var(--warning-outline-content-color);
1329
+ --notification--warning-background-color--hover: var(--warning-outline-background-color--hover);
1330
+ --notification--warning-background-color--pressed: var(--warning-outline-background-color--pressed);
1331
+ --notification--danger-border-color: var(--danger-outline-border-color);
1332
+ --notification--danger-heading-color: var(--danger-outline-content-color);
1333
+ --notification--danger-background-color--hover: var(--danger-outline-background-color--hover);
1334
+ --notification--danger-background-color--pressed: var(--danger-outline-background-color--pressed);
1335
+ --notification--success-border-color: var(--success-outline-border-color);
1336
+ --notification--success-heading-color: var(--success-outline-content-color);
1337
+ --notification--success-background-color--hover: var(--success-outline-background-color--hover);
1338
+ --notification--success-background-color--pressed: var(--success-outline-background-color--pressed);
1339
+ --notification--unavailable-border-color: var(--unavailable-outline-border-color);
1340
+ --notification--unavailable-heading-color: var(--unavailable-outline-content-color);
1341
+ --notification--unavailable-background-color--hover: var(--unavailable-outline-background-color--hover);
1342
+ --notification--unavailable-background-color--pressed: var(--unavailable-outline-background-color--pressed);
1343
+ --progress-bar--border-color: var(--neutral-outline-border-color);
1344
+ --progress-bar--info-fill-background-color: var(--info-solid-background-color--default);
1345
+ --progress-bar--success-fill-background-color: var(--success-solid-background-color--default);
1346
+ --progress-bar--warning-fill-background-color: var(--warning-solid-background-color--default);
1347
+ --progress-bar--danger-fill-background-color: var(--danger-solid-background-color--default);
1348
+ --progress-bar--indeterminate-fill-background-color: var(--neutral-solid-background-color--default);
1349
+ --accordion--border-color: var(--neutral-outline-border-color);
1350
+ --accordion--background-color--hover: var(--neutral-outline-background-color--hover);
1351
+ --accordion--background-color--pressed: var(--neutral-outline-background-color--pressed);
1352
+ --layout-card--box-shadow: var(--shadow--content);
1353
+ --list-item--background-color--hover: var(--neutral-outline-background-color--hover);
1354
+ --list-item--background-color--pressed: var(--neutral-outline-background-color--pressed);
1355
+ --list-item--border-color: var(--neutral-outline-border-color);
1356
+ --table--border-color: var(--neutral-outline-border-color);
1357
+ --file-card--border-color--default: var(--neutral-outline-border-color);
1358
+ --file-card--border-color--error: var(--danger-outline-border-color);
1359
+ --file-card--background-color--hover: var(--neutral-outline-background-color--hover);
1360
+ --file-card--background-color--pressed: var(--neutral-outline-background-color--pressed);
1361
+ --file-drop-zone--content-color--disabled: var(--disabled-outline-content-color);
1362
+ --file-drop-zone--background-color--default: var(--form-control--background-color--default);
1363
+ --file-drop-zone--background-color--disabled: var(--disabled-outline-background-color);
1364
+ --file-drop-zone--border-color--disabled: var(--disabled-outline-border-color);
1365
+ --image-cropper--border-color: var(--neutral-outline-border-color);
1366
+ --calendar--range-border-color: var(--form-control--border-color--default);
1367
+ --slider--track-color--disabled: var(--form-control--background-color--disabled);
1368
+ --slider--track-border-color--default: var(--form-control--border-color--default);
1369
+ --slider--track-border-color--disabled: var(--form-control--border-color--disabled);
1370
+ --tooltip--color: var(--text--color--light);
1371
+ --badge--neutral-scope-content-color: var(--text--color--light);
1372
+ --badge--blue-scope-content-color: var(--text--color--light);
1373
+ --badge--navy-scope-content-color: var(--text--color--light);
1374
+ --badge--violet-scope-content-color: var(--text--color--light);
1375
+ --badge--teal-scope-content-color: var(--text--color--light);
1376
+ --badge--lilac-scope-content-color: var(--text--color--light);
1377
+ --badge--red-scope-content-color: var(--text--color--light);
1378
+ --badge--green-scope-content-color: var(--text--color--light);
1379
+ --badge--orange-scope-content-color: var(--text--color--light);
1380
+ --badge--dark-scope-content-color: var(--text--color--light);
1381
+ --badge--light-scope-content-color: var(--text--color--dark);
1382
+ --badge--dark-static-scope-content-color: var(--text--color--light-static);
1383
+ --badge--light-static-scope-content-color: var(--text--color--dark-static);
1384
+ --file-drop-zone--background-color--target: var(--form-control--background-color--hover);
1385
+ --file-drop-zone--border-color--default: var(--form-control--border-color--default);
1386
+ }
1387
+ }