@uipath/apollo-core 5.9.1 → 5.11.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.
Files changed (24) hide show
  1. package/dist/14.js +5 -1
  2. package/dist/6.js +1372 -2
  3. package/dist/index.cjs +3012 -92
  4. package/dist/index.js +2 -2
  5. package/dist/tokens/Border.d.ts +2 -0
  6. package/dist/tokens/Colors.d.ts +382 -0
  7. package/dist/tokens/css/theme-variables.css +330 -4
  8. package/dist/tokens/css/variables.css +384 -0
  9. package/dist/tokens/index.cjs +2626 -92
  10. package/dist/tokens/index.d.ts +1 -1
  11. package/dist/tokens/index.js +2 -2
  12. package/dist/tokens/jss/palette.cjs +1220 -0
  13. package/dist/tokens/jss/palette.d.ts +14 -1
  14. package/dist/tokens/jss/palette.js +1 -1
  15. package/dist/tokens/less/_variables.less +384 -0
  16. package/dist/tokens/scss/_css-variables.scss +1355 -0
  17. package/dist/tokens/scss/_scoped-theme-variables.scss +823 -0
  18. package/dist/tokens/scss/_variables.scss +923 -119
  19. package/dist/tokens/scss/base-host.scss +314 -0
  20. package/dist/tokens/scss/helpers.scss +26 -0
  21. package/dist/tokens/scss/mixins.scss +5 -0
  22. package/dist/tokens/scss/theme-variables.scss +322 -4
  23. package/dist/tokens/scss/theme.scss +319 -1
  24. package/package.json +5 -4
package/dist/tokens/scss/_scoped-theme-variables.scss ADDED
@@ -0,0 +1,823 @@
1
+ @import "./variables";
2
+
3
+ @mixin scoped-theme-variables($child: null) {
4
+ $child-selector: if($child, ' #{$child}', '');
5
+
6
+ body.light#{$child-selector} {
7
+ --color-background: #{$color-background-light};
8
+ --color-background-secondary: #{$color-background-secondary-light};
9
+ --color-background-inverse: #{$color-background-inverse-light};
10
+ --color-background-gray: #{$color-background-gray-light};
11
+ --color-background-disabled: #{$color-background-disabled-light};
12
+ --color-background-highlight: #{$color-background-highlight-light};
13
+ --color-background-raised: #{$color-background-raised-light};
14
+ --color-background-edit: #{$color-background-edit-light};
15
+ --color-background-gray-emp: #{$color-background-gray-emp-light};
16
+ --color-background-hover: #{$color-background-hover-light};
17
+ --color-background-pressed: #{$color-background-pressed-light};
18
+ --color-background-selected: #{$color-background-selected-light};
19
+ --color-selection-indicator: #{$color-selection-indicator-light};
20
+ --color-notification-badge: #{$color-notification-badge-light};
21
+ --color-notification-indicator: #{$color-notification-indicator-light};
22
+ --color-hover: #{$color-hover-light};
23
+ --color-curtain: #{$color-curtain-light};
24
+ --color-border: #{$color-border-light};
25
+ --color-border-disabled: #{$color-border-disabled-light};
26
+ --color-border-grid: #{$color-border-grid-light};
27
+ --color-border-de-emp: #{$color-border-de-emp-light};
28
+ --color-selection: #{$color-selection-light};
29
+ --color-logo: #{$color-logo-light};
30
+ --color-foreground: #{$color-foreground-light};
31
+ --color-foreground-light: #{$color-foreground-light-light};
32
+ --color-foreground-emp: #{$color-foreground-emp-light};
33
+ --color-foreground-de-emp: #{$color-foreground-de-emp-light};
34
+ --color-foreground-disable: #{$color-foreground-disable-light};
35
+ --color-foreground-inverse: #{$color-foreground-inverse-light};
36
+ --color-foreground-highlight: #{$color-foreground-highlight-light};
37
+ --color-foreground-highlight-selected: #{$color-foreground-highlight-selected-light};
38
+ --color-foreground-highlight-selected-hover: #{$color-foreground-highlight-selected-hover-light};
39
+ --color-foreground-link: #{$color-foreground-link-light};
40
+ --color-foreground-link-pressed: #{$color-foreground-link-pressed-light};
41
+ --color-foreground-inv-de-emp: #{$color-foreground-inv-de-emp-light};
42
+ --color-primary: #{$color-primary-light};
43
+ --color-primary-lighter: #{$color-primary-lighter-light};
44
+ --color-primary-darker: #{$color-primary-darker-light};
45
+ --color-primary-hover: #{$color-primary-hover-light};
46
+ --color-primary-focused: #{$color-primary-focused-light};
47
+ --color-primary-pressed: #{$color-primary-pressed-light};
48
+ --color-secondary-focused: #{$color-secondary-focused-light};
49
+ --color-secondary-pressed: #{$color-secondary-pressed-light};
50
+ --color-chip-default-background: #{$color-chip-default-background-light};
51
+ --color-chip-error-background: #{$color-chip-error-background-light};
52
+ --color-chip-warning-background: #{$color-chip-warning-background-light};
53
+ --color-chip-info-background: #{$color-chip-info-background-light};
54
+ --color-chip-success-background: #{$color-chip-success-background-light};
55
+ --color-error-icon: #{$color-error-icon-light};
56
+ --color-error-icon-inverse: #{$color-error-icon-inverse-light};
57
+ --color-error-text: #{$color-error-text-light};
58
+ --color-error-background: #{$color-error-background-light};
59
+ --color-error-foreground-inverse: #{$color-error-foreground-inverse-light};
60
+ --color-info-foreground: #{$color-info-foreground-light};
61
+ --color-info-icon: #{$color-info-icon-light};
62
+ --color-info-icon-inverse: #{$color-info-icon-inverse-light};
63
+ --color-info-text: #{$color-info-text-light};
64
+ --color-info-foreground-inverse: #{$color-info-foreground-inverse-light};
65
+ --color-info-background: #{$color-info-background-light};
66
+ --color-success-icon: #{$color-success-icon-light};
67
+ --color-success-icon-inverse: #{$color-success-icon-inverse-light};
68
+ --color-success-text: #{$color-success-text-light};
69
+ --color-success-background: #{$color-success-background-light};
70
+ --color-success-foreground-inverse: #{$color-success-foreground-inverse-light};
71
+ --color-warning-icon: #{$color-warning-icon-light};
72
+ --color-warning-icon-inverse: #{$color-warning-icon-inverse-light};
73
+ --color-warning-text: #{$color-warning-text-light};
74
+ --color-warning-background: #{$color-warning-background-light};
75
+ --color-warning-foreground-inverse: #{$color-warning-foreground-inverse-light};
76
+ --color-icon-default: #{$color-icon-default-light};
77
+ --color-icon-inverted-default: #{$color-icon-inverted-default-light};
78
+ --color-toggle-off-hover: #{$color-toggle-off-hover-light};
79
+ --color-toggle-off-focus: #{$color-toggle-off-focus-light};
80
+ --color-toggle-off-pressed: #{$color-toggle-off-pressed-light};
81
+ --color-toggle-on-hover: #{$color-toggle-on-hover-light};
82
+ --color-toggle-on-focus: #{$color-toggle-on-focus-light};
83
+ --color-toggle-on-pressed: #{$color-toggle-on-pressed-light};
84
+ --color-callout-background: #{$color-callout-background-light};
85
+ --color-warn: #{$color-warn-light};
86
+ --color-warn-darker: #{$color-warn-darker-light};
87
+ --color-warn-hover: #{$color-warn-hover-light};
88
+ --color-warn-focus: #{$color-warn-focus-light};
89
+ --color-warn-pressed: #{$color-warn-pressed-light};
90
+ --color-carousel-background: #{$color-carousel-background-light};
91
+ --color-icon-button-hover: #{$color-icon-button-hover-light};
92
+ --color-icon-button-focus: #{$color-icon-button-focus-light};
93
+ --color-icon-button-pressed: #{$color-icon-button-pressed-light};
94
+ --color-code-function: #{$color-code-function-light};
95
+ --color-code-operator: #{$color-code-operator-light};
96
+ --color-code-numeric: #{$color-code-numeric-light};
97
+ --color-code-text: #{$color-code-text-light};
98
+ --color-toggle-thumb-off: #{$color-toggle-thumb-off-light};
99
+ --color-toggle-track-off: #{$color-toggle-track-off-light};
100
+ --color-toggle-thumb-on: #{$color-toggle-thumb-on-light};
101
+ --color-toggle-track-on: #{$color-toggle-track-on-light};
102
+ --color-toggle-thumb-off-disabled: #{$color-toggle-thumb-off-disabled-light};
103
+ --color-toggle-track-off-disabled: #{$color-toggle-track-off-disabled-light};
104
+ --color-toggle-thumb-on-disabled: #{$color-toggle-thumb-on-disabled-light};
105
+ --color-toggle-track-on-disabled: #{$color-toggle-track-on-disabled-light};
106
+ --color-skeleton: #{$color-skeleton-light};
107
+ --color-skeleton-glow: #{$color-skeleton-glow-light};
108
+ --color-data-grid-hover: #{$color-data-grid-hover-light};
109
+ --color-data-grid-pressed: #{$color-data-grid-pressed-light};
110
+ --color-focus-indicator: #{$color-focus-indicator-light};
111
+ --color-focus-indicator-inverse: #{$color-focus-indicator-inverse-light};
112
+ --color-chart-purple: #{$color-chart-purple-light};
113
+ --color-chart-pink: #{$color-chart-pink-light};
114
+ --color-chart-blue-secondary: #{$color-chart-blue-secondary-light};
115
+ --color-chart-light-blue: #{$color-chart-light-blue-light};
116
+ --color-chart-green: #{$color-chart-green-light};
117
+ --color-chart-yellow: #{$color-chart-yellow-light};
118
+ --color-gradient-general-start: #{$color-gradient-general-start-light};
119
+ --color-gradient-general-end: #{$color-gradient-general-end-light};
120
+ --color-gradient-agent-start: #{$color-gradient-agent-start-light};
121
+ --color-gradient-agent-end: #{$color-gradient-agent-end-light};
122
+ --color-gradient-invoked-start: #{$color-gradient-invoked-start-light};
123
+ --color-gradient-invoked-end: #{$color-gradient-invoked-end-light};
124
+ --color-gradient-human-start: #{$color-gradient-human-start-light};
125
+ --color-gradient-human-end: #{$color-gradient-human-end-light};
126
+ --color-canvas-background: #{$color-canvas-background-light};
127
+ --color-dot-grid: #{$color-dot-grid-light};
128
+ --color-background-overlay: #{$color-background-overlay-light};
129
+ --color-foreground-secondary: #{$color-foreground-secondary-light};
130
+ --color-foreground-hover: #{$color-foreground-hover-light};
131
+ --color-foreground-on-accent: #{$color-foreground-on-accent-light};
132
+ --color-primary-subtle: #{$color-primary-subtle-light};
133
+ --color-border-muted: #{$color-border-muted-light};
134
+ --color-border-deep: #{$color-border-deep-light};
135
+ --color-border-inverse: #{$color-border-inverse-light};
136
+ --color-border-hover: #{$color-border-hover-light};
137
+
138
+ --border: #{$border-light};
139
+ color-scheme: light;
140
+ }
141
+
142
+ body.light-hc#{$child-selector} {
143
+ --color-background: #{$color-background-light-hc};
144
+ --color-background-secondary: #{$color-background-secondary-light-hc};
145
+ --color-background-inverse: #{$color-background-inverse-light-hc};
146
+ --color-background-gray: #{$color-background-gray-light-hc};
147
+ --color-background-disabled: #{$color-background-disabled-light-hc};
148
+ --color-background-highlight: #{$color-background-highlight-light-hc};
149
+ --color-background-raised: #{$color-background-raised-light-hc};
150
+ --color-background-edit: #{$color-background-edit-light-hc};
151
+ --color-background-gray-emp: #{$color-background-gray-emp-light-hc};
152
+ --color-background-hover: #{$color-background-hover-light-hc};
153
+ --color-background-pressed: #{$color-background-pressed-light-hc};
154
+ --color-background-selected: #{$color-background-selected-light-hc};
155
+ --color-selection-indicator: #{$color-selection-indicator-light-hc};
156
+ --color-notification-badge: #{$color-notification-badge-light-hc};
157
+ --color-notification-indicator: #{$color-notification-indicator-light-hc};
158
+ --color-hover: #{$color-hover-light-hc};
159
+ --color-curtain: #{$color-curtain-light-hc};
160
+ --color-border: #{$color-border-light-hc};
161
+ --color-border-disabled: #{$color-border-disabled-light-hc};
162
+ --color-border-grid: #{$color-border-grid-light-hc};
163
+ --color-border-de-emp: #{$color-border-de-emp-light-hc};
164
+ --color-selection: #{$color-selection-light-hc};
165
+ --color-logo: #{$color-logo-light-hc};
166
+ --color-foreground: #{$color-foreground-light-hc};
167
+ --color-foreground-light: #{$color-foreground-light-light-hc};
168
+ --color-foreground-emp: #{$color-foreground-emp-light-hc};
169
+ --color-foreground-de-emp: #{$color-foreground-de-emp-light-hc};
170
+ --color-foreground-disable: #{$color-foreground-disable-light-hc};
171
+ --color-foreground-inverse: #{$color-foreground-inverse-light-hc};
172
+ --color-foreground-highlight: #{$color-foreground-highlight-light-hc};
173
+ --color-foreground-highlight-selected: #{$color-foreground-highlight-selected-light-hc};
174
+ --color-foreground-highlight-selected-hover: #{$color-foreground-highlight-selected-hover-light-hc};
175
+ --color-foreground-link: #{$color-foreground-link-light-hc};
176
+ --color-foreground-link-pressed: #{$color-foreground-link-pressed-light-hc};
177
+ --color-foreground-inv-de-emp: #{$color-foreground-inv-de-emp-light-hc};
178
+ --color-primary: #{$color-primary-light-hc};
179
+ --color-primary-lighter: #{$color-primary-lighter-light-hc};
180
+ --color-primary-darker: #{$color-primary-darker-light-hc};
181
+ --color-primary-hover: #{$color-primary-hover-light-hc};
182
+ --color-primary-focused: #{$color-primary-focused-light-hc};
183
+ --color-primary-pressed: #{$color-primary-pressed-light-hc};
184
+ --color-secondary-focused: #{$color-secondary-focused-light-hc};
185
+ --color-secondary-pressed: #{$color-secondary-pressed-light-hc};
186
+ --color-chip-default-background: #{$color-chip-default-background-light-hc};
187
+ --color-chip-error-background: #{$color-chip-error-background-light-hc};
188
+ --color-chip-warning-background: #{$color-chip-warning-background-light-hc};
189
+ --color-chip-info-background: #{$color-chip-info-background-light-hc};
190
+ --color-chip-success-background: #{$color-chip-success-background-light-hc};
191
+ --color-error-icon: #{$color-error-icon-light-hc};
192
+ --color-error-icon-inverse: #{$color-error-icon-inverse-light-hc};
193
+ --color-error-text: #{$color-error-text-light-hc};
194
+ --color-error-background: #{$color-error-background-light-hc};
195
+ --color-error-foreground-inverse: #{$color-error-foreground-inverse-light-hc};
196
+ --color-info-foreground: #{$color-info-foreground-light-hc};
197
+ --color-info-icon: #{$color-info-icon-light-hc};
198
+ --color-info-icon-inverse: #{$color-info-icon-inverse-light-hc};
199
+ --color-info-text: #{$color-info-text-light-hc};
200
+ --color-info-foreground-inverse: #{$color-info-foreground-inverse-light-hc};
201
+ --color-info-background: #{$color-info-background-light-hc};
202
+ --color-success-icon: #{$color-success-icon-light-hc};
203
+ --color-success-icon-inverse: #{$color-success-icon-inverse-light-hc};
204
+ --color-success-text: #{$color-success-text-light-hc};
205
+ --color-success-background: #{$color-success-background-light-hc};
206
+ --color-success-foreground-inverse: #{$color-success-foreground-inverse-light-hc};
207
+ --color-warning-icon: #{$color-warning-icon-light-hc};
208
+ --color-warning-icon-inverse: #{$color-warning-icon-inverse-light-hc};
209
+ --color-warning-text: #{$color-warning-text-light-hc};
210
+ --color-warning-background: #{$color-warning-background-light-hc};
211
+ --color-warning-foreground-inverse: #{$color-warning-foreground-inverse-light-hc};
212
+ --color-icon-default: #{$color-icon-default-light-hc};
213
+ --color-icon-inverted-default: #{$color-icon-inverted-default-light-hc};
214
+ --color-toggle-off-hover: #{$color-toggle-off-hover-light-hc};
215
+ --color-toggle-off-focus: #{$color-toggle-off-focus-light-hc};
216
+ --color-toggle-off-pressed: #{$color-toggle-off-pressed-light-hc};
217
+ --color-toggle-on-hover: #{$color-toggle-on-hover-light-hc};
218
+ --color-toggle-on-focus: #{$color-toggle-on-focus-light-hc};
219
+ --color-toggle-on-pressed: #{$color-toggle-on-pressed-light-hc};
220
+ --color-callout-background: #{$color-callout-background-light-hc};
221
+ --color-warn: #{$color-warn-light-hc};
222
+ --color-warn-darker: #{$color-warn-darker-light-hc};
223
+ --color-warn-hover: #{$color-warn-hover-light-hc};
224
+ --color-warn-focus: #{$color-warn-focus-light-hc};
225
+ --color-warn-pressed: #{$color-warn-pressed-light-hc};
226
+ --color-carousel-background: #{$color-carousel-background-light-hc};
227
+ --color-icon-button-hover: #{$color-icon-button-hover-light-hc};
228
+ --color-icon-button-focus: #{$color-icon-button-focus-light-hc};
229
+ --color-icon-button-pressed: #{$color-icon-button-pressed-light-hc};
230
+ --color-code-function: #{$color-code-function-light-hc};
231
+ --color-code-operator: #{$color-code-operator-light-hc};
232
+ --color-code-numeric: #{$color-code-numeric-light-hc};
233
+ --color-code-text: #{$color-code-text-light-hc};
234
+ --color-toggle-thumb-off: #{$color-toggle-thumb-off-light-hc};
235
+ --color-toggle-track-off: #{$color-toggle-track-off-light-hc};
236
+ --color-toggle-thumb-on: #{$color-toggle-thumb-on-light-hc};
237
+ --color-toggle-track-on: #{$color-toggle-track-on-light-hc};
238
+ --color-toggle-thumb-off-disabled: #{$color-toggle-thumb-off-disabled-light-hc};
239
+ --color-toggle-track-off-disabled: #{$color-toggle-track-off-disabled-light-hc};
240
+ --color-toggle-thumb-on-disabled: #{$color-toggle-thumb-on-disabled-light-hc};
241
+ --color-toggle-track-on-disabled: #{$color-toggle-track-on-disabled-light-hc};
242
+ --color-skeleton: #{$color-skeleton-light-hc};
243
+ --color-skeleton-glow: #{$color-skeleton-glow-light-hc};
244
+ --color-data-grid-hover: #{$color-data-grid-hover-light-hc};
245
+ --color-data-grid-pressed: #{$color-data-grid-pressed-light-hc};
246
+ --color-focus-indicator: #{$color-focus-indicator-light-hc};
247
+ --color-focus-indicator-inverse: #{$color-focus-indicator-inverse-light-hc};
248
+ --color-chart-purple: #{$color-chart-purple-light-hc};
249
+ --color-chart-pink: #{$color-chart-pink-light-hc};
250
+ --color-chart-blue-secondary: #{$color-chart-blue-secondary-light-hc};
251
+ --color-chart-light-blue: #{$color-chart-light-blue-light-hc};
252
+ --color-chart-green: #{$color-chart-green-light-hc};
253
+ --color-chart-yellow: #{$color-chart-yellow-light-hc};
254
+ --color-gradient-general-start: #{$color-gradient-general-start-light-hc};
255
+ --color-gradient-general-end: #{$color-gradient-general-end-light-hc};
256
+ --color-gradient-agent-start: #{$color-gradient-agent-start-light-hc};
257
+ --color-gradient-agent-end: #{$color-gradient-agent-end-light-hc};
258
+ --color-gradient-invoked-start: #{$color-gradient-invoked-start-light-hc};
259
+ --color-gradient-invoked-end: #{$color-gradient-invoked-end-light-hc};
260
+ --color-gradient-human-start: #{$color-gradient-human-start-light-hc};
261
+ --color-gradient-human-end: #{$color-gradient-human-end-light-hc};
262
+ --color-canvas-background: #{$color-canvas-background-light-hc};
263
+ --color-dot-grid: #{$color-dot-grid-light-hc};
264
+ --color-background-overlay: #{$color-background-overlay-light-hc};
265
+ --color-foreground-secondary: #{$color-foreground-secondary-light-hc};
266
+ --color-foreground-hover: #{$color-foreground-hover-light-hc};
267
+ --color-foreground-on-accent: #{$color-foreground-on-accent-light-hc};
268
+ --color-primary-subtle: #{$color-primary-subtle-light-hc};
269
+ --color-border-muted: #{$color-border-muted-light-hc};
270
+ --color-border-deep: #{$color-border-deep-light-hc};
271
+ --color-border-inverse: #{$color-border-inverse-light-hc};
272
+ --color-border-hover: #{$color-border-hover-light-hc};
273
+
274
+ --border: #{$border-light-hc};
275
+ color-scheme: light;
276
+ }
277
+
278
+ body.dark#{$child-selector} {
279
+ --color-background: #{$color-background-dark};
280
+ --color-background-secondary: #{$color-background-secondary-dark};
281
+ --color-background-inverse: #{$color-background-inverse-dark};
282
+ --color-background-gray: #{$color-background-gray-dark};
283
+ --color-background-disabled: #{$color-background-disabled-dark};
284
+ --color-background-highlight: #{$color-background-highlight-dark};
285
+ --color-background-raised: #{$color-background-raised-dark};
286
+ --color-background-edit: #{$color-background-edit-dark};
287
+ --color-background-gray-emp: #{$color-background-gray-emp-dark};
288
+ --color-background-hover: #{$color-background-hover-dark};
289
+ --color-background-pressed: #{$color-background-pressed-dark};
290
+ --color-background-selected: #{$color-background-selected-dark};
291
+ --color-selection-indicator: #{$color-selection-indicator-dark};
292
+ --color-notification-badge: #{$color-notification-badge-dark};
293
+ --color-notification-indicator: #{$color-notification-indicator-dark};
294
+ --color-hover: #{$color-hover-dark};
295
+ --color-curtain: #{$color-curtain-dark};
296
+ --color-border: #{$color-border-dark};
297
+ --color-border-disabled: #{$color-border-disabled-dark};
298
+ --color-border-grid: #{$color-border-grid-dark};
299
+ --color-border-de-emp: #{$color-border-de-emp-dark};
300
+ --color-selection: #{$color-selection-dark};
301
+ --color-logo: #{$color-logo-dark};
302
+ --color-foreground: #{$color-foreground-dark};
303
+ --color-foreground-light: #{$color-foreground-light-dark};
304
+ --color-foreground-emp: #{$color-foreground-emp-dark};
305
+ --color-foreground-de-emp: #{$color-foreground-de-emp-dark};
306
+ --color-foreground-disable: #{$color-foreground-disable-dark};
307
+ --color-foreground-inverse: #{$color-foreground-inverse-dark};
308
+ --color-foreground-highlight: #{$color-foreground-highlight-dark};
309
+ --color-foreground-highlight-selected: #{$color-foreground-highlight-selected-dark};
310
+ --color-foreground-highlight-selected-hover: #{$color-foreground-highlight-selected-hover-dark};
311
+ --color-foreground-link: #{$color-foreground-link-dark};
312
+ --color-foreground-link-pressed: #{$color-foreground-link-pressed-dark};
313
+ --color-foreground-inv-de-emp: #{$color-foreground-inv-de-emp-dark};
314
+ --color-primary: #{$color-primary-dark};
315
+ --color-primary-lighter: #{$color-primary-lighter-dark};
316
+ --color-primary-darker: #{$color-primary-darker-dark};
317
+ --color-primary-hover: #{$color-primary-hover-dark};
318
+ --color-primary-focused: #{$color-primary-focused-dark};
319
+ --color-primary-pressed: #{$color-primary-pressed-dark};
320
+ --color-secondary-focused: #{$color-secondary-focused-dark};
321
+ --color-secondary-pressed: #{$color-secondary-pressed-dark};
322
+ --color-chip-default-background: #{$color-chip-default-background-dark};
323
+ --color-chip-error-background: #{$color-chip-error-background-dark};
324
+ --color-chip-warning-background: #{$color-chip-warning-background-dark};
325
+ --color-chip-info-background: #{$color-chip-info-background-dark};
326
+ --color-chip-success-background: #{$color-chip-success-background-dark};
327
+ --color-error-icon: #{$color-error-icon-dark};
328
+ --color-error-icon-inverse: #{$color-error-icon-inverse-dark};
329
+ --color-error-text: #{$color-error-text-dark};
330
+ --color-error-background: #{$color-error-background-dark};
331
+ --color-error-foreground-inverse: #{$color-error-foreground-inverse-dark};
332
+ --color-info-foreground: #{$color-info-foreground-dark};
333
+ --color-info-icon: #{$color-info-icon-dark};
334
+ --color-info-icon-inverse: #{$color-info-icon-inverse-dark};
335
+ --color-info-text: #{$color-info-text-dark};
336
+ --color-info-foreground-inverse: #{$color-info-foreground-inverse-dark};
337
+ --color-info-background: #{$color-info-background-dark};
338
+ --color-success-icon: #{$color-success-icon-dark};
339
+ --color-success-icon-inverse: #{$color-success-icon-inverse-dark};
340
+ --color-success-text: #{$color-success-text-dark};
341
+ --color-success-background: #{$color-success-background-dark};
342
+ --color-success-foreground-inverse: #{$color-success-foreground-inverse-dark};
343
+ --color-warning-icon: #{$color-warning-icon-dark};
344
+ --color-warning-icon-inverse: #{$color-warning-icon-inverse-dark};
345
+ --color-warning-text: #{$color-warning-text-dark};
346
+ --color-warning-background: #{$color-warning-background-dark};
347
+ --color-warning-foreground-inverse: #{$color-warning-foreground-inverse-dark};
348
+ --color-icon-default: #{$color-icon-default-dark};
349
+ --color-icon-inverted-default: #{$color-icon-inverted-default-dark};
350
+ --color-toggle-off-hover: #{$color-toggle-off-hover-dark};
351
+ --color-toggle-off-focus: #{$color-toggle-off-focus-dark};
352
+ --color-toggle-off-pressed: #{$color-toggle-off-pressed-dark};
353
+ --color-toggle-on-hover: #{$color-toggle-on-hover-dark};
354
+ --color-toggle-on-focus: #{$color-toggle-on-focus-dark};
355
+ --color-toggle-on-pressed: #{$color-toggle-on-pressed-dark};
356
+ --color-callout-background: #{$color-callout-background-dark};
357
+ --color-warn: #{$color-warn-dark};
358
+ --color-warn-darker: #{$color-warn-darker-dark};
359
+ --color-warn-hover: #{$color-warn-hover-dark};
360
+ --color-warn-focus: #{$color-warn-focus-dark};
361
+ --color-warn-pressed: #{$color-warn-pressed-dark};
362
+ --color-carousel-background: #{$color-carousel-background-dark};
363
+ --color-icon-button-hover: #{$color-icon-button-hover-dark};
364
+ --color-icon-button-focus: #{$color-icon-button-focus-dark};
365
+ --color-icon-button-pressed: #{$color-icon-button-pressed-dark};
366
+ --color-code-function: #{$color-code-function-dark};
367
+ --color-code-operator: #{$color-code-operator-dark};
368
+ --color-code-numeric: #{$color-code-numeric-dark};
369
+ --color-code-text: #{$color-code-text-dark};
370
+ --color-toggle-thumb-off: #{$color-toggle-thumb-off-dark};
371
+ --color-toggle-track-off: #{$color-toggle-track-off-dark};
372
+ --color-toggle-thumb-on: #{$color-toggle-thumb-on-dark};
373
+ --color-toggle-track-on: #{$color-toggle-track-on-dark};
374
+ --color-toggle-thumb-off-disabled: #{$color-toggle-thumb-off-disabled-dark};
375
+ --color-toggle-track-off-disabled: #{$color-toggle-track-off-disabled-dark};
376
+ --color-toggle-thumb-on-disabled: #{$color-toggle-thumb-on-disabled-dark};
377
+ --color-toggle-track-on-disabled: #{$color-toggle-track-on-disabled-dark};
378
+ --color-skeleton: #{$color-skeleton-dark};
379
+ --color-skeleton-glow: #{$color-skeleton-glow-dark};
380
+ --color-data-grid-hover: #{$color-data-grid-hover-dark};
381
+ --color-data-grid-pressed: #{$color-data-grid-pressed-dark};
382
+ --color-focus-indicator: #{$color-focus-indicator-dark};
383
+ --color-focus-indicator-inverse: #{$color-focus-indicator-inverse-dark};
384
+ --color-chart-purple: #{$color-chart-purple-dark};
385
+ --color-chart-pink: #{$color-chart-pink-dark};
386
+ --color-chart-blue-secondary: #{$color-chart-blue-secondary-dark};
387
+ --color-chart-light-blue: #{$color-chart-light-blue-dark};
388
+ --color-chart-green: #{$color-chart-green-dark};
389
+ --color-chart-yellow: #{$color-chart-yellow-dark};
390
+ --color-gradient-general-start: #{$color-gradient-general-start-dark};
391
+ --color-gradient-general-end: #{$color-gradient-general-end-dark};
392
+ --color-gradient-agent-start: #{$color-gradient-agent-start-dark};
393
+ --color-gradient-agent-end: #{$color-gradient-agent-end-dark};
394
+ --color-gradient-invoked-start: #{$color-gradient-invoked-start-dark};
395
+ --color-gradient-invoked-end: #{$color-gradient-invoked-end-dark};
396
+ --color-gradient-human-start: #{$color-gradient-human-start-dark};
397
+ --color-gradient-human-end: #{$color-gradient-human-end-dark};
398
+ --color-canvas-background: #{$color-canvas-background-dark};
399
+ --color-dot-grid: #{$color-dot-grid-dark};
400
+ --color-background-overlay: #{$color-background-overlay-dark};
401
+ --color-foreground-secondary: #{$color-foreground-secondary-dark};
402
+ --color-foreground-hover: #{$color-foreground-hover-dark};
403
+ --color-foreground-on-accent: #{$color-foreground-on-accent-dark};
404
+ --color-primary-subtle: #{$color-primary-subtle-dark};
405
+ --color-border-muted: #{$color-border-muted-dark};
406
+ --color-border-deep: #{$color-border-deep-dark};
407
+ --color-border-inverse: #{$color-border-inverse-dark};
408
+ --color-border-hover: #{$color-border-hover-dark};
409
+
410
+ --border: #{$border-dark};
411
+ color-scheme: dark;
412
+ }
413
+
414
+ body.dark-hc#{$child-selector} {
415
+ --color-background: #{$color-background-dark-hc};
416
+ --color-background-secondary: #{$color-background-secondary-dark-hc};
417
+ --color-background-inverse: #{$color-background-inverse-dark-hc};
418
+ --color-background-gray: #{$color-background-gray-dark-hc};
419
+ --color-background-disabled: #{$color-background-disabled-dark-hc};
420
+ --color-background-highlight: #{$color-background-highlight-dark-hc};
421
+ --color-background-raised: #{$color-background-raised-dark-hc};
422
+ --color-background-edit: #{$color-background-edit-dark-hc};
423
+ --color-background-gray-emp: #{$color-background-gray-emp-dark-hc};
424
+ --color-background-hover: #{$color-background-hover-dark-hc};
425
+ --color-background-pressed: #{$color-background-pressed-dark-hc};
426
+ --color-background-selected: #{$color-background-selected-dark-hc};
427
+ --color-selection-indicator: #{$color-selection-indicator-dark-hc};
428
+ --color-notification-badge: #{$color-notification-badge-dark-hc};
429
+ --color-notification-indicator: #{$color-notification-indicator-dark-hc};
430
+ --color-hover: #{$color-hover-dark-hc};
431
+ --color-curtain: #{$color-curtain-dark-hc};
432
+ --color-border: #{$color-border-dark-hc};
433
+ --color-border-disabled: #{$color-border-disabled-dark-hc};
434
+ --color-border-grid: #{$color-border-grid-dark-hc};
435
+ --color-border-de-emp: #{$color-border-de-emp-dark-hc};
436
+ --color-selection: #{$color-selection-dark-hc};
437
+ --color-logo: #{$color-logo-dark-hc};
438
+ --color-foreground: #{$color-foreground-dark-hc};
439
+ --color-foreground-light: #{$color-foreground-light-dark-hc};
440
+ --color-foreground-emp: #{$color-foreground-emp-dark-hc};
441
+ --color-foreground-de-emp: #{$color-foreground-de-emp-dark-hc};
442
+ --color-foreground-disable: #{$color-foreground-disable-dark-hc};
443
+ --color-foreground-inverse: #{$color-foreground-inverse-dark-hc};
444
+ --color-foreground-highlight: #{$color-foreground-highlight-dark-hc};
445
+ --color-foreground-highlight-selected: #{$color-foreground-highlight-selected-dark-hc};
446
+ --color-foreground-highlight-selected-hover: #{$color-foreground-highlight-selected-hover-dark-hc};
447
+ --color-foreground-link: #{$color-foreground-link-dark-hc};
448
+ --color-foreground-link-pressed: #{$color-foreground-link-pressed-dark-hc};
449
+ --color-foreground-inv-de-emp: #{$color-foreground-inv-de-emp-dark-hc};
450
+ --color-primary: #{$color-primary-dark-hc};
451
+ --color-primary-lighter: #{$color-primary-lighter-dark-hc};
452
+ --color-primary-darker: #{$color-primary-darker-dark-hc};
453
+ --color-primary-hover: #{$color-primary-hover-dark-hc};
454
+ --color-primary-focused: #{$color-primary-focused-dark-hc};
455
+ --color-primary-pressed: #{$color-primary-pressed-dark-hc};
456
+ --color-secondary-focused: #{$color-secondary-focused-dark-hc};
457
+ --color-secondary-pressed: #{$color-secondary-pressed-dark-hc};
458
+ --color-chip-default-background: #{$color-chip-default-background-dark-hc};
459
+ --color-chip-error-background: #{$color-chip-error-background-dark-hc};
460
+ --color-chip-warning-background: #{$color-chip-warning-background-dark-hc};
461
+ --color-chip-info-background: #{$color-chip-info-background-dark-hc};
462
+ --color-chip-success-background: #{$color-chip-success-background-dark-hc};
463
+ --color-error-icon: #{$color-error-icon-dark-hc};
464
+ --color-error-icon-inverse: #{$color-error-icon-inverse-dark-hc};
465
+ --color-error-text: #{$color-error-text-dark-hc};
466
+ --color-error-background: #{$color-error-background-dark-hc};
467
+ --color-error-foreground-inverse: #{$color-error-foreground-inverse-dark-hc};
468
+ --color-info-foreground: #{$color-info-foreground-dark-hc};
469
+ --color-info-icon: #{$color-info-icon-dark-hc};
470
+ --color-info-icon-inverse: #{$color-info-icon-inverse-dark-hc};
471
+ --color-info-text: #{$color-info-text-dark-hc};
472
+ --color-info-foreground-inverse: #{$color-info-foreground-inverse-dark-hc};
473
+ --color-info-background: #{$color-info-background-dark-hc};
474
+ --color-success-icon: #{$color-success-icon-dark-hc};
475
+ --color-success-icon-inverse: #{$color-success-icon-inverse-dark-hc};
476
+ --color-success-text: #{$color-success-text-dark-hc};
477
+ --color-success-background: #{$color-success-background-dark-hc};
478
+ --color-success-foreground-inverse: #{$color-success-foreground-inverse-dark-hc};
479
+ --color-warning-icon: #{$color-warning-icon-dark-hc};
480
+ --color-warning-icon-inverse: #{$color-warning-icon-inverse-dark-hc};
481
+ --color-warning-text: #{$color-warning-text-dark-hc};
482
+ --color-warning-background: #{$color-warning-background-dark-hc};
483
+ --color-warning-foreground-inverse: #{$color-warning-foreground-inverse-dark-hc};
484
+ --color-icon-default: #{$color-icon-default-dark-hc};
485
+ --color-icon-inverted-default: #{$color-icon-inverted-default-dark-hc};
486
+ --color-toggle-off-hover: #{$color-toggle-off-hover-dark-hc};
487
+ --color-toggle-off-focus: #{$color-toggle-off-focus-dark-hc};
488
+ --color-toggle-off-pressed: #{$color-toggle-off-pressed-dark-hc};
489
+ --color-toggle-on-hover: #{$color-toggle-on-hover-dark-hc};
490
+ --color-toggle-on-focus: #{$color-toggle-on-focus-dark-hc};
491
+ --color-toggle-on-pressed: #{$color-toggle-on-pressed-dark-hc};
492
+ --color-callout-background: #{$color-callout-background-dark-hc};
493
+ --color-warn: #{$color-warn-dark-hc};
494
+ --color-warn-darker: #{$color-warn-darker-dark-hc};
495
+ --color-warn-hover: #{$color-warn-hover-dark-hc};
496
+ --color-warn-focus: #{$color-warn-focus-dark-hc};
497
+ --color-warn-pressed: #{$color-warn-pressed-dark-hc};
498
+ --color-carousel-background: #{$color-carousel-background-dark-hc};
499
+ --color-icon-button-hover: #{$color-icon-button-hover-dark-hc};
500
+ --color-icon-button-focus: #{$color-icon-button-focus-dark-hc};
501
+ --color-icon-button-pressed: #{$color-icon-button-pressed-dark-hc};
502
+ --color-code-function: #{$color-code-function-dark-hc};
503
+ --color-code-operator: #{$color-code-operator-dark-hc};
504
+ --color-code-numeric: #{$color-code-numeric-dark-hc};
505
+ --color-code-text: #{$color-code-text-dark-hc};
506
+ --color-toggle-thumb-off: #{$color-toggle-thumb-off-dark-hc};
507
+ --color-toggle-track-off: #{$color-toggle-track-off-dark-hc};
508
+ --color-toggle-thumb-on: #{$color-toggle-thumb-on-dark-hc};
509
+ --color-toggle-track-on: #{$color-toggle-track-on-dark-hc};
510
+ --color-toggle-thumb-off-disabled: #{$color-toggle-thumb-off-disabled-dark-hc};
511
+ --color-toggle-track-off-disabled: #{$color-toggle-track-off-disabled-dark-hc};
512
+ --color-toggle-thumb-on-disabled: #{$color-toggle-thumb-on-disabled-dark-hc};
513
+ --color-toggle-track-on-disabled: #{$color-toggle-track-on-disabled-dark-hc};
514
+ --color-skeleton: #{$color-skeleton-dark-hc};
515
+ --color-skeleton-glow: #{$color-skeleton-glow-dark-hc};
516
+ --color-data-grid-hover: #{$color-data-grid-hover-dark-hc};
517
+ --color-data-grid-pressed: #{$color-data-grid-pressed-dark-hc};
518
+ --color-focus-indicator: #{$color-focus-indicator-dark-hc};
519
+ --color-focus-indicator-inverse: #{$color-focus-indicator-inverse-dark-hc};
520
+ --color-chart-purple: #{$color-chart-purple-dark-hc};
521
+ --color-chart-pink: #{$color-chart-pink-dark-hc};
522
+ --color-chart-blue-secondary: #{$color-chart-blue-secondary-dark-hc};
523
+ --color-chart-light-blue: #{$color-chart-light-blue-dark-hc};
524
+ --color-chart-green: #{$color-chart-green-dark-hc};
525
+ --color-chart-yellow: #{$color-chart-yellow-dark-hc};
526
+ --color-gradient-general-start: #{$color-gradient-general-start-dark-hc};
527
+ --color-gradient-general-end: #{$color-gradient-general-end-dark-hc};
528
+ --color-gradient-agent-start: #{$color-gradient-agent-start-dark-hc};
529
+ --color-gradient-agent-end: #{$color-gradient-agent-end-dark-hc};
530
+ --color-gradient-invoked-start: #{$color-gradient-invoked-start-dark-hc};
531
+ --color-gradient-invoked-end: #{$color-gradient-invoked-end-dark-hc};
532
+ --color-gradient-human-start: #{$color-gradient-human-start-dark-hc};
533
+ --color-gradient-human-end: #{$color-gradient-human-end-dark-hc};
534
+ --color-canvas-background: #{$color-canvas-background-dark-hc};
535
+ --color-dot-grid: #{$color-dot-grid-dark-hc};
536
+ --color-background-overlay: #{$color-background-overlay-dark-hc};
537
+ --color-foreground-secondary: #{$color-foreground-secondary-dark-hc};
538
+ --color-foreground-hover: #{$color-foreground-hover-dark-hc};
539
+ --color-foreground-on-accent: #{$color-foreground-on-accent-dark-hc};
540
+ --color-primary-subtle: #{$color-primary-subtle-dark-hc};
541
+ --color-border-muted: #{$color-border-muted-dark-hc};
542
+ --color-border-deep: #{$color-border-deep-dark-hc};
543
+ --color-border-inverse: #{$color-border-inverse-dark-hc};
544
+ --color-border-hover: #{$color-border-hover-dark-hc};
545
+
546
+ --border: #{$border-dark-hc};
547
+ color-scheme: dark;
548
+ }
549
+
550
+ /* Future themes also emit bare class selectors (not gated on body)
551
+ so they can be scoped to any element, matching theme-variables.scss. */
552
+ body.future-dark#{$child-selector}, .future-dark#{$child-selector} {
553
+ --color-background: #{$color-background-future-dark};
554
+ --color-background-secondary: #{$color-background-secondary-future-dark};
555
+ --color-background-inverse: #{$color-background-inverse-future-dark};
556
+ --color-background-gray: #{$color-background-gray-future-dark};
557
+ --color-background-disabled: #{$color-background-disabled-future-dark};
558
+ --color-background-highlight: #{$color-background-highlight-future-dark};
559
+ --color-background-raised: #{$color-background-raised-future-dark};
560
+ --color-background-edit: #{$color-background-edit-future-dark};
561
+ --color-background-gray-emp: #{$color-background-gray-emp-future-dark};
562
+ --color-background-hover: #{$color-background-hover-future-dark};
563
+ --color-background-pressed: #{$color-background-pressed-future-dark};
564
+ --color-background-selected: #{$color-background-selected-future-dark};
565
+ --color-selection-indicator: #{$color-selection-indicator-future-dark};
566
+ --color-notification-badge: #{$color-notification-badge-future-dark};
567
+ --color-notification-indicator: #{$color-notification-indicator-future-dark};
568
+ --color-hover: #{$color-hover-future-dark};
569
+ --color-curtain: #{$color-curtain-future-dark};
570
+ --color-border: #{$color-border-future-dark};
571
+ --color-border-disabled: #{$color-border-disabled-future-dark};
572
+ --color-border-grid: #{$color-border-grid-future-dark};
573
+ --color-border-de-emp: #{$color-border-de-emp-future-dark};
574
+ --color-selection: #{$color-selection-future-dark};
575
+ --color-logo: #{$color-logo-future-dark};
576
+ --color-foreground: #{$color-foreground-future-dark};
577
+ --color-foreground-light: #{$color-foreground-light-future-dark};
578
+ --color-foreground-emp: #{$color-foreground-emp-future-dark};
579
+ --color-foreground-de-emp: #{$color-foreground-de-emp-future-dark};
580
+ --color-foreground-disable: #{$color-foreground-disable-future-dark};
581
+ --color-foreground-inverse: #{$color-foreground-inverse-future-dark};
582
+ --color-foreground-highlight: #{$color-foreground-highlight-future-dark};
583
+ --color-foreground-highlight-selected: #{$color-foreground-highlight-selected-future-dark};
584
+ --color-foreground-highlight-selected-hover: #{$color-foreground-highlight-selected-hover-future-dark};
585
+ --color-foreground-link: #{$color-foreground-link-future-dark};
586
+ --color-foreground-link-pressed: #{$color-foreground-link-pressed-future-dark};
587
+ --color-foreground-inv-de-emp: #{$color-foreground-inv-de-emp-future-dark};
588
+ --color-primary: #{$color-primary-future-dark};
589
+ --color-primary-lighter: #{$color-primary-lighter-future-dark};
590
+ --color-primary-darker: #{$color-primary-darker-future-dark};
591
+ --color-primary-hover: #{$color-primary-hover-future-dark};
592
+ --color-primary-focused: #{$color-primary-focused-future-dark};
593
+ --color-primary-pressed: #{$color-primary-pressed-future-dark};
594
+ --color-secondary-focused: #{$color-secondary-focused-future-dark};
595
+ --color-secondary-pressed: #{$color-secondary-pressed-future-dark};
596
+ --color-chip-default-background: #{$color-chip-default-background-future-dark};
597
+ --color-chip-error-background: #{$color-chip-error-background-future-dark};
598
+ --color-chip-warning-background: #{$color-chip-warning-background-future-dark};
599
+ --color-chip-info-background: #{$color-chip-info-background-future-dark};
600
+ --color-chip-success-background: #{$color-chip-success-background-future-dark};
601
+ --color-error-icon: #{$color-error-icon-future-dark};
602
+ --color-error-icon-inverse: #{$color-error-icon-inverse-future-dark};
603
+ --color-error-text: #{$color-error-text-future-dark};
604
+ --color-error-background: #{$color-error-background-future-dark};
605
+ --color-error-foreground-inverse: #{$color-error-foreground-inverse-future-dark};
606
+ --color-info-foreground: #{$color-info-foreground-future-dark};
607
+ --color-info-icon: #{$color-info-icon-future-dark};
608
+ --color-info-icon-inverse: #{$color-info-icon-inverse-future-dark};
609
+ --color-info-text: #{$color-info-text-future-dark};
610
+ --color-info-foreground-inverse: #{$color-info-foreground-inverse-future-dark};
611
+ --color-info-background: #{$color-info-background-future-dark};
612
+ --color-success-icon: #{$color-success-icon-future-dark};
613
+ --color-success-icon-inverse: #{$color-success-icon-inverse-future-dark};
614
+ --color-success-text: #{$color-success-text-future-dark};
615
+ --color-success-background: #{$color-success-background-future-dark};
616
+ --color-success-foreground-inverse: #{$color-success-foreground-inverse-future-dark};
617
+ --color-warning-icon: #{$color-warning-icon-future-dark};
618
+ --color-warning-icon-inverse: #{$color-warning-icon-inverse-future-dark};
619
+ --color-warning-text: #{$color-warning-text-future-dark};
620
+ --color-warning-background: #{$color-warning-background-future-dark};
621
+ --color-warning-foreground-inverse: #{$color-warning-foreground-inverse-future-dark};
622
+ --color-icon-default: #{$color-icon-default-future-dark};
623
+ --color-icon-inverted-default: #{$color-icon-inverted-default-future-dark};
624
+ --color-toggle-off-hover: #{$color-toggle-off-hover-future-dark};
625
+ --color-toggle-off-focus: #{$color-toggle-off-focus-future-dark};
626
+ --color-toggle-off-pressed: #{$color-toggle-off-pressed-future-dark};
627
+ --color-toggle-on-hover: #{$color-toggle-on-hover-future-dark};
628
+ --color-toggle-on-focus: #{$color-toggle-on-focus-future-dark};
629
+ --color-toggle-on-pressed: #{$color-toggle-on-pressed-future-dark};
630
+ --color-callout-background: #{$color-callout-background-future-dark};
631
+ --color-warn: #{$color-warn-future-dark};
632
+ --color-warn-darker: #{$color-warn-darker-future-dark};
633
+ --color-warn-hover: #{$color-warn-hover-future-dark};
634
+ --color-warn-focus: #{$color-warn-focus-future-dark};
635
+ --color-warn-pressed: #{$color-warn-pressed-future-dark};
636
+ --color-carousel-background: #{$color-carousel-background-future-dark};
637
+ --color-icon-button-hover: #{$color-icon-button-hover-future-dark};
638
+ --color-icon-button-focus: #{$color-icon-button-focus-future-dark};
639
+ --color-icon-button-pressed: #{$color-icon-button-pressed-future-dark};
640
+ --color-code-function: #{$color-code-function-future-dark};
641
+ --color-code-operator: #{$color-code-operator-future-dark};
642
+ --color-code-numeric: #{$color-code-numeric-future-dark};
643
+ --color-code-text: #{$color-code-text-future-dark};
644
+ --color-toggle-thumb-off: #{$color-toggle-thumb-off-future-dark};
645
+ --color-toggle-track-off: #{$color-toggle-track-off-future-dark};
646
+ --color-toggle-thumb-on: #{$color-toggle-thumb-on-future-dark};
647
+ --color-toggle-track-on: #{$color-toggle-track-on-future-dark};
648
+ --color-toggle-thumb-off-disabled: #{$color-toggle-thumb-off-disabled-future-dark};
649
+ --color-toggle-track-off-disabled: #{$color-toggle-track-off-disabled-future-dark};
650
+ --color-toggle-thumb-on-disabled: #{$color-toggle-thumb-on-disabled-future-dark};
651
+ --color-toggle-track-on-disabled: #{$color-toggle-track-on-disabled-future-dark};
652
+ --color-skeleton: #{$color-skeleton-future-dark};
653
+ --color-skeleton-glow: #{$color-skeleton-glow-future-dark};
654
+ --color-data-grid-hover: #{$color-data-grid-hover-future-dark};
655
+ --color-data-grid-pressed: #{$color-data-grid-pressed-future-dark};
656
+ --color-focus-indicator: #{$color-focus-indicator-future-dark};
657
+ --color-focus-indicator-inverse: #{$color-focus-indicator-inverse-future-dark};
658
+ --color-chart-purple: #{$color-chart-purple-future-dark};
659
+ --color-chart-pink: #{$color-chart-pink-future-dark};
660
+ --color-chart-blue-secondary: #{$color-chart-blue-secondary-future-dark};
661
+ --color-chart-light-blue: #{$color-chart-light-blue-future-dark};
662
+ --color-chart-green: #{$color-chart-green-future-dark};
663
+ --color-chart-yellow: #{$color-chart-yellow-future-dark};
664
+ --color-gradient-general-start: #{$color-gradient-general-start-future-dark};
665
+ --color-gradient-general-end: #{$color-gradient-general-end-future-dark};
666
+ --color-gradient-agent-start: #{$color-gradient-agent-start-future-dark};
667
+ --color-gradient-agent-end: #{$color-gradient-agent-end-future-dark};
668
+ --color-gradient-invoked-start: #{$color-gradient-invoked-start-future-dark};
669
+ --color-gradient-invoked-end: #{$color-gradient-invoked-end-future-dark};
670
+ --color-gradient-human-start: #{$color-gradient-human-start-future-dark};
671
+ --color-gradient-human-end: #{$color-gradient-human-end-future-dark};
672
+ --color-canvas-background: #{$color-canvas-background-future-dark};
673
+ --color-dot-grid: #{$color-dot-grid-future-dark};
674
+ --color-background-overlay: #{$color-background-overlay-future-dark};
675
+ --color-foreground-secondary: #{$color-foreground-secondary-future-dark};
676
+ --color-foreground-hover: #{$color-foreground-hover-future-dark};
677
+ --color-foreground-on-accent: #{$color-foreground-on-accent-future-dark};
678
+ --color-primary-subtle: #{$color-primary-subtle-future-dark};
679
+ --color-border-muted: #{$color-border-muted-future-dark};
680
+ --color-border-deep: #{$color-border-deep-future-dark};
681
+ --color-border-inverse: #{$color-border-inverse-future-dark};
682
+ --color-border-hover: #{$color-border-hover-future-dark};
683
+
684
+ --border: #{$border-future-dark};
685
+ color-scheme: dark;
686
+ }
687
+
688
+ body.future-light#{$child-selector}, .future-light#{$child-selector} {
689
+ --color-background: #{$color-background-future-light};
690
+ --color-background-secondary: #{$color-background-secondary-future-light};
691
+ --color-background-inverse: #{$color-background-inverse-future-light};
692
+ --color-background-gray: #{$color-background-gray-future-light};
693
+ --color-background-disabled: #{$color-background-disabled-future-light};
694
+ --color-background-highlight: #{$color-background-highlight-future-light};
695
+ --color-background-raised: #{$color-background-raised-future-light};
696
+ --color-background-edit: #{$color-background-edit-future-light};
697
+ --color-background-gray-emp: #{$color-background-gray-emp-future-light};
698
+ --color-background-hover: #{$color-background-hover-future-light};
699
+ --color-background-pressed: #{$color-background-pressed-future-light};
700
+ --color-background-selected: #{$color-background-selected-future-light};
701
+ --color-selection-indicator: #{$color-selection-indicator-future-light};
702
+ --color-notification-badge: #{$color-notification-badge-future-light};
703
+ --color-notification-indicator: #{$color-notification-indicator-future-light};
704
+ --color-hover: #{$color-hover-future-light};
705
+ --color-curtain: #{$color-curtain-future-light};
706
+ --color-border: #{$color-border-future-light};
707
+ --color-border-disabled: #{$color-border-disabled-future-light};
708
+ --color-border-grid: #{$color-border-grid-future-light};
709
+ --color-border-de-emp: #{$color-border-de-emp-future-light};
710
+ --color-selection: #{$color-selection-future-light};
711
+ --color-logo: #{$color-logo-future-light};
712
+ --color-foreground: #{$color-foreground-future-light};
713
+ --color-foreground-light: #{$color-foreground-light-future-light};
714
+ --color-foreground-emp: #{$color-foreground-emp-future-light};
715
+ --color-foreground-de-emp: #{$color-foreground-de-emp-future-light};
716
+ --color-foreground-disable: #{$color-foreground-disable-future-light};
717
+ --color-foreground-inverse: #{$color-foreground-inverse-future-light};
718
+ --color-foreground-highlight: #{$color-foreground-highlight-future-light};
719
+ --color-foreground-highlight-selected: #{$color-foreground-highlight-selected-future-light};
720
+ --color-foreground-highlight-selected-hover: #{$color-foreground-highlight-selected-hover-future-light};
721
+ --color-foreground-link: #{$color-foreground-link-future-light};
722
+ --color-foreground-link-pressed: #{$color-foreground-link-pressed-future-light};
723
+ --color-foreground-inv-de-emp: #{$color-foreground-inv-de-emp-future-light};
724
+ --color-primary: #{$color-primary-future-light};
725
+ --color-primary-lighter: #{$color-primary-lighter-future-light};
726
+ --color-primary-darker: #{$color-primary-darker-future-light};
727
+ --color-primary-hover: #{$color-primary-hover-future-light};
728
+ --color-primary-focused: #{$color-primary-focused-future-light};
729
+ --color-primary-pressed: #{$color-primary-pressed-future-light};
730
+ --color-secondary-focused: #{$color-secondary-focused-future-light};
731
+ --color-secondary-pressed: #{$color-secondary-pressed-future-light};
732
+ --color-chip-default-background: #{$color-chip-default-background-future-light};
733
+ --color-chip-error-background: #{$color-chip-error-background-future-light};
734
+ --color-chip-warning-background: #{$color-chip-warning-background-future-light};
735
+ --color-chip-info-background: #{$color-chip-info-background-future-light};
736
+ --color-chip-success-background: #{$color-chip-success-background-future-light};
737
+ --color-error-icon: #{$color-error-icon-future-light};
738
+ --color-error-icon-inverse: #{$color-error-icon-inverse-future-light};
739
+ --color-error-text: #{$color-error-text-future-light};
740
+ --color-error-background: #{$color-error-background-future-light};
741
+ --color-error-foreground-inverse: #{$color-error-foreground-inverse-future-light};
742
+ --color-info-foreground: #{$color-info-foreground-future-light};
743
+ --color-info-icon: #{$color-info-icon-future-light};
744
+ --color-info-icon-inverse: #{$color-info-icon-inverse-future-light};
745
+ --color-info-text: #{$color-info-text-future-light};
746
+ --color-info-foreground-inverse: #{$color-info-foreground-inverse-future-light};
747
+ --color-info-background: #{$color-info-background-future-light};
748
+ --color-success-icon: #{$color-success-icon-future-light};
749
+ --color-success-icon-inverse: #{$color-success-icon-inverse-future-light};
750
+ --color-success-text: #{$color-success-text-future-light};
751
+ --color-success-background: #{$color-success-background-future-light};
752
+ --color-success-foreground-inverse: #{$color-success-foreground-inverse-future-light};
753
+ --color-warning-icon: #{$color-warning-icon-future-light};
754
+ --color-warning-icon-inverse: #{$color-warning-icon-inverse-future-light};
755
+ --color-warning-text: #{$color-warning-text-future-light};
756
+ --color-warning-background: #{$color-warning-background-future-light};
757
+ --color-warning-foreground-inverse: #{$color-warning-foreground-inverse-future-light};
758
+ --color-icon-default: #{$color-icon-default-future-light};
759
+ --color-icon-inverted-default: #{$color-icon-inverted-default-future-light};
760
+ --color-toggle-off-hover: #{$color-toggle-off-hover-future-light};
761
+ --color-toggle-off-focus: #{$color-toggle-off-focus-future-light};
762
+ --color-toggle-off-pressed: #{$color-toggle-off-pressed-future-light};
763
+ --color-toggle-on-hover: #{$color-toggle-on-hover-future-light};
764
+ --color-toggle-on-focus: #{$color-toggle-on-focus-future-light};
765
+ --color-toggle-on-pressed: #{$color-toggle-on-pressed-future-light};
766
+ --color-callout-background: #{$color-callout-background-future-light};
767
+ --color-warn: #{$color-warn-future-light};
768
+ --color-warn-darker: #{$color-warn-darker-future-light};
769
+ --color-warn-hover: #{$color-warn-hover-future-light};
770
+ --color-warn-focus: #{$color-warn-focus-future-light};
771
+ --color-warn-pressed: #{$color-warn-pressed-future-light};
772
+ --color-carousel-background: #{$color-carousel-background-future-light};
773
+ --color-icon-button-hover: #{$color-icon-button-hover-future-light};
774
+ --color-icon-button-focus: #{$color-icon-button-focus-future-light};
775
+ --color-icon-button-pressed: #{$color-icon-button-pressed-future-light};
776
+ --color-code-function: #{$color-code-function-future-light};
777
+ --color-code-operator: #{$color-code-operator-future-light};
778
+ --color-code-numeric: #{$color-code-numeric-future-light};
779
+ --color-code-text: #{$color-code-text-future-light};
780
+ --color-toggle-thumb-off: #{$color-toggle-thumb-off-future-light};
781
+ --color-toggle-track-off: #{$color-toggle-track-off-future-light};
782
+ --color-toggle-thumb-on: #{$color-toggle-thumb-on-future-light};
783
+ --color-toggle-track-on: #{$color-toggle-track-on-future-light};
784
+ --color-toggle-thumb-off-disabled: #{$color-toggle-thumb-off-disabled-future-light};
785
+ --color-toggle-track-off-disabled: #{$color-toggle-track-off-disabled-future-light};
786
+ --color-toggle-thumb-on-disabled: #{$color-toggle-thumb-on-disabled-future-light};
787
+ --color-toggle-track-on-disabled: #{$color-toggle-track-on-disabled-future-light};
788
+ --color-skeleton: #{$color-skeleton-future-light};
789
+ --color-skeleton-glow: #{$color-skeleton-glow-future-light};
790
+ --color-data-grid-hover: #{$color-data-grid-hover-future-light};
791
+ --color-data-grid-pressed: #{$color-data-grid-pressed-future-light};
792
+ --color-focus-indicator: #{$color-focus-indicator-future-light};
793
+ --color-focus-indicator-inverse: #{$color-focus-indicator-inverse-future-light};
794
+ --color-chart-purple: #{$color-chart-purple-future-light};
795
+ --color-chart-pink: #{$color-chart-pink-future-light};
796
+ --color-chart-blue-secondary: #{$color-chart-blue-secondary-future-light};
797
+ --color-chart-light-blue: #{$color-chart-light-blue-future-light};
798
+ --color-chart-green: #{$color-chart-green-future-light};
799
+ --color-chart-yellow: #{$color-chart-yellow-future-light};
800
+ --color-gradient-general-start: #{$color-gradient-general-start-future-light};
801
+ --color-gradient-general-end: #{$color-gradient-general-end-future-light};
802
+ --color-gradient-agent-start: #{$color-gradient-agent-start-future-light};
803
+ --color-gradient-agent-end: #{$color-gradient-agent-end-future-light};
804
+ --color-gradient-invoked-start: #{$color-gradient-invoked-start-future-light};
805
+ --color-gradient-invoked-end: #{$color-gradient-invoked-end-future-light};
806
+ --color-gradient-human-start: #{$color-gradient-human-start-future-light};
807
+ --color-gradient-human-end: #{$color-gradient-human-end-future-light};
808
+ --color-canvas-background: #{$color-canvas-background-future-light};
809
+ --color-dot-grid: #{$color-dot-grid-future-light};
810
+ --color-background-overlay: #{$color-background-overlay-future-light};
811
+ --color-foreground-secondary: #{$color-foreground-secondary-future-light};
812
+ --color-foreground-hover: #{$color-foreground-hover-future-light};
813
+ --color-foreground-on-accent: #{$color-foreground-on-accent-future-light};
814
+ --color-primary-subtle: #{$color-primary-subtle-future-light};
815
+ --color-border-muted: #{$color-border-muted-future-light};
816
+ --color-border-deep: #{$color-border-deep-future-light};
817
+ --color-border-inverse: #{$color-border-inverse-future-light};
818
+ --color-border-hover: #{$color-border-hover-future-light};
819
+
820
+ --border: #{$border-future-light};
821
+ color-scheme: light;
822
+ }
823
+ }