@design-factory/tokens 21.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,1447 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ html:root {
6
+ color-scheme: light;
7
+
8
+ --df-theme-neutral-0: #ffffff;
9
+ --df-theme-neutral-10: #fafafa;
10
+ --df-theme-neutral-20: #f2f2f2;
11
+ --df-theme-neutral-30: #e6e6e6;
12
+ --df-theme-neutral-40: #cccccc;
13
+ --df-theme-neutral-50: #b3b3b3;
14
+ --df-theme-neutral-60: #999999;
15
+ --df-theme-neutral-70: #808080;
16
+ --df-theme-neutral-80: #666666;
17
+ --df-theme-neutral-90: #333333;
18
+ --df-theme-neutral-100: #1a1a1a;
19
+ --df-theme-neutral-110: #000000;
20
+ --df-theme-primary-10: #ebf3ff;
21
+ --df-theme-primary-20: #c5d5f9;
22
+ --df-theme-primary-30: #9fc7ff;
23
+ --df-theme-primary-40: #61a2ff;
24
+ --df-theme-primary-50: #3a8bff;
25
+ --df-theme-primary-60: #0c66e1;
26
+ --df-theme-primary-70: #104ea4;
27
+ --df-theme-primary-80: #0a2f62;
28
+ --df-theme-primary-90: #000835;
29
+ --df-theme-primary-100: #000521;
30
+ --df-theme-danger-10: #ffeeed;
31
+ --df-theme-danger-20: #ffd7d7;
32
+ --df-theme-danger-30: #ff9794;
33
+ --df-theme-danger-40: #ff7471;
34
+ --df-theme-danger-50: #ff514d;
35
+ --df-theme-danger-60: #df3127;
36
+ --df-theme-danger-70: #b2271f;
37
+ --df-theme-danger-80: #861d17;
38
+ --df-theme-danger-90: #560900;
39
+ --df-theme-danger-100: #430f0c;
40
+ --df-theme-warning-10: #fff0e6;
41
+ --df-theme-warning-20: #ffd9c4;
42
+ --df-theme-warning-30: #ffa366;
43
+ --df-theme-warning-40: #ff8838;
44
+ --df-theme-warning-50: #ff7920;
45
+ --df-theme-warning-60: #fa6400;
46
+ --df-theme-warning-70: #c74905;
47
+ --df-theme-warning-80: #863701;
48
+ --df-theme-warning-90: #5b2500;
49
+ --df-theme-warning-100: #3b1800;
50
+ --df-theme-success-10: #f0ffec;
51
+ --df-theme-success-20: #c8ffc0;
52
+ --df-theme-success-30: #beffab;
53
+ --df-theme-success-40: #a8ff8f;
54
+ --df-theme-success-50: #92ff73;
55
+ --df-theme-success-60: #4ba841;
56
+ --df-theme-success-70: #3a862e;
57
+ --df-theme-success-80: #19571d;
58
+ --df-theme-success-90: #023a00;
59
+ --df-theme-success-100: #0f190b;
60
+ --df-theme-info-10: #ebf3ff;
61
+ --df-theme-info-20: #c5d5f9;
62
+ --df-theme-info-30: #9fc7ff;
63
+ --df-theme-info-40: #61a2ff;
64
+ --df-theme-info-50: #3a8bff;
65
+ --df-theme-info-60: #0c66e1;
66
+ --df-theme-info-70: #104ea4;
67
+ --df-theme-info-80: #0a2f62;
68
+ --df-theme-info-90: #000835;
69
+ --df-theme-info-100: #000521;
70
+ --df-theme-tip-10: #f8eeff;
71
+ --df-theme-tip-20: #e4c7ff;
72
+ --df-theme-tip-30: #d396ff;
73
+ --df-theme-tip-40: #c573ff;
74
+ --df-theme-tip-50: #b650ff;
75
+ --df-theme-tip-60: #9240cc;
76
+ --df-theme-tip-70: #6d3099;
77
+ --df-theme-tip-80: #461b64;
78
+ --df-theme-tip-90: #26005a;
79
+ --df-theme-tip-100: #160033;
80
+ --df-theme-accent-10: #f8eeff;
81
+ --df-theme-accent-20: #e4c7ff;
82
+ --df-theme-accent-30: #d396ff;
83
+ --df-theme-accent-40: #c573ff;
84
+ --df-theme-accent-50: #b650ff;
85
+ --df-theme-accent-60: #9240cc;
86
+ --df-theme-accent-70: #6d3099;
87
+ --df-theme-accent-80: #461b64;
88
+ --df-theme-accent-90: #26005a;
89
+ --df-theme-accent-100: #160033;
90
+ --df-theme-chromatic1-10: #fffce6;
91
+ --df-theme-chromatic1-20: #fffeb0;
92
+ --df-theme-chromatic1-30: #fdf092;
93
+ --df-theme-chromatic1-40: #fdeb6d;
94
+ --df-theme-chromatic1-50: #fce649;
95
+ --df-theme-chromatic1-60: #e9cf1c;
96
+ --df-theme-chromatic1-70: #aa9b2d;
97
+ --df-theme-chromatic1-80: #74691c;
98
+ --df-theme-chromatic1-90: #564a00;
99
+ --df-theme-chromatic1-100: #2a2500;
100
+ --df-theme-chromatic2-10: #ffeef7;
101
+ --df-theme-chromatic2-20: #fcc5f9;
102
+ --df-theme-chromatic2-30: #ff9be3;
103
+ --df-theme-chromatic2-40: #ff79bd;
104
+ --df-theme-chromatic2-50: #ff58ac;
105
+ --df-theme-chromatic2-60: #cc468a;
106
+ --df-theme-chromatic2-70: #993567;
107
+ --df-theme-chromatic2-80: #662345;
108
+ --df-theme-chromatic2-90: #4f0230;
109
+ --df-theme-chromatic2-100: #34001f;
110
+ --df-typo-font-primaryFamily: 'Amadeus Neue Web';
111
+ --df-typo-font-secondaryFamily: '/';
112
+ --df-typo-letterSpacing-condensed: -0.0625rem;
113
+ --df-typo-letterSpacing-xtraCondensed: -0.125rem;
114
+ --df-typo-letterSpacing-normal: 0;
115
+ --df-typo-letterSpacing-spaced: 0.0625rem;
116
+ --df-typo-letterSpacing-xtraSpaced: 0.125rem;
117
+ --df-typo-sizing-xsmall: 0.75rem;
118
+ --df-typo-sizing-small: 0.875rem;
119
+ --df-typo-sizing-default: 1rem;
120
+ --df-typo-sizing-large: 1.125rem;
121
+ --df-typo-sizing-2xlarge: 1.25rem;
122
+ --df-typo-sizing-3xlarge: 1.5rem;
123
+ --df-typo-sizing-4xlarge: 2rem;
124
+ --df-typo-sizing-5xlarge: 2.25rem;
125
+ --df-typo-sizing-6xlarge: 2.5rem;
126
+ --df-typo-sizing-7xlarge: 3rem;
127
+ --df-typo-sizing-8xlarge: 3.5rem;
128
+ --df-typo-sizing-9xlarge: 4rem;
129
+ --df-typo-weight-light: 300;
130
+ --df-typo-weight-regular: 400;
131
+ --df-typo-weight-medium: 500;
132
+ --df-typo-weight-bold: 700;
133
+ --df-typo-style-italic: italic;
134
+ --df-icons-font-familyDefault: 'Font Awesome 6 Pro';
135
+ --df-icons-font-familyBrands: 'Font Awesome 6 Brands';
136
+ --df-icons-sizing-2xsmall: 0.75rem;
137
+ --df-icons-sizing-small: 0.875rem;
138
+ --df-icons-sizing-default: 1rem;
139
+ --df-icons-sizing-large: 1.125rem;
140
+ --df-icons-sizing-2xlarge: 1.25rem;
141
+ --df-icons-sizing-3xlarge: 1.5rem;
142
+ --df-icons-sizing-4xlarge: 2rem;
143
+ --df-icons-weight-light: light;
144
+ --df-icons-weight-regular: regular;
145
+ --df-icons-weight-solid: solid;
146
+ --df-color-backdrop-background: rgba(0, 8, 53, 0.9);
147
+ --df-color-shadow-1: rgba(128, 128, 128, 0.25);
148
+ --df-borderRadius-main-null: 0;
149
+ --df-borderRadius-main-small: 0.25rem;
150
+ --df-borderRadius-main-medium: 0.375rem;
151
+ --df-borderRadius-main-large: 0.5rem;
152
+ --df-borderRadius-main-rounded: 6.25rem;
153
+ --df-borderRadius-focus-external-null: 0;
154
+ --df-borderRadius-focus-external-small: 0.375rem;
155
+ --df-borderRadius-focus-external-medium: 0.5rem;
156
+ --df-borderRadius-focus-external-large: 0.625rem;
157
+ --df-borderRadius-focus-external-rounded: 6.25rem;
158
+ --df-borderRadius-focus-internal-null: 0;
159
+ --df-borderRadius-focus-internal-small: 0.125rem;
160
+ --df-borderRadius-focus-internal-medium: 0.25rem;
161
+ --df-borderRadius-focus-internal-large: 0.375rem;
162
+ --df-borderRadius-focus-internal-rounded: 6.25rem;
163
+ --df-spacing-0: 0;
164
+ --df-spacing-1: 0.125rem;
165
+ --df-spacing-2: 0.25rem;
166
+ --df-spacing-3: 0.5rem;
167
+ --df-spacing-4: 0.75rem;
168
+ --df-spacing-5: 1rem;
169
+ --df-spacing-6: 1.5rem;
170
+ --df-spacing-7: 2rem;
171
+ --df-spacing-8: 2.5rem;
172
+ --df-spacing-9: 3rem;
173
+ --df-spacing-10: 3.5rem;
174
+ --df-spacing-11: 4rem;
175
+ --df-spacing-12: 6rem;
176
+ --df-color-primary-main-default-background: #0c66e1;
177
+ --df-color-primary-main-default-foreground: #ffffff;
178
+ --df-color-primary-main-default-border: #0c66e1;
179
+ --df-color-primary-main-hovered-background: #0a2f62;
180
+ --df-color-primary-main-hovered-foreground: #ffffff;
181
+ --df-color-primary-main-hovered-border: #0a2f62;
182
+ --df-color-primary-main-active-background: #000835;
183
+ --df-color-primary-main-active-foreground: #ffffff;
184
+ --df-color-primary-main-active-border: #000835;
185
+ --df-color-primary-main-pressed-background: #000835;
186
+ --df-color-primary-main-pressed-foreground: #ffffff;
187
+ --df-color-primary-main-pressed-border: #000835;
188
+ --df-color-primary-main-activeHovered-background: #0a2f62;
189
+ --df-color-primary-main-activeHovered-foreground: #ffffff;
190
+ --df-color-primary-main-activeHovered-border: #0a2f62;
191
+ --df-color-primary-main-activePressed-background: #000835;
192
+ --df-color-primary-main-activePressed-foreground: #ffffff;
193
+ --df-color-primary-main-activePressed-border: #000835;
194
+ --df-color-primary-alt-default-background: #ffffff;
195
+ --df-color-primary-alt-default-foreground: #0c66e1;
196
+ --df-color-primary-alt-default-border: #0c66e1;
197
+ --df-color-primary-alt-hovered-background: #c5d5f9;
198
+ --df-color-primary-alt-hovered-foreground: #0a2f62;
199
+ --df-color-primary-alt-hovered-border: #0a2f62;
200
+ --df-color-primary-alt-active-background: #9fc7ff;
201
+ --df-color-primary-alt-active-foreground: #000835;
202
+ --df-color-primary-alt-active-border: #000835;
203
+ --df-color-primary-alt-pressed-background: #9fc7ff;
204
+ --df-color-primary-alt-pressed-foreground: #000835;
205
+ --df-color-primary-alt-pressed-border: #000835;
206
+ --df-color-primary-alt-activeHovered-background: #c5d5f9;
207
+ --df-color-primary-alt-activeHovered-foreground: #0a2f62;
208
+ --df-color-primary-alt-activeHovered-border: #0a2f62;
209
+ --df-color-primary-alt-activePressed-background: #9fc7ff;
210
+ --df-color-primary-alt-activePressed-foreground: #000835;
211
+ --df-color-primary-alt-activePressed-border: #000835;
212
+ --df-color-primary-soft-default-background: #c5d5f9;
213
+ --df-color-primary-soft-default-foreground: #000835;
214
+ --df-color-primary-soft-hovered-background: #61a2ff;
215
+ --df-color-primary-soft-hovered-foreground: #000835;
216
+ --df-color-primary-soft-active-background: #3a8bff;
217
+ --df-color-primary-soft-active-foreground: #000835;
218
+ --df-color-primary-soft-pressed-background: #3a8bff;
219
+ --df-color-primary-soft-pressed-foreground: #000835;
220
+ --df-color-primary-soft-activeHovered-background: #61a2ff;
221
+ --df-color-primary-soft-activeHovered-foreground: #000835;
222
+ --df-color-primary-soft-activePressed-background: #3a8bff;
223
+ --df-color-primary-soft-activePressed-foreground: #000835;
224
+ --df-color-primary-subtle-background: #ebf3ff;
225
+ --df-color-primary-intense-background: #000521;
226
+ --df-color-danger-main-default-background: #df3127;
227
+ --df-color-danger-main-default-foreground: #ffffff;
228
+ --df-color-danger-main-default-border: #df3127;
229
+ --df-color-danger-main-hovered-background: #861d17;
230
+ --df-color-danger-main-hovered-foreground: #ffffff;
231
+ --df-color-danger-main-hovered-border: #861d17;
232
+ --df-color-danger-main-active-background: #560900;
233
+ --df-color-danger-main-active-foreground: #ffffff;
234
+ --df-color-danger-main-active-border: #560900;
235
+ --df-color-danger-main-pressed-background: #560900;
236
+ --df-color-danger-main-pressed-foreground: #ffffff;
237
+ --df-color-danger-main-pressed-border: #560900;
238
+ --df-color-danger-main-activeHovered-background: #861d17;
239
+ --df-color-danger-main-activeHovered-foreground: #ffffff;
240
+ --df-color-danger-main-activeHovered-border: #861d17;
241
+ --df-color-danger-main-activePressed-background: #560900;
242
+ --df-color-danger-main-activePressed-foreground: #ffffff;
243
+ --df-color-danger-main-activePressed-border: #560900;
244
+ --df-color-danger-alt-default-background: #ffffff;
245
+ --df-color-danger-alt-default-foreground: #df3127;
246
+ --df-color-danger-alt-default-border: #df3127;
247
+ --df-color-danger-alt-hovered-background: #ffd7d7;
248
+ --df-color-danger-alt-hovered-foreground: #861d17;
249
+ --df-color-danger-alt-hovered-border: #861d17;
250
+ --df-color-danger-alt-active-background: #ff9794;
251
+ --df-color-danger-alt-active-foreground: #560900;
252
+ --df-color-danger-alt-active-border: #560900;
253
+ --df-color-danger-alt-pressed-background: #ff9794;
254
+ --df-color-danger-alt-pressed-foreground: #560900;
255
+ --df-color-danger-alt-pressed-border: #560900;
256
+ --df-color-danger-alt-activeHovered-background: #ffd7d7;
257
+ --df-color-danger-alt-activeHovered-foreground: #861d17;
258
+ --df-color-danger-alt-activeHovered-border: #861d17;
259
+ --df-color-danger-alt-activePressed-background: #ff9794;
260
+ --df-color-danger-alt-activePressed-foreground: #560900;
261
+ --df-color-danger-alt-activePressed-border: #560900;
262
+ --df-color-danger-soft-default-background: #ffd7d7;
263
+ --df-color-danger-soft-default-foreground: #560900;
264
+ --df-color-danger-soft-hovered-background: #ff7471;
265
+ --df-color-danger-soft-hovered-foreground: #560900;
266
+ --df-color-danger-soft-active-background: #ff514d;
267
+ --df-color-danger-soft-active-foreground: #560900;
268
+ --df-color-danger-soft-pressed-background: #ff514d;
269
+ --df-color-danger-soft-pressed-foreground: #560900;
270
+ --df-color-danger-soft-activeHovered-background: #ff7471;
271
+ --df-color-danger-soft-activeHovered-foreground: #560900;
272
+ --df-color-danger-soft-activePressed-background: #ff514d;
273
+ --df-color-danger-soft-activePressed-foreground: #560900;
274
+ --df-color-danger-subtle-background: #ffeeed;
275
+ --df-color-danger-intense-background: #430f0c;
276
+ --df-color-success-main-default-background: #3a862e;
277
+ --df-color-success-main-default-foreground: #ffffff;
278
+ --df-color-success-main-default-border: #3a862e;
279
+ --df-color-success-main-hovered-background: #19571d;
280
+ --df-color-success-main-hovered-foreground: #ffffff;
281
+ --df-color-success-main-hovered-border: #19571d;
282
+ --df-color-success-main-active-background: #023a00;
283
+ --df-color-success-main-active-foreground: #ffffff;
284
+ --df-color-success-main-active-border: #023a00;
285
+ --df-color-success-main-pressed-background: #023a00;
286
+ --df-color-success-main-pressed-foreground: #ffffff;
287
+ --df-color-success-main-pressed-border: #023a00;
288
+ --df-color-success-main-activeHovered-background: #19571d;
289
+ --df-color-success-main-activeHovered-foreground: #ffffff;
290
+ --df-color-success-main-activeHovered-border: #19571d;
291
+ --df-color-success-main-activePressed-background: #023a00;
292
+ --df-color-success-main-activePressed-foreground: #ffffff;
293
+ --df-color-success-main-activePressed-border: #023a00;
294
+ --df-color-success-alt-default-background: #ffffff;
295
+ --df-color-success-alt-default-foreground: #3a862e;
296
+ --df-color-success-alt-default-border: #3a862e;
297
+ --df-color-success-alt-hovered-background: #c8ffc0;
298
+ --df-color-success-alt-hovered-foreground: #19571d;
299
+ --df-color-success-alt-hovered-border: #19571d;
300
+ --df-color-success-alt-active-background: #beffab;
301
+ --df-color-success-alt-active-foreground: #023a00;
302
+ --df-color-success-alt-active-border: #023a00;
303
+ --df-color-success-alt-pressed-background: #beffab;
304
+ --df-color-success-alt-pressed-foreground: #023a00;
305
+ --df-color-success-alt-pressed-border: #023a00;
306
+ --df-color-success-alt-activeHovered-background: #c8ffc0;
307
+ --df-color-success-alt-activeHovered-foreground: #19571d;
308
+ --df-color-success-alt-activeHovered-border: #19571d;
309
+ --df-color-success-alt-activePressed-background: #beffab;
310
+ --df-color-success-alt-activePressed-foreground: #023a00;
311
+ --df-color-success-alt-activePressed-border: #023a00;
312
+ --df-color-success-soft-default-background: #c8ffc0;
313
+ --df-color-success-soft-default-foreground: #023a00;
314
+ --df-color-success-soft-hovered-background: #a8ff8f;
315
+ --df-color-success-soft-hovered-foreground: #023a00;
316
+ --df-color-success-soft-active-background: #92ff73;
317
+ --df-color-success-soft-active-foreground: #023a00;
318
+ --df-color-success-soft-pressed-background: #92ff73;
319
+ --df-color-success-soft-pressed-foreground: #023a00;
320
+ --df-color-success-soft-activeHovered-background: #a8ff8f;
321
+ --df-color-success-soft-activeHovered-foreground: #023a00;
322
+ --df-color-success-soft-activePressed-background: #92ff73;
323
+ --df-color-success-soft-activePressed-foreground: #023a00;
324
+ --df-color-success-subtle-background: #f0ffec;
325
+ --df-color-warning-main-default-background: #fa6400;
326
+ --df-color-warning-main-default-foreground: #000000;
327
+ --df-color-warning-main-default-border: #fa6400;
328
+ --df-color-warning-main-hovered-background: #863701;
329
+ --df-color-warning-main-hovered-foreground: #ffffff;
330
+ --df-color-warning-main-hovered-border: #863701;
331
+ --df-color-warning-main-active-background: #5b2500;
332
+ --df-color-warning-main-active-foreground: #ffffff;
333
+ --df-color-warning-main-active-border: #5b2500;
334
+ --df-color-warning-main-pressed-background: #5b2500;
335
+ --df-color-warning-main-pressed-foreground: #ffffff;
336
+ --df-color-warning-main-pressed-border: #5b2500;
337
+ --df-color-warning-main-activeHovered-background: #863701;
338
+ --df-color-warning-main-activeHovered-foreground: #ffffff;
339
+ --df-color-warning-main-activeHovered-border: #863701;
340
+ --df-color-warning-main-activePressed-background: #5b2500;
341
+ --df-color-warning-main-activePressed-foreground: #ffffff;
342
+ --df-color-warning-main-activePressed-border: #5b2500;
343
+ --df-color-warning-alt-default-background: #ffffff;
344
+ --df-color-warning-alt-default-foreground: #c74905;
345
+ --df-color-warning-alt-default-border: #fa6400;
346
+ --df-color-warning-alt-hovered-background: #ffd9c4;
347
+ --df-color-warning-alt-hovered-foreground: #863701;
348
+ --df-color-warning-alt-hovered-border: #863701;
349
+ --df-color-warning-alt-active-background: #ffa366;
350
+ --df-color-warning-alt-active-foreground: #5b2500;
351
+ --df-color-warning-alt-active-border: #5b2500;
352
+ --df-color-warning-alt-pressed-background: #ffa366;
353
+ --df-color-warning-alt-pressed-foreground: #5b2500;
354
+ --df-color-warning-alt-pressed-border: #5b2500;
355
+ --df-color-warning-alt-activeHovered-background: #ffd9c4;
356
+ --df-color-warning-alt-activeHovered-foreground: #863701;
357
+ --df-color-warning-alt-activeHovered-border: #863701;
358
+ --df-color-warning-alt-activePressed-background: #ffa366;
359
+ --df-color-warning-alt-activePressed-foreground: #5b2500;
360
+ --df-color-warning-alt-activePressed-border: #5b2500;
361
+ --df-color-warning-soft-default-background: #ffd9c4;
362
+ --df-color-warning-soft-default-foreground: #5b2500;
363
+ --df-color-warning-soft-hovered-background: #ff8838;
364
+ --df-color-warning-soft-hovered-foreground: #5b2500;
365
+ --df-color-warning-soft-active-background: #ff7920;
366
+ --df-color-warning-soft-active-foreground: #5b2500;
367
+ --df-color-warning-soft-pressed-background: #ff7920;
368
+ --df-color-warning-soft-pressed-foreground: #5b2500;
369
+ --df-color-warning-soft-activeHovered-background: #ff8838;
370
+ --df-color-warning-soft-activeHovered-foreground: #5b2500;
371
+ --df-color-warning-soft-activePressed-background: #ff7920;
372
+ --df-color-warning-soft-activePressed-foreground: #5b2500;
373
+ --df-color-warning-subtle-background: #fff0e6;
374
+ --df-color-info-main-default-background: #0c66e1;
375
+ --df-color-info-main-default-foreground: #ffffff;
376
+ --df-color-info-main-default-border: #0c66e1;
377
+ --df-color-info-main-hovered-background: #0a2f62;
378
+ --df-color-info-main-hovered-foreground: #ffffff;
379
+ --df-color-info-main-hovered-border: #0a2f62;
380
+ --df-color-info-main-active-background: #000835;
381
+ --df-color-info-main-active-foreground: #ffffff;
382
+ --df-color-info-main-active-border: #000835;
383
+ --df-color-info-main-pressed-background: #000835;
384
+ --df-color-info-main-pressed-foreground: #ffffff;
385
+ --df-color-info-main-pressed-border: #000835;
386
+ --df-color-info-main-activeHovered-background: #0a2f62;
387
+ --df-color-info-main-activeHovered-foreground: #ffffff;
388
+ --df-color-info-main-activeHovered-border: #0a2f62;
389
+ --df-color-info-main-activePressed-background: #000835;
390
+ --df-color-info-main-activePressed-foreground: #ffffff;
391
+ --df-color-info-main-activePressed-border: #000835;
392
+ --df-color-info-alt-default-background: #ffffff;
393
+ --df-color-info-alt-default-foreground: #0c66e1;
394
+ --df-color-info-alt-default-border: #0c66e1;
395
+ --df-color-info-alt-hovered-background: #c5d5f9;
396
+ --df-color-info-alt-hovered-foreground: #0a2f62;
397
+ --df-color-info-alt-hovered-border: #0a2f62;
398
+ --df-color-info-alt-active-background: #9fc7ff;
399
+ --df-color-info-alt-active-foreground: #000835;
400
+ --df-color-info-alt-active-border: #000835;
401
+ --df-color-info-alt-pressed-background: #9fc7ff;
402
+ --df-color-info-alt-pressed-foreground: #000835;
403
+ --df-color-info-alt-pressed-border: #000835;
404
+ --df-color-info-alt-activeHovered-background: #c5d5f9;
405
+ --df-color-info-alt-activeHovered-foreground: #0a2f62;
406
+ --df-color-info-alt-activeHovered-border: #0a2f62;
407
+ --df-color-info-alt-activePressed-background: #9fc7ff;
408
+ --df-color-info-alt-activePressed-foreground: #000835;
409
+ --df-color-info-alt-activePressed-border: #000835;
410
+ --df-color-info-soft-default-background: #c5d5f9;
411
+ --df-color-info-soft-default-foreground: #000835;
412
+ --df-color-info-soft-hovered-background: #61a2ff;
413
+ --df-color-info-soft-hovered-foreground: #000835;
414
+ --df-color-info-soft-active-background: #3a8bff;
415
+ --df-color-info-soft-active-foreground: #000835;
416
+ --df-color-info-soft-pressed-background: #3a8bff;
417
+ --df-color-info-soft-pressed-foreground: #000835;
418
+ --df-color-info-soft-activeHovered-background: #61a2ff;
419
+ --df-color-info-soft-activeHovered-foreground: #000835;
420
+ --df-color-info-soft-activePressed-background: #3a8bff;
421
+ --df-color-info-soft-activePressed-foreground: #000835;
422
+ --df-color-info-subtle-background: #ebf3ff;
423
+ --df-color-tip-main-default-background: #9240cc;
424
+ --df-color-tip-main-default-foreground: #ffffff;
425
+ --df-color-tip-main-default-border: #9240cc;
426
+ --df-color-tip-main-hovered-background: #461b64;
427
+ --df-color-tip-main-hovered-foreground: #ffffff;
428
+ --df-color-tip-main-hovered-border: #461b64;
429
+ --df-color-tip-main-active-background: #26005a;
430
+ --df-color-tip-main-active-foreground: #ffffff;
431
+ --df-color-tip-main-active-border: #26005a;
432
+ --df-color-tip-main-pressed-background: #26005a;
433
+ --df-color-tip-main-pressed-foreground: #ffffff;
434
+ --df-color-tip-main-pressed-border: #26005a;
435
+ --df-color-tip-main-activeHovered-background: #461b64;
436
+ --df-color-tip-main-activeHovered-foreground: #ffffff;
437
+ --df-color-tip-main-activeHovered-border: #461b64;
438
+ --df-color-tip-main-activePressed-background: #26005a;
439
+ --df-color-tip-main-activePressed-foreground: #ffffff;
440
+ --df-color-tip-main-activePressed-border: #26005a;
441
+ --df-color-tip-alt-default-background: #ffffff;
442
+ --df-color-tip-alt-default-foreground: #9240cc;
443
+ --df-color-tip-alt-default-border: #9240cc;
444
+ --df-color-tip-alt-hovered-background: #e4c7ff;
445
+ --df-color-tip-alt-hovered-foreground: #461b64;
446
+ --df-color-tip-alt-hovered-border: #461b64;
447
+ --df-color-tip-alt-active-background: #d396ff;
448
+ --df-color-tip-alt-active-foreground: #26005a;
449
+ --df-color-tip-alt-active-border: #26005a;
450
+ --df-color-tip-alt-pressed-background: #d396ff;
451
+ --df-color-tip-alt-pressed-foreground: #26005a;
452
+ --df-color-tip-alt-pressed-border: #26005a;
453
+ --df-color-tip-alt-activeHovered-background: #e4c7ff;
454
+ --df-color-tip-alt-activeHovered-foreground: #461b64;
455
+ --df-color-tip-alt-activeHovered-border: #461b64;
456
+ --df-color-tip-alt-activePressed-background: #d396ff;
457
+ --df-color-tip-alt-activePressed-foreground: #26005a;
458
+ --df-color-tip-alt-activePressed-border: #26005a;
459
+ --df-color-tip-soft-default-background: #e4c7ff;
460
+ --df-color-tip-soft-default-foreground: #26005a;
461
+ --df-color-tip-soft-hovered-background: #c573ff;
462
+ --df-color-tip-soft-hovered-foreground: #26005a;
463
+ --df-color-tip-soft-active-background: #b650ff;
464
+ --df-color-tip-soft-active-foreground: #26005a;
465
+ --df-color-tip-soft-pressed-background: #b650ff;
466
+ --df-color-tip-soft-pressed-foreground: #26005a;
467
+ --df-color-tip-soft-activeHovered-background: #c573ff;
468
+ --df-color-tip-soft-activeHovered-foreground: #26005a;
469
+ --df-color-tip-soft-activePressed-background: #b650ff;
470
+ --df-color-tip-soft-activePressed-foreground: #26005a;
471
+ --df-color-tip-subtle-background: #f8eeff;
472
+ --df-color-accent-main-default-background: #6d3099;
473
+ --df-color-accent-main-default-foreground: #ffffff;
474
+ --df-color-accent-main-default-border: #6d3099;
475
+ --df-color-accent-main-hovered-background: #461b64;
476
+ --df-color-accent-main-hovered-foreground: #ffffff;
477
+ --df-color-accent-main-hovered-border: #461b64;
478
+ --df-color-accent-main-active-background: #26005a;
479
+ --df-color-accent-main-active-foreground: #ffffff;
480
+ --df-color-accent-main-active-border: #26005a;
481
+ --df-color-accent-main-pressed-background: #26005a;
482
+ --df-color-accent-main-pressed-foreground: #ffffff;
483
+ --df-color-accent-main-pressed-border: #26005a;
484
+ --df-color-accent-main-activeHovered-background: #461b64;
485
+ --df-color-accent-main-activeHovered-foreground: #ffffff;
486
+ --df-color-accent-main-activeHovered-border: #461b64;
487
+ --df-color-accent-main-activePressed-background: #26005a;
488
+ --df-color-accent-main-activePressed-foreground: #ffffff;
489
+ --df-color-accent-main-activePressed-border: #26005a;
490
+ --df-color-accent-alt-default-background: #ffffff;
491
+ --df-color-accent-alt-default-foreground: #6d3099;
492
+ --df-color-accent-alt-default-border: #6d3099;
493
+ --df-color-accent-alt-hovered-background: #e4c7ff;
494
+ --df-color-accent-alt-hovered-foreground: #461b64;
495
+ --df-color-accent-alt-hovered-border: #461b64;
496
+ --df-color-accent-alt-active-background: #d396ff;
497
+ --df-color-accent-alt-active-foreground: #26005a;
498
+ --df-color-accent-alt-active-border: #26005a;
499
+ --df-color-accent-alt-pressed-background: #d396ff;
500
+ --df-color-accent-alt-pressed-foreground: #26005a;
501
+ --df-color-accent-alt-pressed-border: #26005a;
502
+ --df-color-accent-alt-activeHovered-background: #e4c7ff;
503
+ --df-color-accent-alt-activeHovered-foreground: #461b64;
504
+ --df-color-accent-alt-activeHovered-border: #461b64;
505
+ --df-color-accent-alt-activePressed-background: #d396ff;
506
+ --df-color-accent-alt-activePressed-foreground: #26005a;
507
+ --df-color-accent-alt-activePressed-border: #26005a;
508
+ --df-color-accent-soft-default-background: #e4c7ff;
509
+ --df-color-accent-soft-default-foreground: #26005a;
510
+ --df-color-accent-soft-hovered-background: #c573ff;
511
+ --df-color-accent-soft-hovered-foreground: #26005a;
512
+ --df-color-accent-soft-active-background: #b650ff;
513
+ --df-color-accent-soft-active-foreground: #26005a;
514
+ --df-color-accent-soft-pressed-background: #b650ff;
515
+ --df-color-accent-soft-pressed-foreground: #26005a;
516
+ --df-color-accent-soft-activeHovered-background: #c573ff;
517
+ --df-color-accent-soft-activeHovered-foreground: #26005a;
518
+ --df-color-accent-soft-activePressed-background: #b650ff;
519
+ --df-color-accent-soft-activePressed-foreground: #26005a;
520
+ --df-color-accent-subtle-background: #f8eeff;
521
+ --df-color-accent-intense-background: #160033;
522
+ --df-color-neutral-main-default-background: #1a1a1a;
523
+ --df-color-neutral-main-default-foreground: #ffffff;
524
+ --df-color-neutral-main-default-border: #1a1a1a;
525
+ --df-color-neutral-main-hovered-background: #1a1a1a;
526
+ --df-color-neutral-main-hovered-foreground: #f2f2f2;
527
+ --df-color-neutral-main-hovered-border: #1a1a1a;
528
+ --df-color-neutral-main-active-background: #000000;
529
+ --df-color-neutral-main-active-foreground: #e6e6e6;
530
+ --df-color-neutral-main-active-border: #000000;
531
+ --df-color-neutral-main-pressed-background: #000000;
532
+ --df-color-neutral-main-pressed-foreground: #e6e6e6;
533
+ --df-color-neutral-main-pressed-border: #000000;
534
+ --df-color-neutral-main-activeHovered-background: #1a1a1a;
535
+ --df-color-neutral-main-activeHovered-foreground: #f2f2f2;
536
+ --df-color-neutral-main-activeHovered-border: #1a1a1a;
537
+ --df-color-neutral-main-activePressed-background: #000000;
538
+ --df-color-neutral-main-activePressed-foreground: #e6e6e6;
539
+ --df-color-neutral-main-activePressed-border: #000000;
540
+ --df-color-neutral-alt-default-background: #ffffff;
541
+ --df-color-neutral-alt-default-foreground: #1a1a1a;
542
+ --df-color-neutral-alt-default-border: #1a1a1a;
543
+ --df-color-neutral-alt-hovered-background: #f2f2f2;
544
+ --df-color-neutral-alt-hovered-foreground: #1a1a1a;
545
+ --df-color-neutral-alt-hovered-border: #1a1a1a;
546
+ --df-color-neutral-alt-active-background: #e6e6e6;
547
+ --df-color-neutral-alt-active-foreground: #000000;
548
+ --df-color-neutral-alt-active-border: #000000;
549
+ --df-color-neutral-alt-pressed-background: #e6e6e6;
550
+ --df-color-neutral-alt-pressed-foreground: #000000;
551
+ --df-color-neutral-alt-pressed-border: #000000;
552
+ --df-color-neutral-alt-activeHovered-background: #f2f2f2;
553
+ --df-color-neutral-alt-activeHovered-foreground: #1a1a1a;
554
+ --df-color-neutral-alt-activeHovered-border: #1a1a1a;
555
+ --df-color-neutral-alt-activePressed-background: #e6e6e6;
556
+ --df-color-neutral-alt-activePressed-foreground: #000000;
557
+ --df-color-neutral-alt-activePressed-border: #000000;
558
+ --df-color-neutral-soft-default-background: #cccccc;
559
+ --df-color-neutral-soft-default-foreground: #000000;
560
+ --df-color-neutral-soft-hovered-background: #999999;
561
+ --df-color-neutral-soft-hovered-foreground: #000000;
562
+ --df-color-neutral-soft-active-background: #808080;
563
+ --df-color-neutral-soft-active-foreground: #000000;
564
+ --df-color-neutral-soft-pressed-background: #808080;
565
+ --df-color-neutral-soft-pressed-foreground: #000000;
566
+ --df-color-neutral-soft-activeHovered-background: #999999;
567
+ --df-color-neutral-soft-activeHovered-foreground: #000000;
568
+ --df-color-neutral-soft-activePressed-background: #808080;
569
+ --df-color-neutral-soft-activePressed-foreground: #000000;
570
+ --df-color-neutral-intense-background: #000000;
571
+ --df-color-neutral-intense-foreground: #ffffff;
572
+ --df-color-chromatic1-main-default-background: #74691c;
573
+ --df-color-chromatic1-main-default-foreground: #ffffff;
574
+ --df-color-chromatic1-main-default-border: #74691c;
575
+ --df-color-chromatic1-main-hovered-background: #74691c;
576
+ --df-color-chromatic1-main-hovered-foreground: #ffffff;
577
+ --df-color-chromatic1-main-hovered-border: #74691c;
578
+ --df-color-chromatic1-main-active-background: #564a00;
579
+ --df-color-chromatic1-main-active-foreground: #ffffff;
580
+ --df-color-chromatic1-main-active-border: #564a00;
581
+ --df-color-chromatic1-main-pressed-background: #564a00;
582
+ --df-color-chromatic1-main-pressed-foreground: #ffffff;
583
+ --df-color-chromatic1-main-pressed-border: #564a00;
584
+ --df-color-chromatic1-main-activeHovered-background: #74691c;
585
+ --df-color-chromatic1-main-activeHovered-foreground: #ffffff;
586
+ --df-color-chromatic1-main-activeHovered-border: #74691c;
587
+ --df-color-chromatic1-main-activePressed-background: #564a00;
588
+ --df-color-chromatic1-main-activePressed-foreground: #ffffff;
589
+ --df-color-chromatic1-main-activePressed-border: #564a00;
590
+ --df-color-chromatic1-alt-default-background: #ffffff;
591
+ --df-color-chromatic1-alt-default-foreground: #74691c;
592
+ --df-color-chromatic1-alt-default-border: #74691c;
593
+ --df-color-chromatic1-alt-hovered-background: #fffeb0;
594
+ --df-color-chromatic1-alt-hovered-foreground: #74691c;
595
+ --df-color-chromatic1-alt-hovered-border: #74691c;
596
+ --df-color-chromatic1-alt-active-background: #fdf092;
597
+ --df-color-chromatic1-alt-active-foreground: #564a00;
598
+ --df-color-chromatic1-alt-active-border: #564a00;
599
+ --df-color-chromatic1-alt-pressed-background: #fdf092;
600
+ --df-color-chromatic1-alt-pressed-foreground: #564a00;
601
+ --df-color-chromatic1-alt-pressed-border: #564a00;
602
+ --df-color-chromatic1-alt-activeHovered-background: #fffeb0;
603
+ --df-color-chromatic1-alt-activeHovered-foreground: #74691c;
604
+ --df-color-chromatic1-alt-activeHovered-border: #74691c;
605
+ --df-color-chromatic1-alt-activePressed-background: #fdf092;
606
+ --df-color-chromatic1-alt-activePressed-foreground: #564a00;
607
+ --df-color-chromatic1-alt-activePressed-border: #564a00;
608
+ --df-color-chromatic1-soft-default-background: #fffeb0;
609
+ --df-color-chromatic1-soft-default-foreground: #564a00;
610
+ --df-color-chromatic1-soft-hovered-background: #fdeb6d;
611
+ --df-color-chromatic1-soft-hovered-foreground: #564a00;
612
+ --df-color-chromatic1-soft-active-background: #fce649;
613
+ --df-color-chromatic1-soft-active-foreground: #564a00;
614
+ --df-color-chromatic1-soft-pressed-background: #fce649;
615
+ --df-color-chromatic1-soft-pressed-foreground: #564a00;
616
+ --df-color-chromatic1-soft-activeHovered-background: #fdeb6d;
617
+ --df-color-chromatic1-soft-activeHovered-foreground: #564a00;
618
+ --df-color-chromatic1-soft-activePressed-background: #fce649;
619
+ --df-color-chromatic1-soft-activePressed-foreground: #564a00;
620
+ --df-color-chromatic1-subtle-background: #fffce6;
621
+ --df-color-chromatic2-main-default-background: #993567;
622
+ --df-color-chromatic2-main-default-foreground: #ffffff;
623
+ --df-color-chromatic2-main-default-border: #993567;
624
+ --df-color-chromatic2-main-hovered-background: #662345;
625
+ --df-color-chromatic2-main-hovered-foreground: #ffffff;
626
+ --df-color-chromatic2-main-hovered-border: #662345;
627
+ --df-color-chromatic2-main-active-background: #4f0230;
628
+ --df-color-chromatic2-main-active-foreground: #ffffff;
629
+ --df-color-chromatic2-main-active-border: #4f0230;
630
+ --df-color-chromatic2-main-pressed-background: #4f0230;
631
+ --df-color-chromatic2-main-pressed-foreground: #ffffff;
632
+ --df-color-chromatic2-main-pressed-border: #4f0230;
633
+ --df-color-chromatic2-main-activeHovered-background: #662345;
634
+ --df-color-chromatic2-main-activeHovered-foreground: #ffffff;
635
+ --df-color-chromatic2-main-activeHovered-border: #662345;
636
+ --df-color-chromatic2-main-activePressed-background: #4f0230;
637
+ --df-color-chromatic2-main-activePressed-foreground: #ffffff;
638
+ --df-color-chromatic2-main-activePressed-border: #4f0230;
639
+ --df-color-chromatic2-alt-default-background: #ffffff;
640
+ --df-color-chromatic2-alt-default-foreground: #993567;
641
+ --df-color-chromatic2-alt-default-border: #993567;
642
+ --df-color-chromatic2-alt-hovered-background: #fcc5f9;
643
+ --df-color-chromatic2-alt-hovered-foreground: #662345;
644
+ --df-color-chromatic2-alt-hovered-border: #662345;
645
+ --df-color-chromatic2-alt-active-background: #ff9be3;
646
+ --df-color-chromatic2-alt-active-foreground: #4f0230;
647
+ --df-color-chromatic2-alt-active-border: #4f0230;
648
+ --df-color-chromatic2-alt-pressed-background: #ff9be3;
649
+ --df-color-chromatic2-alt-pressed-foreground: #4f0230;
650
+ --df-color-chromatic2-alt-pressed-border: #4f0230;
651
+ --df-color-chromatic2-alt-activeHovered-background: #fcc5f9;
652
+ --df-color-chromatic2-alt-activeHovered-foreground: #662345;
653
+ --df-color-chromatic2-alt-activeHovered-border: #662345;
654
+ --df-color-chromatic2-alt-activePressed-background: #ff9be3;
655
+ --df-color-chromatic2-alt-activePressed-foreground: #4f0230;
656
+ --df-color-chromatic2-alt-activePressed-border: #4f0230;
657
+ --df-color-chromatic2-soft-default-background: #fcc5f9;
658
+ --df-color-chromatic2-soft-default-foreground: #4f0230;
659
+ --df-color-chromatic2-soft-hovered-background: #ff79bd;
660
+ --df-color-chromatic2-soft-hovered-foreground: #4f0230;
661
+ --df-color-chromatic2-soft-active-background: #ff58ac;
662
+ --df-color-chromatic2-soft-active-foreground: #4f0230;
663
+ --df-color-chromatic2-soft-pressed-background: #ff58ac;
664
+ --df-color-chromatic2-soft-pressed-foreground: #4f0230;
665
+ --df-color-chromatic2-soft-activeHovered-background: #ff79bd;
666
+ --df-color-chromatic2-soft-activeHovered-foreground: #4f0230;
667
+ --df-color-chromatic2-soft-activePressed-background: #ff58ac;
668
+ --df-color-chromatic2-soft-activePressed-foreground: #4f0230;
669
+ --df-color-chromatic2-subtle-background: #ffeef7;
670
+ --df-color-inert-neutral-pageBackground: #ffffff;
671
+ --df-color-inert-neutral-main-foreground: #1a1a1a;
672
+ --df-color-inert-neutral-main-background: #ffffff;
673
+ --df-color-inert-neutral-main-border: #cccccc;
674
+ --df-color-inert-neutral-alt-foreground: #ffffff;
675
+ --df-color-inert-neutral-alt-background: #1a1a1a;
676
+ --df-color-inert-neutral-subtle-background: #fafafa;
677
+ --df-color-inert-neutral-intense-foreground: #000000;
678
+ --df-color-inert-neutral-intense-background: #000000;
679
+ --df-color-inert-neutral-readonly-foreground: #333333;
680
+ --df-color-disabled-main-foreground: #b3b3b3;
681
+ --df-color-disabled-main-background: #e6e6e6;
682
+ --df-color-disabled-main-border: #b3b3b3;
683
+ --df-color-disabled-alt-foreground: #e6e6e6;
684
+ --df-color-disabled-alt-background: #b3b3b3;
685
+ --df-color-disabled-alt-border: #e6e6e6;
686
+ --df-color-focus-main-border: #1a1a1a;
687
+ --df-color-focus-alt-border: #ffffff;
688
+ --df-color-icon-warning-foreground: #fa6400;
689
+ --df-color-separator-primary-border: #9fc7ff;
690
+ --df-color-separator-danger-border: #ff9794;
691
+ --df-color-separator-success-border: #beffab;
692
+ --df-color-separator-warning-border: #ffa366;
693
+ --df-color-separator-info-border: #9fc7ff;
694
+ --df-color-separator-tip-border: #d396ff;
695
+ --df-color-separator-chromatic1-border: #fdf092;
696
+ --df-color-separator-chromatic2-border: #ff9be3;
697
+ --df-color-wavesProgress-sky-dark-border: #3a8bff;
698
+ --df-color-wavesProgress-sky-dark-background: #000835;
699
+ --df-color-wavesProgress-sky-vivid-border: #000835;
700
+ --df-color-wavesProgress-sky-vivid-background: #3a8bff;
701
+ --df-color-wavesProgress-sky-light-border: #000835;
702
+ --df-color-wavesProgress-sky-light-background: #c5d5f9;
703
+ --df-color-wavesProgress-crimson-dark-border: #ff514d;
704
+ --df-color-wavesProgress-crimson-dark-background: #560900;
705
+ --df-color-wavesProgress-crimson-vivid-border: #560900;
706
+ --df-color-wavesProgress-crimson-vivid-background: #ff514d;
707
+ --df-color-wavesProgress-crimson-light-border: #560900;
708
+ --df-color-wavesProgress-crimson-light-background: #ffd7d7;
709
+ --df-color-wavesProgress-forest-dark-border: #92ff73;
710
+ --df-color-wavesProgress-forest-dark-background: #023a00;
711
+ --df-color-wavesProgress-forest-vivid-border: #023a00;
712
+ --df-color-wavesProgress-forest-vivid-background: #92ff73;
713
+ --df-color-wavesProgress-forest-light-border: #023a00;
714
+ --df-color-wavesProgress-forest-light-background: #c8ffc0;
715
+ --df-color-wavesProgress-pumpkin-dark-border: #ff7920;
716
+ --df-color-wavesProgress-pumpkin-dark-background: #5b2500;
717
+ --df-color-wavesProgress-pumpkin-vivid-border: #5b2500;
718
+ --df-color-wavesProgress-pumpkin-vivid-background: #ff7920;
719
+ --df-color-wavesProgress-pumpkin-light-border: #5b2500;
720
+ --df-color-wavesProgress-pumpkin-light-background: #ffd9c4;
721
+ --df-color-wavesProgress-violet-dark-border: #b650ff;
722
+ --df-color-wavesProgress-violet-dark-background: #26005a;
723
+ --df-color-wavesProgress-violet-vivid-border: #26005a;
724
+ --df-color-wavesProgress-violet-vivid-background: #b650ff;
725
+ --df-color-wavesProgress-violet-light-border: #26005a;
726
+ --df-color-wavesProgress-violet-light-background: #e4c7ff;
727
+ --df-color-wavesProgress-canary-dark-border: #fce649;
728
+ --df-color-wavesProgress-canary-dark-background: #564a00;
729
+ --df-color-wavesProgress-canary-vivid-border: #564a00;
730
+ --df-color-wavesProgress-canary-vivid-background: #fce649;
731
+ --df-color-wavesProgress-canary-light-border: #564a00;
732
+ --df-color-wavesProgress-canary-light-background: #fffeb0;
733
+ --df-color-wavesProgress-fuchsia-dark-border: #ff58ac;
734
+ --df-color-wavesProgress-fuchsia-dark-background: #4f0230;
735
+ --df-color-wavesProgress-fuchsia-vivid-border: #4f0230;
736
+ --df-color-wavesProgress-fuchsia-vivid-background: #ff58ac;
737
+ --df-color-wavesProgress-fuchsia-light-border: #4f0230;
738
+ --df-color-wavesProgress-fuchsia-light-background: #fcc5f9;
739
+ --df-color-logo-main-foreground: #000835;
740
+ --df-color-logo-main-background: #000835;
741
+ --df-color-logo-alt-foreground: #ffffff;
742
+ --df-color-logo-alt-background: #ffffff;
743
+ --df-color-input-border: #808080;
744
+ --df-color-toggle-background: #1a1a1a;
745
+ --df-color-toggle-border: #1a1a1a;
746
+ --df-color-subtext-foreground: #666666;
747
+ --df-color-subtext-border: #666666;
748
+ --df-color-progressIndicator-main-border: #666666;
749
+ --df-color-progressIndicator-alt-border: #ffffff;
750
+ --df-color-addon-background: #f2f2f2;
751
+ --df-color-tooltip-background: #666666;
752
+
753
+ /* Tier 3 Scoped tokens */
754
+ .btn,
755
+ .btn-close {
756
+ --df-button-borderRadius-main-null: 0;
757
+ --df-button-borderRadius-main-small: 0.25rem;
758
+ --df-button-borderRadius-main-medium: 0.375rem;
759
+ --df-button-borderRadius-main-large: 0.5rem;
760
+ --df-button-borderRadius-main-rounded: 6.25rem;
761
+ --df-button-borderRadius-focus-null: 0;
762
+ --df-button-borderRadius-focus-small: 0.375rem;
763
+ --df-button-borderRadius-focus-medium: 0.5rem;
764
+ --df-button-borderRadius-focus-large: 0.625rem;
765
+ --df-button-borderRadius-focus-rounded: 6.25rem;
766
+ --df-button-solid-basic-color-primary-default-background: #0c66e1;
767
+ --df-button-solid-basic-color-primary-default-foreground: #ffffff;
768
+ --df-button-solid-basic-color-primary-default-border: #0c66e1;
769
+ --df-button-solid-basic-color-primary-hovered-background: #0a2f62;
770
+ --df-button-solid-basic-color-primary-hovered-border: #0a2f62;
771
+ --df-button-solid-basic-color-primary-hovered-foreground: #ffffff;
772
+ --df-button-solid-basic-color-primary-pressed-background: #000835;
773
+ --df-button-solid-basic-color-primary-pressed-border: #000835;
774
+ --df-button-solid-basic-color-primary-pressed-foreground: #ffffff;
775
+ --df-button-solid-basic-color-primary-active-background: #000835;
776
+ --df-button-solid-basic-color-primary-active-border: #000835;
777
+ --df-button-solid-basic-color-primary-active-foreground: #ffffff;
778
+ --df-button-solid-basic-color-primary-activeHovered-background: #0a2f62;
779
+ --df-button-solid-basic-color-primary-activeHovered-border: #0a2f62;
780
+ --df-button-solid-basic-color-primary-activeHovered-foreground: #ffffff;
781
+ --df-button-solid-basic-color-primary-activePressed-background: #000835;
782
+ --df-button-solid-basic-color-primary-activePressed-border: #000835;
783
+ --df-button-solid-basic-color-primary-activePressed-foreground: #ffffff;
784
+ --df-button-solid-basic-color-danger-default-background: #df3127;
785
+ --df-button-solid-basic-color-danger-default-border: #df3127;
786
+ --df-button-solid-basic-color-danger-default-foreground: #ffffff;
787
+ --df-button-solid-basic-color-danger-hovered-background: #861d17;
788
+ --df-button-solid-basic-color-danger-hovered-border: #861d17;
789
+ --df-button-solid-basic-color-danger-hovered-foreground: #ffffff;
790
+ --df-button-solid-basic-color-danger-pressed-background: #560900;
791
+ --df-button-solid-basic-color-danger-pressed-border: #560900;
792
+ --df-button-solid-basic-color-danger-pressed-foreground: #ffffff;
793
+ --df-button-solid-basic-color-danger-active-background: #560900;
794
+ --df-button-solid-basic-color-danger-active-border: #560900;
795
+ --df-button-solid-basic-color-danger-active-foreground: #ffffff;
796
+ --df-button-solid-basic-color-danger-activeHovered-background: #861d17;
797
+ --df-button-solid-basic-color-danger-activeHovered-border: #861d17;
798
+ --df-button-solid-basic-color-danger-activeHovered-foreground: #ffffff;
799
+ --df-button-solid-basic-color-danger-activePressed-background: #560900;
800
+ --df-button-solid-basic-color-danger-activePressed-border: #560900;
801
+ --df-button-solid-basic-color-danger-activePressed-foreground: #ffffff;
802
+ --df-button-solid-basic-color-neutral-default-background: #1a1a1a;
803
+ --df-button-solid-basic-color-neutral-default-border: #1a1a1a;
804
+ --df-button-solid-basic-color-neutral-default-foreground: #ffffff;
805
+ --df-button-solid-basic-color-neutral-hovered-background: #1a1a1a;
806
+ --df-button-solid-basic-color-neutral-hovered-border: #1a1a1a;
807
+ --df-button-solid-basic-color-neutral-hovered-foreground: #ffffff;
808
+ --df-button-solid-basic-color-neutral-pressed-background: #000000;
809
+ --df-button-solid-basic-color-neutral-pressed-border: #000000;
810
+ --df-button-solid-basic-color-neutral-pressed-foreground: #ffffff;
811
+ --df-button-solid-basic-color-neutral-active-background: #000000;
812
+ --df-button-solid-basic-color-neutral-active-border: #000000;
813
+ --df-button-solid-basic-color-neutral-active-foreground: #ffffff;
814
+ --df-button-solid-basic-color-neutral-activeHovered-background: #1a1a1a;
815
+ --df-button-solid-basic-color-neutral-activeHovered-border: #1a1a1a;
816
+ --df-button-solid-basic-color-neutral-activeHovered-foreground: #ffffff;
817
+ --df-button-solid-basic-color-neutral-activePressed-background: #000000;
818
+ --df-button-solid-basic-color-neutral-activePressed-border: #000000;
819
+ --df-button-solid-basic-color-neutral-activePressed-foreground: #ffffff;
820
+ --df-button-solid-basic-color-disabled-foreground: #e6e6e6;
821
+ --df-button-solid-basic-color-disabled-background: #b3b3b3;
822
+ --df-button-solid-mirror-color-primary-default-border: #3a8bff;
823
+ --df-button-solid-mirror-color-primary-default-background: #3a8bff;
824
+ --df-button-solid-mirror-color-primary-default-foreground: #000835;
825
+ --df-button-solid-mirror-color-primary-hovered-border: #9fc7ff;
826
+ --df-button-solid-mirror-color-primary-hovered-background: #9fc7ff;
827
+ --df-button-solid-mirror-color-primary-hovered-foreground: #000835;
828
+ --df-button-solid-mirror-color-primary-active-border: #9fc7ff;
829
+ --df-button-solid-mirror-color-primary-active-background: #9fc7ff;
830
+ --df-button-solid-mirror-color-primary-active-foreground: #000835;
831
+ --df-button-solid-mirror-color-primary-pressed-border: #c5d5f9;
832
+ --df-button-solid-mirror-color-primary-pressed-background: #c5d5f9;
833
+ --df-button-solid-mirror-color-primary-pressed-foreground: #000835;
834
+ --df-button-solid-mirror-color-primary-activeHovered-border: #9fc7ff;
835
+ --df-button-solid-mirror-color-primary-activeHovered-background: #9fc7ff;
836
+ --df-button-solid-mirror-color-primary-activeHovered-foreground: #000835;
837
+ --df-button-solid-mirror-color-primary-activePressed-border: #c5d5f9;
838
+ --df-button-solid-mirror-color-primary-activePressed-background: #c5d5f9;
839
+ --df-button-solid-mirror-color-primary-activePressed-foreground: #000835;
840
+ --df-button-solid-mirror-color-danger-default-border: #ff514d;
841
+ --df-button-solid-mirror-color-danger-default-background: #ff514d;
842
+ --df-button-solid-mirror-color-danger-default-foreground: #560900;
843
+ --df-button-solid-mirror-color-danger-hovered-border: #ff9794;
844
+ --df-button-solid-mirror-color-danger-hovered-background: #ff9794;
845
+ --df-button-solid-mirror-color-danger-hovered-foreground: #560900;
846
+ --df-button-solid-mirror-color-danger-pressed-border: #ffd7d7;
847
+ --df-button-solid-mirror-color-danger-pressed-background: #ffd7d7;
848
+ --df-button-solid-mirror-color-danger-pressed-foreground: #560900;
849
+ --df-button-solid-mirror-color-danger-active-border: #ffd7d7;
850
+ --df-button-solid-mirror-color-danger-active-background: #ffd7d7;
851
+ --df-button-solid-mirror-color-danger-active-foreground: #560900;
852
+ --df-button-solid-mirror-color-danger-activeHovered-border: #ff9794;
853
+ --df-button-solid-mirror-color-danger-activeHovered-background: #ff9794;
854
+ --df-button-solid-mirror-color-danger-activeHovered-foreground: #560900;
855
+ --df-button-solid-mirror-color-danger-activePressed-border: #ffd7d7;
856
+ --df-button-solid-mirror-color-danger-activePressed-background: #ffd7d7;
857
+ --df-button-solid-mirror-color-danger-activePressed-foreground: #560900;
858
+ --df-button-solid-mirror-color-neutral-default-foreground: #000000;
859
+ --df-button-solid-mirror-color-neutral-default-border: #fafafa;
860
+ --df-button-solid-mirror-color-neutral-default-background: #fafafa;
861
+ --df-button-solid-mirror-color-neutral-hovered-foreground: #000000;
862
+ --df-button-solid-mirror-color-neutral-hovered-border: #fafafa;
863
+ --df-button-solid-mirror-color-neutral-hovered-background: #fafafa;
864
+ --df-button-solid-mirror-color-neutral-pressed-foreground: #000000;
865
+ --df-button-solid-mirror-color-neutral-pressed-border: #ffffff;
866
+ --df-button-solid-mirror-color-neutral-pressed-background: #ffffff;
867
+ --df-button-solid-mirror-color-neutral-active-foreground: #000000;
868
+ --df-button-solid-mirror-color-neutral-active-border: #ffffff;
869
+ --df-button-solid-mirror-color-neutral-active-background: #ffffff;
870
+ --df-button-solid-mirror-color-neutral-activeHovered-foreground: #000000;
871
+ --df-button-solid-mirror-color-neutral-activeHovered-border: #fafafa;
872
+ --df-button-solid-mirror-color-neutral-activeHovered-background: #fafafa;
873
+ --df-button-solid-mirror-color-neutral-activePressed-foreground: #000000;
874
+ --df-button-solid-mirror-color-neutral-activePressed-border: #ffffff;
875
+ --df-button-solid-mirror-color-neutral-activePressed-background: #ffffff;
876
+ --df-button-solid-mirror-color-disabled-background: #b3b3b3;
877
+ --df-button-solid-mirror-color-disabled-foreground: #e6e6e6;
878
+ --df-button-outline-basic-color-primary-default-border: #0c66e1;
879
+ --df-button-outline-basic-color-primary-default-foreground: #0c66e1;
880
+ --df-button-outline-basic-color-primary-default-background: #ffffff;
881
+ --df-button-outline-basic-color-primary-hovered-border: #0a2f62;
882
+ --df-button-outline-basic-color-primary-hovered-foreground: #0a2f62;
883
+ --df-button-outline-basic-color-primary-hovered-background: #c5d5f9;
884
+ --df-button-outline-basic-color-primary-pressed-border: #000835;
885
+ --df-button-outline-basic-color-primary-pressed-foreground: #000835;
886
+ --df-button-outline-basic-color-primary-pressed-background: #9fc7ff;
887
+ --df-button-outline-basic-color-primary-active-border: #000835;
888
+ --df-button-outline-basic-color-primary-active-foreground: #000835;
889
+ --df-button-outline-basic-color-primary-active-background: #9fc7ff;
890
+ --df-button-outline-basic-color-primary-activeHovered-border: #0a2f62;
891
+ --df-button-outline-basic-color-primary-activeHovered-foreground: #0a2f62;
892
+ --df-button-outline-basic-color-primary-activeHovered-background: #c5d5f9;
893
+ --df-button-outline-basic-color-primary-activePressed-border: #000835;
894
+ --df-button-outline-basic-color-primary-activePressed-foreground: #000835;
895
+ --df-button-outline-basic-color-primary-activePressed-background: #9fc7ff;
896
+ --df-button-outline-basic-color-danger-default-border: #df3127;
897
+ --df-button-outline-basic-color-danger-default-foreground: #df3127;
898
+ --df-button-outline-basic-color-danger-default-background: #ffffff;
899
+ --df-button-outline-basic-color-danger-hovered-border: #861d17;
900
+ --df-button-outline-basic-color-danger-hovered-foreground: #861d17;
901
+ --df-button-outline-basic-color-danger-hovered-background: #ffd7d7;
902
+ --df-button-outline-basic-color-danger-pressed-border: #560900;
903
+ --df-button-outline-basic-color-danger-pressed-foreground: #560900;
904
+ --df-button-outline-basic-color-danger-pressed-background: #ff9794;
905
+ --df-button-outline-basic-color-danger-active-border: #560900;
906
+ --df-button-outline-basic-color-danger-active-foreground: #560900;
907
+ --df-button-outline-basic-color-danger-active-background: #ff9794;
908
+ --df-button-outline-basic-color-danger-activeHovered-border: #861d17;
909
+ --df-button-outline-basic-color-danger-activeHovered-foreground: #861d17;
910
+ --df-button-outline-basic-color-danger-activeHovered-background: #ffd7d7;
911
+ --df-button-outline-basic-color-danger-activePressed-border: #560900;
912
+ --df-button-outline-basic-color-danger-activePressed-foreground: #560900;
913
+ --df-button-outline-basic-color-danger-activePressed-background: #ff9794;
914
+ --df-button-outline-basic-color-neutral-default-border: #1a1a1a;
915
+ --df-button-outline-basic-color-neutral-default-foreground: #1a1a1a;
916
+ --df-button-outline-basic-color-neutral-default-background: #ffffff;
917
+ --df-button-outline-basic-color-neutral-hovered-border: #1a1a1a;
918
+ --df-button-outline-basic-color-neutral-hovered-foreground: #1a1a1a;
919
+ --df-button-outline-basic-color-neutral-hovered-background: #f2f2f2;
920
+ --df-button-outline-basic-color-neutral-pressed-border: #000000;
921
+ --df-button-outline-basic-color-neutral-pressed-foreground: #000000;
922
+ --df-button-outline-basic-color-neutral-pressed-background: #e6e6e6;
923
+ --df-button-outline-basic-color-neutral-active-border: #000000;
924
+ --df-button-outline-basic-color-neutral-active-foreground: #000000;
925
+ --df-button-outline-basic-color-neutral-active-background: #e6e6e6;
926
+ --df-button-outline-basic-color-neutral-activeHovered-border: #1a1a1a;
927
+ --df-button-outline-basic-color-neutral-activeHovered-foreground: #1a1a1a;
928
+ --df-button-outline-basic-color-neutral-activeHovered-background: #f2f2f2;
929
+ --df-button-outline-basic-color-neutral-activePressed-border: #000000;
930
+ --df-button-outline-basic-color-neutral-activePressed-background: #e6e6e6;
931
+ --df-button-outline-basic-color-neutral-activePressed-foreground: #000000;
932
+ --df-button-outline-basic-color-disabled-foreground: #b3b3b3;
933
+ --df-button-outline-basic-color-disabled-background: #e6e6e6;
934
+ --df-button-outline-basic-color-disabled-border: #b3b3b3;
935
+ --df-button-outline-mirror-color-primary-default-foreground: #3a8bff;
936
+ --df-button-outline-mirror-color-primary-default-background: #000000;
937
+ --df-button-outline-mirror-color-primary-default-border: #3a8bff;
938
+ --df-button-outline-mirror-color-primary-hovered-foreground: #9fc7ff;
939
+ --df-button-outline-mirror-color-primary-hovered-background: #000835;
940
+ --df-button-outline-mirror-color-primary-hovered-border: #9fc7ff;
941
+ --df-button-outline-mirror-color-primary-pressed-foreground: #c5d5f9;
942
+ --df-button-outline-mirror-color-primary-pressed-background: #0a2f62;
943
+ --df-button-outline-mirror-color-primary-pressed-border: #c5d5f9;
944
+ --df-button-outline-mirror-color-primary-active-foreground: #c5d5f9;
945
+ --df-button-outline-mirror-color-primary-active-background: #0a2f62;
946
+ --df-button-outline-mirror-color-primary-active-border: #c5d5f9;
947
+ --df-button-outline-mirror-color-primary-activeHovered-foreground: #9fc7ff;
948
+ --df-button-outline-mirror-color-primary-activeHovered-background: #000835;
949
+ --df-button-outline-mirror-color-primary-activeHovered-border: #9fc7ff;
950
+ --df-button-outline-mirror-color-primary-activePressed-foreground: #c5d5f9;
951
+ --df-button-outline-mirror-color-primary-activePressed-background: #0a2f62;
952
+ --df-button-outline-mirror-color-primary-activePressed-border: #c5d5f9;
953
+ --df-button-outline-mirror-color-danger-default-foreground: #ff514d;
954
+ --df-button-outline-mirror-color-danger-default-background: #000000;
955
+ --df-button-outline-mirror-color-danger-default-border: #ff514d;
956
+ --df-button-outline-mirror-color-danger-hovered-foreground: #ff9794;
957
+ --df-button-outline-mirror-color-danger-hovered-background: #560900;
958
+ --df-button-outline-mirror-color-danger-hovered-border: #ff9794;
959
+ --df-button-outline-mirror-color-danger-pressed-foreground: #ffd7d7;
960
+ --df-button-outline-mirror-color-danger-pressed-background: #861d17;
961
+ --df-button-outline-mirror-color-danger-pressed-border: #ffd7d7;
962
+ --df-button-outline-mirror-color-danger-active-foreground: #ffd7d7;
963
+ --df-button-outline-mirror-color-danger-active-background: #861d17;
964
+ --df-button-outline-mirror-color-danger-active-border: #ffd7d7;
965
+ --df-button-outline-mirror-color-danger-activeHovered-foreground: #ff9794;
966
+ --df-button-outline-mirror-color-danger-activeHovered-background: #560900;
967
+ --df-button-outline-mirror-color-danger-activeHovered-border: #ff9794;
968
+ --df-button-outline-mirror-color-danger-activePressed-foreground: #ffd7d7;
969
+ --df-button-outline-mirror-color-danger-activePressed-background: #861d17;
970
+ --df-button-outline-mirror-color-danger-activePressed-border: #ffd7d7;
971
+ --df-button-outline-mirror-color-neutral-default-foreground: #fafafa;
972
+ --df-button-outline-mirror-color-neutral-default-border: #fafafa;
973
+ --df-button-outline-mirror-color-neutral-default-background: #000000;
974
+ --df-button-outline-mirror-color-neutral-hovered-background: #333333;
975
+ --df-button-outline-mirror-color-neutral-hovered-foreground: #fafafa;
976
+ --df-button-outline-mirror-color-neutral-hovered-border: #fafafa;
977
+ --df-button-outline-mirror-color-neutral-pressed-background: #666666;
978
+ --df-button-outline-mirror-color-neutral-pressed-foreground: #ffffff;
979
+ --df-button-outline-mirror-color-neutral-pressed-border: #ffffff;
980
+ --df-button-outline-mirror-color-neutral-active-background: #666666;
981
+ --df-button-outline-mirror-color-neutral-active-foreground: #ffffff;
982
+ --df-button-outline-mirror-color-neutral-active-border: #ffffff;
983
+ --df-button-outline-mirror-color-neutral-activeHovered-background: #333333;
984
+ --df-button-outline-mirror-color-neutral-activeHovered-foreground: #fafafa;
985
+ --df-button-outline-mirror-color-neutral-activeHovered-border: #fafafa;
986
+ --df-button-outline-mirror-color-neutral-activePressed-background: #666666;
987
+ --df-button-outline-mirror-color-neutral-activePressed-foreground: #ffffff;
988
+ --df-button-outline-mirror-color-neutral-activePressed-border: #ffffff;
989
+ --df-button-outline-mirror-color-disabled-border: #b3b3b3;
990
+ --df-button-outline-mirror-color-disabled-foreground: #b3b3b3;
991
+ --df-button-outline-mirror-color-disabled-background: #e6e6e6;
992
+ --df-button-text-basic-color-primary-default-foreground: #0c66e1;
993
+ --df-button-text-basic-color-primary-default-background: #ffffff;
994
+ --df-button-text-basic-color-primary-default-border: #0c66e1;
995
+ --df-button-text-basic-color-primary-hovered-foreground: #0a2f62;
996
+ --df-button-text-basic-color-primary-hovered-background: #c5d5f9;
997
+ --df-button-text-basic-color-primary-hovered-border: #0a2f62;
998
+ --df-button-text-basic-color-primary-pressed-foreground: #000835;
999
+ --df-button-text-basic-color-primary-pressed-background: #9fc7ff;
1000
+ --df-button-text-basic-color-primary-pressed-border: #000835;
1001
+ --df-button-text-basic-color-primary-active-foreground: #000835;
1002
+ --df-button-text-basic-color-primary-active-background: #9fc7ff;
1003
+ --df-button-text-basic-color-primary-active-border: #000835;
1004
+ --df-button-text-basic-color-primary-activeHovered-foreground: #0a2f62;
1005
+ --df-button-text-basic-color-primary-activeHovered-background: #c5d5f9;
1006
+ --df-button-text-basic-color-primary-activeHovered-border: #0a2f62;
1007
+ --df-button-text-basic-color-primary-activePressed-foreground: #000835;
1008
+ --df-button-text-basic-color-primary-activePressed-background: #9fc7ff;
1009
+ --df-button-text-basic-color-primary-activePressed-border: #000835;
1010
+ --df-button-text-basic-color-danger-default-foreground: #df3127;
1011
+ --df-button-text-basic-color-danger-default-background: #ffffff;
1012
+ --df-button-text-basic-color-danger-default-border: #df3127;
1013
+ --df-button-text-basic-color-danger-hovered-foreground: #861d17;
1014
+ --df-button-text-basic-color-danger-hovered-background: #ffd7d7;
1015
+ --df-button-text-basic-color-danger-hovered-border: #861d17;
1016
+ --df-button-text-basic-color-danger-pressed-foreground: #560900;
1017
+ --df-button-text-basic-color-danger-pressed-background: #ff9794;
1018
+ --df-button-text-basic-color-danger-pressed-border: #560900;
1019
+ --df-button-text-basic-color-danger-active-foreground: #560900;
1020
+ --df-button-text-basic-color-danger-active-background: #ff9794;
1021
+ --df-button-text-basic-color-danger-active-border: #560900;
1022
+ --df-button-text-basic-color-danger-activeHovered-foreground: #861d17;
1023
+ --df-button-text-basic-color-danger-activeHovered-background: #ffd7d7;
1024
+ --df-button-text-basic-color-danger-activeHovered-border: #861d17;
1025
+ --df-button-text-basic-color-danger-activePressed-foreground: #560900;
1026
+ --df-button-text-basic-color-danger-activePressed-background: #ff9794;
1027
+ --df-button-text-basic-color-danger-activePressed-border: #560900;
1028
+ --df-button-text-basic-color-neutral-default-foreground: #1a1a1a;
1029
+ --df-button-text-basic-color-neutral-default-background: #ffffff;
1030
+ --df-button-text-basic-color-neutral-default-border: #1a1a1a;
1031
+ --df-button-text-basic-color-neutral-hovered-foreground: #1a1a1a;
1032
+ --df-button-text-basic-color-neutral-hovered-background: #f2f2f2;
1033
+ --df-button-text-basic-color-neutral-hovered-border: #1a1a1a;
1034
+ --df-button-text-basic-color-neutral-pressed-foreground: #000000;
1035
+ --df-button-text-basic-color-neutral-pressed-background: #e6e6e6;
1036
+ --df-button-text-basic-color-neutral-pressed-border: #000000;
1037
+ --df-button-text-basic-color-neutral-active-foreground: #000000;
1038
+ --df-button-text-basic-color-neutral-active-background: #e6e6e6;
1039
+ --df-button-text-basic-color-neutral-active-border: #000000;
1040
+ --df-button-text-basic-color-neutral-activeHovered-foreground: #1a1a1a;
1041
+ --df-button-text-basic-color-neutral-activeHovered-background: #f2f2f2;
1042
+ --df-button-text-basic-color-neutral-activeHovered-border: #1a1a1a;
1043
+ --df-button-text-basic-color-neutral-activePressed-background: #e6e6e6;
1044
+ --df-button-text-basic-color-neutral-activePressed-foreground: #000000;
1045
+ --df-button-text-basic-color-neutral-activePressed-border: #000000;
1046
+ --df-button-text-basic-color-disabled-foreground: #b3b3b3;
1047
+ --df-button-text-basic-color-disabled-background: #ffffff;
1048
+ --df-button-text-mirror-color-primary-default-background: #000000;
1049
+ --df-button-text-mirror-color-primary-default-foreground: #3a8bff;
1050
+ --df-button-text-mirror-color-primary-default-border: #3a8bff;
1051
+ --df-button-text-mirror-color-primary-hovered-foreground: #9fc7ff;
1052
+ --df-button-text-mirror-color-primary-hovered-background: #000835;
1053
+ --df-button-text-mirror-color-primary-hovered-border: #9fc7ff;
1054
+ --df-button-text-mirror-color-primary-pressed-foreground: #c5d5f9;
1055
+ --df-button-text-mirror-color-primary-pressed-background: #000835;
1056
+ --df-button-text-mirror-color-primary-pressed-border: #9fc7ff;
1057
+ --df-button-text-mirror-color-primary-active-foreground: #c5d5f9;
1058
+ --df-button-text-mirror-color-primary-active-background: #0a2f62;
1059
+ --df-button-text-mirror-color-primary-active-border: #c5d5f9;
1060
+ --df-button-text-mirror-color-primary-activeHovered-foreground: #9fc7ff;
1061
+ --df-button-text-mirror-color-primary-activeHovered-background: #000835;
1062
+ --df-button-text-mirror-color-primary-activeHovered-border: #9fc7ff;
1063
+ --df-button-text-mirror-color-primary-activePressed-foreground: #c5d5f9;
1064
+ --df-button-text-mirror-color-primary-activePressed-background: #0a2f62;
1065
+ --df-button-text-mirror-color-primary-activePressed-border: #c5d5f9;
1066
+ --df-button-text-mirror-color-danger-default-background: #000000;
1067
+ --df-button-text-mirror-color-danger-default-foreground: #ff514d;
1068
+ --df-button-text-mirror-color-danger-default-border: #ff514d;
1069
+ --df-button-text-mirror-color-danger-hovered-foreground: #ff9794;
1070
+ --df-button-text-mirror-color-danger-hovered-background: #560900;
1071
+ --df-button-text-mirror-color-danger-hovered-border: #ff9794;
1072
+ --df-button-text-mirror-color-danger-pressed-foreground: #ffd7d7;
1073
+ --df-button-text-mirror-color-danger-pressed-background: #861d17;
1074
+ --df-button-text-mirror-color-danger-pressed-border: #ffd7d7;
1075
+ --df-button-text-mirror-color-danger-active-foreground: #ffd7d7;
1076
+ --df-button-text-mirror-color-danger-active-background: #861d17;
1077
+ --df-button-text-mirror-color-danger-active-border: #ffd7d7;
1078
+ --df-button-text-mirror-color-danger-activeHovered-foreground: #ff9794;
1079
+ --df-button-text-mirror-color-danger-activeHovered-background: #560900;
1080
+ --df-button-text-mirror-color-danger-activeHovered-border: #ff9794;
1081
+ --df-button-text-mirror-color-danger-activePressed-foreground: #ffd7d7;
1082
+ --df-button-text-mirror-color-danger-activePressed-background: #861d17;
1083
+ --df-button-text-mirror-color-danger-activePressed-border: #ffd7d7;
1084
+ --df-button-text-mirror-color-neutral-default-background: #000000;
1085
+ --df-button-text-mirror-color-neutral-default-foreground: #fafafa;
1086
+ --df-button-text-mirror-color-neutral-default-border: #fafafa;
1087
+ --df-button-text-mirror-color-neutral-hovered-background: #333333;
1088
+ --df-button-text-mirror-color-neutral-hovered-foreground: #fafafa;
1089
+ --df-button-text-mirror-color-neutral-hovered-border: #fafafa;
1090
+ --df-button-text-mirror-color-neutral-pressed-background: #666666;
1091
+ --df-button-text-mirror-color-neutral-pressed-foreground: #ffffff;
1092
+ --df-button-text-mirror-color-neutral-pressed-border: #ffffff;
1093
+ --df-button-text-mirror-color-neutral-active-background: #666666;
1094
+ --df-button-text-mirror-color-neutral-active-foreground: #ffffff;
1095
+ --df-button-text-mirror-color-neutral-active-border: #ffffff;
1096
+ --df-button-text-mirror-color-neutral-activeHovered-background: #333333;
1097
+ --df-button-text-mirror-color-neutral-activeHovered-foreground: #fafafa;
1098
+ --df-button-text-mirror-color-neutral-activeHovered-border: #fafafa;
1099
+ --df-button-text-mirror-color-neutral-activePressed-background: #666666;
1100
+ --df-button-text-mirror-color-neutral-activePressed-foreground: #ffffff;
1101
+ --df-button-text-mirror-color-neutral-activePressed-border: #ffffff;
1102
+ --df-button-text-mirror-color-disabled-foreground: #b3b3b3;
1103
+ --df-button-text-mirror-color-disabled-border: #b3b3b3;
1104
+ --df-button-text-mirror-color-disabled-background: #e6e6e6;
1105
+ }
1106
+ .badge {
1107
+ --df-badge-solid-color-focus-main-border: #1a1a1a;
1108
+ --df-badge-solid-color-focus-alt-border: #ffffff;
1109
+ --df-badge-solid-color-neutral-default-background: #1a1a1a;
1110
+ --df-badge-solid-color-neutral-default-foreground: #ffffff;
1111
+ --df-badge-solid-color-neutral-hovered-background: #1a1a1a;
1112
+ --df-badge-solid-color-neutral-hovered-foreground: #ffffff;
1113
+ --df-badge-solid-color-neutral-pressed-background: #000000;
1114
+ --df-badge-solid-color-neutral-pressed-foreground: #ffffff;
1115
+ --df-badge-solid-color-neutral-alt-default-background: #ffffff;
1116
+ --df-badge-solid-color-neutral-alt-default-foreground: #1a1a1a;
1117
+ --df-badge-solid-color-neutral-alt-hovered-background: #f2f2f2;
1118
+ --df-badge-solid-color-neutral-alt-hovered-foreground: #1a1a1a;
1119
+ --df-badge-solid-color-neutral-alt-pressed-background: #e6e6e6;
1120
+ --df-badge-solid-color-neutral-alt-pressed-foreground: #1a1a1a;
1121
+ --df-badge-solid-color-danger-default-background: #df3127;
1122
+ --df-badge-solid-color-danger-default-foreground: #ffffff;
1123
+ --df-badge-solid-color-danger-hovered-background: #861d17;
1124
+ --df-badge-solid-color-danger-hovered-foreground: #ffffff;
1125
+ --df-badge-solid-color-danger-pressed-background: #560900;
1126
+ --df-badge-solid-color-danger-pressed-foreground: #ffffff;
1127
+ --df-badge-solid-color-warning-default-background: #fa6400;
1128
+ --df-badge-solid-color-warning-default-foreground: #000000;
1129
+ --df-badge-solid-color-warning-hovered-background: #863701;
1130
+ --df-badge-solid-color-warning-hovered-foreground: #ffffff;
1131
+ --df-badge-solid-color-warning-pressed-background: #5b2500;
1132
+ --df-badge-solid-color-warning-pressed-foreground: #ffffff;
1133
+ --df-badge-solid-color-success-default-background: #3a862e;
1134
+ --df-badge-solid-color-success-default-foreground: #ffffff;
1135
+ --df-badge-solid-color-success-hovered-background: #19571d;
1136
+ --df-badge-solid-color-success-hovered-foreground: #ffffff;
1137
+ --df-badge-solid-color-success-pressed-background: #023a00;
1138
+ --df-badge-solid-color-success-pressed-foreground: #ffffff;
1139
+ --df-badge-solid-color-info-default-background: #0c66e1;
1140
+ --df-badge-solid-color-info-default-foreground: #ffffff;
1141
+ --df-badge-solid-color-info-hovered-background: #0a2f62;
1142
+ --df-badge-solid-color-info-hovered-foreground: #ffffff;
1143
+ --df-badge-solid-color-info-pressed-background: #000835;
1144
+ --df-badge-solid-color-info-pressed-foreground: #ffffff;
1145
+ --df-badge-solid-color-tip-default-background: #9240cc;
1146
+ --df-badge-solid-color-tip-default-foreground: #ffffff;
1147
+ --df-badge-solid-color-tip-hovered-background: #461b64;
1148
+ --df-badge-solid-color-tip-hovered-foreground: #ffffff;
1149
+ --df-badge-solid-color-tip-pressed-background: #26005a;
1150
+ --df-badge-solid-color-tip-pressed-foreground: #ffffff;
1151
+ --df-badge-solid-color-chromatic1-default-background: #74691c;
1152
+ --df-badge-solid-color-chromatic1-default-foreground: #ffffff;
1153
+ --df-badge-solid-color-chromatic1-hovered-background: #74691c;
1154
+ --df-badge-solid-color-chromatic1-hovered-foreground: #ffffff;
1155
+ --df-badge-solid-color-chromatic1-pressed-background: #564a00;
1156
+ --df-badge-solid-color-chromatic1-pressed-foreground: #ffffff;
1157
+ --df-badge-solid-color-chromatic2-default-background: #993567;
1158
+ --df-badge-solid-color-chromatic2-default-foreground: #ffffff;
1159
+ --df-badge-solid-color-chromatic2-hovered-background: #662345;
1160
+ --df-badge-solid-color-chromatic2-hovered-foreground: #ffffff;
1161
+ --df-badge-solid-color-chromatic2-pressed-background: #4f0230;
1162
+ --df-badge-solid-color-chromatic2-pressed-foreground: #ffffff;
1163
+ --df-badge-solid-color-disabled-default-background: #b3b3b3;
1164
+ --df-badge-solid-color-disabled-default-foreground: #e6e6e6;
1165
+ --df-badge-soft-color-focus-main-border: #1a1a1a;
1166
+ --df-badge-soft-color-neutral-default-background: #cccccc;
1167
+ --df-badge-soft-color-neutral-default-foreground: #000000;
1168
+ --df-badge-soft-color-neutral-default-border: #000000;
1169
+ --df-badge-soft-color-neutral-hovered-background: #999999;
1170
+ --df-badge-soft-color-neutral-hovered-foreground: #000000;
1171
+ --df-badge-soft-color-neutral-hovered-border: #000000;
1172
+ --df-badge-soft-color-neutral-pressed-background: #808080;
1173
+ --df-badge-soft-color-neutral-pressed-foreground: #000000;
1174
+ --df-badge-soft-color-neutral-pressed-border: #000000;
1175
+ --df-badge-soft-color-danger-default-background: #ffd7d7;
1176
+ --df-badge-soft-color-danger-default-foreground: #560900;
1177
+ --df-badge-soft-color-danger-default-border: #560900;
1178
+ --df-badge-soft-color-danger-hovered-background: #ff7471;
1179
+ --df-badge-soft-color-danger-hovered-foreground: #560900;
1180
+ --df-badge-soft-color-danger-hovered-border: #560900;
1181
+ --df-badge-soft-color-danger-pressed-background: #ff514d;
1182
+ --df-badge-soft-color-danger-pressed-foreground: #560900;
1183
+ --df-badge-soft-color-danger-pressed-border: #560900;
1184
+ --df-badge-soft-color-warning-default-background: #ffd9c4;
1185
+ --df-badge-soft-color-warning-default-foreground: #5b2500;
1186
+ --df-badge-soft-color-warning-default-border: #5b2500;
1187
+ --df-badge-soft-color-warning-hovered-background: #ff8838;
1188
+ --df-badge-soft-color-warning-hovered-foreground: #5b2500;
1189
+ --df-badge-soft-color-warning-hovered-border: #5b2500;
1190
+ --df-badge-soft-color-warning-pressed-background: #ff7920;
1191
+ --df-badge-soft-color-warning-pressed-foreground: #5b2500;
1192
+ --df-badge-soft-color-warning-pressed-border: #5b2500;
1193
+ --df-badge-soft-color-success-default-background: #c8ffc0;
1194
+ --df-badge-soft-color-success-default-foreground: #023a00;
1195
+ --df-badge-soft-color-success-default-border: #023a00;
1196
+ --df-badge-soft-color-success-hovered-background: #a8ff8f;
1197
+ --df-badge-soft-color-success-hovered-foreground: #023a00;
1198
+ --df-badge-soft-color-success-hovered-border: #023a00;
1199
+ --df-badge-soft-color-success-pressed-background: #92ff73;
1200
+ --df-badge-soft-color-success-pressed-foreground: #023a00;
1201
+ --df-badge-soft-color-success-pressed-border: #023a00;
1202
+ --df-badge-soft-color-info-default-background: #c5d5f9;
1203
+ --df-badge-soft-color-info-default-foreground: #000835;
1204
+ --df-badge-soft-color-info-default-border: #000835;
1205
+ --df-badge-soft-color-info-hovered-background: #61a2ff;
1206
+ --df-badge-soft-color-info-hovered-foreground: #000835;
1207
+ --df-badge-soft-color-info-hovered-border: #000835;
1208
+ --df-badge-soft-color-info-pressed-background: #3a8bff;
1209
+ --df-badge-soft-color-info-pressed-foreground: #000835;
1210
+ --df-badge-soft-color-info-pressed-border: #000835;
1211
+ --df-badge-soft-color-tip-default-background: #e4c7ff;
1212
+ --df-badge-soft-color-tip-default-foreground: #26005a;
1213
+ --df-badge-soft-color-tip-default-border: #26005a;
1214
+ --df-badge-soft-color-tip-hovered-background: #c573ff;
1215
+ --df-badge-soft-color-tip-hovered-foreground: #26005a;
1216
+ --df-badge-soft-color-tip-hovered-border: #26005a;
1217
+ --df-badge-soft-color-tip-pressed-background: #b650ff;
1218
+ --df-badge-soft-color-tip-pressed-foreground: #26005a;
1219
+ --df-badge-soft-color-tip-pressed-border: #26005a;
1220
+ --df-badge-soft-color-chromatic1-default-background: #fffeb0;
1221
+ --df-badge-soft-color-chromatic1-default-foreground: #564a00;
1222
+ --df-badge-soft-color-chromatic1-default-border: #564a00;
1223
+ --df-badge-soft-color-chromatic1-hovered-background: #fdeb6d;
1224
+ --df-badge-soft-color-chromatic1-hovered-foreground: #564a00;
1225
+ --df-badge-soft-color-chromatic1-hovered-border: #564a00;
1226
+ --df-badge-soft-color-chromatic1-pressed-background: #fce649;
1227
+ --df-badge-soft-color-chromatic1-pressed-foreground: #564a00;
1228
+ --df-badge-soft-color-chromatic1-pressed-border: #564a00;
1229
+ --df-badge-soft-color-chromatic2-default-background: #fcc5f9;
1230
+ --df-badge-soft-color-chromatic2-default-foreground: #4f0230;
1231
+ --df-badge-soft-color-chromatic2-default-border: #4f0230;
1232
+ --df-badge-soft-color-chromatic2-hovered-background: #ff79bd;
1233
+ --df-badge-soft-color-chromatic2-hovered-foreground: #4f0230;
1234
+ --df-badge-soft-color-chromatic2-hovered-border: #4f0230;
1235
+ --df-badge-soft-color-chromatic2-pressed-background: #ff58ac;
1236
+ --df-badge-soft-color-chromatic2-pressed-foreground: #4f0230;
1237
+ --df-badge-soft-color-chromatic2-pressed-border: #4f0230;
1238
+ --df-badge-soft-color-disabled-default-background: #b3b3b3;
1239
+ --df-badge-soft-color-disabled-default-foreground: #e6e6e6;
1240
+ --df-badge-soft-color-disabled-default-border: #e6e6e6;
1241
+ --df-badge-outline-color-focus-main-border: #1a1a1a;
1242
+ --df-badge-outline-color-neutral-default-border: #1a1a1a;
1243
+ --df-badge-outline-color-neutral-default-foreground: #1a1a1a;
1244
+ --df-badge-outline-color-neutral-hovered-border: #1a1a1a;
1245
+ --df-badge-outline-color-neutral-hovered-background: #f2f2f2;
1246
+ --df-badge-outline-color-neutral-hovered-foreground: #1a1a1a;
1247
+ --df-badge-outline-color-neutral-pressed-border: #000000;
1248
+ --df-badge-outline-color-neutral-pressed-background: #e6e6e6;
1249
+ --df-badge-outline-color-neutral-pressed-foreground: #000000;
1250
+ --df-badge-outline-color-danger-default-border: #df3127;
1251
+ --df-badge-outline-color-danger-default-foreground: #df3127;
1252
+ --df-badge-outline-color-danger-hovered-border: #861d17;
1253
+ --df-badge-outline-color-danger-hovered-background: #ffd7d7;
1254
+ --df-badge-outline-color-danger-hovered-foreground: #861d17;
1255
+ --df-badge-outline-color-danger-pressed-border: #560900;
1256
+ --df-badge-outline-color-danger-pressed-background: #ff9794;
1257
+ --df-badge-outline-color-danger-pressed-foreground: #560900;
1258
+ --df-badge-outline-color-warning-default-border: #fa6400;
1259
+ --df-badge-outline-color-warning-default-foreground: #c74905;
1260
+ --df-badge-outline-color-warning-hovered-border: #863701;
1261
+ --df-badge-outline-color-warning-hovered-background: #ffd9c4;
1262
+ --df-badge-outline-color-warning-hovered-foreground: #863701;
1263
+ --df-badge-outline-color-warning-pressed-border: #5b2500;
1264
+ --df-badge-outline-color-warning-pressed-background: #ffa366;
1265
+ --df-badge-outline-color-warning-pressed-foreground: #5b2500;
1266
+ --df-badge-outline-color-success-default-border: #3a862e;
1267
+ --df-badge-outline-color-success-default-foreground: #3a862e;
1268
+ --df-badge-outline-color-success-hovered-border: #19571d;
1269
+ --df-badge-outline-color-success-hovered-background: #c8ffc0;
1270
+ --df-badge-outline-color-success-hovered-foreground: #19571d;
1271
+ --df-badge-outline-color-success-pressed-border: #023a00;
1272
+ --df-badge-outline-color-success-pressed-background: #beffab;
1273
+ --df-badge-outline-color-success-pressed-foreground: #023a00;
1274
+ --df-badge-outline-color-info-default-border: #0c66e1;
1275
+ --df-badge-outline-color-info-default-foreground: #0c66e1;
1276
+ --df-badge-outline-color-info-hovered-border: #0a2f62;
1277
+ --df-badge-outline-color-info-hovered-background: #c5d5f9;
1278
+ --df-badge-outline-color-info-hovered-foreground: #0a2f62;
1279
+ --df-badge-outline-color-info-pressed-border: #000835;
1280
+ --df-badge-outline-color-info-pressed-background: #9fc7ff;
1281
+ --df-badge-outline-color-info-pressed-foreground: #000835;
1282
+ --df-badge-outline-color-tip-default-border: #9240cc;
1283
+ --df-badge-outline-color-tip-default-foreground: #9240cc;
1284
+ --df-badge-outline-color-tip-hovered-border: #461b64;
1285
+ --df-badge-outline-color-tip-hovered-background: #e4c7ff;
1286
+ --df-badge-outline-color-tip-hovered-foreground: #461b64;
1287
+ --df-badge-outline-color-tip-pressed-border: #26005a;
1288
+ --df-badge-outline-color-tip-pressed-background: #d396ff;
1289
+ --df-badge-outline-color-tip-pressed-foreground: #26005a;
1290
+ --df-badge-outline-color-chromatic1-default-border: #74691c;
1291
+ --df-badge-outline-color-chromatic1-default-foreground: #74691c;
1292
+ --df-badge-outline-color-chromatic1-hovered-border: #74691c;
1293
+ --df-badge-outline-color-chromatic1-hovered-background: #fffeb0;
1294
+ --df-badge-outline-color-chromatic1-hovered-foreground: #74691c;
1295
+ --df-badge-outline-color-chromatic1-pressed-border: #564a00;
1296
+ --df-badge-outline-color-chromatic1-pressed-background: #fdf092;
1297
+ --df-badge-outline-color-chromatic1-pressed-foreground: #564a00;
1298
+ --df-badge-outline-color-chromatic2-default-border: #993567;
1299
+ --df-badge-outline-color-chromatic2-default-foreground: #993567;
1300
+ --df-badge-outline-color-chromatic2-hovered-border: #662345;
1301
+ --df-badge-outline-color-chromatic2-hovered-background: #fcc5f9;
1302
+ --df-badge-outline-color-chromatic2-hovered-foreground: #662345;
1303
+ --df-badge-outline-color-chromatic2-pressed-border: #4f0230;
1304
+ --df-badge-outline-color-chromatic2-pressed-background: #ff9be3;
1305
+ --df-badge-outline-color-chromatic2-pressed-foreground: #4f0230;
1306
+ --df-badge-outline-color-disabled-default-border: #b3b3b3;
1307
+ --df-badge-outline-color-disabled-default-foreground: #b3b3b3;
1308
+ }
1309
+ .df-app-footer {
1310
+ --df-footer-color-logo-foreground: #000835;
1311
+ --df-footer-color-inert-neutral-border: #cccccc;
1312
+ --df-footer-color-inert-neutral-background: #ffffff;
1313
+ --df-footer-color-inert-neutral-foreground: #1a1a1a;
1314
+ --df-footer-color-inert-primary-background: #000835;
1315
+ --df-footer-color-link-primary-default-border: #0c66e1;
1316
+ --df-footer-color-link-primary-default-foreground: #0c66e1;
1317
+ --df-footer-color-link-primary-hovered-background: #c5d5f9;
1318
+ --df-footer-color-link-primary-hovered-border: #0a2f62;
1319
+ --df-footer-color-link-primary-hovered-foreground: #0a2f62;
1320
+ --df-footer-color-link-primary-pressed-background: #9fc7ff;
1321
+ --df-footer-color-link-primary-pressed-border: #000835;
1322
+ --df-footer-color-link-primary-pressed-foreground: #000835;
1323
+ --df-footer-color-link-visited-default-foreground: #9240cc;
1324
+ --df-footer-color-link-visited-hovered-background: #e4c7ff;
1325
+ --df-footer-color-link-visited-hovered-foreground: #461b64;
1326
+ --df-footer-color-link-visited-pressed-background: #d396ff;
1327
+ --df-footer-color-link-visited-pressed-foreground: #26005a;
1328
+ }
1329
+ .navbar {
1330
+ --df-navbar-color-inert-main-foreground: #ffffff;
1331
+ --df-navbar-color-inert-main-background: #000835;
1332
+ --df-navbar-color-inert-alt-foreground: #000835;
1333
+ --df-navbar-color-inert-alt-background: #ffffff;
1334
+ --df-navbar-color-inert-subtext-foreground: #666666;
1335
+ --df-navbar-color-main-default-border: #ffffff;
1336
+ --df-navbar-color-main-default-foreground: #ffffff;
1337
+ --df-navbar-color-main-hovered-border: #ffffff;
1338
+ --df-navbar-color-main-hovered-foreground: #ffffff;
1339
+ --df-navbar-color-main-hovered-background: #104ea4;
1340
+ --df-navbar-color-main-pressed-border: #ffffff;
1341
+ --df-navbar-color-main-pressed-foreground: #ffffff;
1342
+ --df-navbar-color-main-pressed-background: #0c66e1;
1343
+ --df-navbar-color-main-active-border: #ffffff;
1344
+ --df-navbar-color-main-active-foreground: #ffffff;
1345
+ --df-navbar-color-main-activeHovered-border: #ffffff;
1346
+ --df-navbar-color-main-activeHovered-foreground: #ffffff;
1347
+ --df-navbar-color-main-activeHovered-background: #104ea4;
1348
+ --df-navbar-color-main-activePressed-border: #ffffff;
1349
+ --df-navbar-color-main-activePressed-foreground: #ffffff;
1350
+ --df-navbar-color-alt-default-border: #000835;
1351
+ --df-navbar-color-alt-default-foreground: #000835;
1352
+ --df-navbar-color-alt-hovered-border: #000835;
1353
+ --df-navbar-color-alt-hovered-foreground: #000835;
1354
+ --df-navbar-color-alt-hovered-background: #c5d5f9;
1355
+ --df-navbar-color-alt-pressed-border: #000835;
1356
+ --df-navbar-color-alt-pressed-foreground: #000835;
1357
+ --df-navbar-color-alt-pressed-background: #9fc7ff;
1358
+ --df-navbar-color-alt-active-border: #000835;
1359
+ --df-navbar-color-alt-active-foreground: #000835;
1360
+ --df-navbar-color-alt-activeHovered-border: #000835;
1361
+ --df-navbar-color-alt-activeHovered-foreground: #000835;
1362
+ --df-navbar-color-alt-activeHovered-background: #c5d5f9;
1363
+ --df-navbar-color-alt-activePressed-border: #000835;
1364
+ --df-navbar-color-alt-activePressed-foreground: #000835;
1365
+ --df-navbar-color-dropdown-main-default-foreground: #ffffff;
1366
+ --df-navbar-color-dropdown-main-default-border: #ffffff;
1367
+ --df-navbar-color-dropdown-main-hovered-foreground: #ffffff;
1368
+ --df-navbar-color-dropdown-main-hovered-background: #104ea4;
1369
+ --df-navbar-color-dropdown-main-hovered-border: #ffffff;
1370
+ --df-navbar-color-dropdown-main-pressed-foreground: #ffffff;
1371
+ --df-navbar-color-dropdown-main-pressed-background: #0c66e1;
1372
+ --df-navbar-color-dropdown-main-pressed-border: #ffffff;
1373
+ --df-navbar-color-dropdown-main-active-foreground: #ffffff;
1374
+ --df-navbar-color-dropdown-main-active-background: #0c66e1;
1375
+ --df-navbar-color-dropdown-main-active-border: #ffffff;
1376
+ --df-navbar-color-dropdown-main-activeHovered-foreground: #ffffff;
1377
+ --df-navbar-color-dropdown-main-activeHovered-background: #104ea4;
1378
+ --df-navbar-color-dropdown-main-activeHovered-border: #ffffff;
1379
+ --df-navbar-color-dropdown-main-activePressed-foreground: #ffffff;
1380
+ --df-navbar-color-dropdown-main-activePressed-background: #0c66e1;
1381
+ --df-navbar-color-dropdown-main-activePressed-border: #ffffff;
1382
+ --df-navbar-color-dropdown-alt-default-foreground: #000835;
1383
+ --df-navbar-color-dropdown-alt-default-border: #000835;
1384
+ --df-navbar-color-dropdown-alt-hovered-foreground: #000835;
1385
+ --df-navbar-color-dropdown-alt-hovered-background: #c5d5f9;
1386
+ --df-navbar-color-dropdown-alt-hovered-border: #000835;
1387
+ --df-navbar-color-dropdown-alt-pressed-foreground: #000835;
1388
+ --df-navbar-color-dropdown-alt-pressed-background: #9fc7ff;
1389
+ --df-navbar-color-dropdown-alt-pressed-border: #000835;
1390
+ --df-navbar-color-dropdown-alt-active-foreground: #000835;
1391
+ --df-navbar-color-dropdown-alt-active-background: #9fc7ff;
1392
+ --df-navbar-color-dropdown-alt-active-border: #000835;
1393
+ --df-navbar-color-dropdown-alt-activeHovered-foreground: #000835;
1394
+ --df-navbar-color-dropdown-alt-activeHovered-background: #c5d5f9;
1395
+ --df-navbar-color-dropdown-alt-activeHovered-border: #000835;
1396
+ --df-navbar-color-dropdown-alt-activePressed-foreground: #000835;
1397
+ --df-navbar-color-dropdown-alt-activePressed-background: #9fc7ff;
1398
+ --df-navbar-color-dropdown-alt-activePressed-border: #000835;
1399
+ --df-navbar-color-productName-main-default-foreground: #ffffff;
1400
+ --df-navbar-color-productName-main-default-border: #ffffff;
1401
+ --df-navbar-color-productName-main-hovered-foreground: #ffffff;
1402
+ --df-navbar-color-productName-main-hovered-background: #104ea4;
1403
+ --df-navbar-color-productName-main-hovered-border: #ffffff;
1404
+ --df-navbar-color-productName-main-pressed-foreground: #ffffff;
1405
+ --df-navbar-color-productName-main-pressed-background: #0c66e1;
1406
+ --df-navbar-color-productName-main-pressed-border: #ffffff;
1407
+ --df-navbar-color-productName-alt-default-foreground: #000835;
1408
+ --df-navbar-color-productName-alt-default-border: #000835;
1409
+ --df-navbar-color-productName-alt-hovered-foreground: #000835;
1410
+ --df-navbar-color-productName-alt-hovered-background: #c5d5f9;
1411
+ --df-navbar-color-productName-alt-hovered-border: #000835;
1412
+ --df-navbar-color-productName-alt-pressed-foreground: #000835;
1413
+ --df-navbar-color-productName-alt-pressed-background: #9fc7ff;
1414
+ --df-navbar-color-productName-alt-pressed-border: #000835;
1415
+ --df-navbar-color-disabled-main-foreground: #e6e6e6;
1416
+ --df-navbar-color-disabled-main-border: #e6e6e6;
1417
+ --df-navbar-color-disabled-alt-foreground: #b3b3b3;
1418
+ --df-navbar-color-disabled-alt-border: #b3b3b3;
1419
+ }
1420
+ a,
1421
+ .df-app-footer,
1422
+ button.df-collapse,
1423
+ .breadcrumb {
1424
+ --df-link-color-primary-default-border: #0c66e1;
1425
+ --df-link-color-primary-default-foreground: #0c66e1;
1426
+ --df-link-color-primary-hovered-border: #0a2f62;
1427
+ --df-link-color-primary-hovered-foreground: #0a2f62;
1428
+ --df-link-color-primary-hovered-background: #c5d5f9;
1429
+ --df-link-color-primary-pressed-border: #000835;
1430
+ --df-link-color-primary-pressed-foreground: #000835;
1431
+ --df-link-color-primary-pressed-background: #9fc7ff;
1432
+ --df-link-color-neutral-default-border: #1a1a1a;
1433
+ --df-link-color-neutral-default-foreground: #1a1a1a;
1434
+ --df-link-color-neutral-hovered-border: #1a1a1a;
1435
+ --df-link-color-neutral-hovered-foreground: #1a1a1a;
1436
+ --df-link-color-neutral-hovered-background: #f2f2f2;
1437
+ --df-link-color-neutral-pressed-border: #000000;
1438
+ --df-link-color-neutral-pressed-foreground: #000000;
1439
+ --df-link-color-neutral-pressed-background: #e6e6e6;
1440
+ --df-link-color-disabled-foreground: #b3b3b3;
1441
+ --df-link-color-visited-default-foreground: #9240cc;
1442
+ --df-link-color-visited-hovered-foreground: #461b64;
1443
+ --df-link-color-visited-hovered-background: #e4c7ff;
1444
+ --df-link-color-visited-pressed-foreground: #26005a;
1445
+ --df-link-color-visited-pressed-background: #d396ff;
1446
+ }
1447
+ }