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