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