@epam/assets 5.10.2 → 5.11.0-rc.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 (41) hide show
  1. package/css/theme/theme_eduverse_dark.css +1164 -0
  2. package/css/theme/theme_eduverse_dark.css.map +1 -0
  3. package/css/theme/theme_eduverse_light.css +939 -0
  4. package/css/theme/theme_eduverse_light.css.map +1 -0
  5. package/css/theme/theme_electric.css +11 -12
  6. package/css/theme/theme_electric.css.map +1 -1
  7. package/css/theme/theme_loveship.css +11 -12
  8. package/css/theme/theme_loveship.css.map +1 -1
  9. package/css/theme/theme_loveship_dark.css +11 -12
  10. package/css/theme/theme_loveship_dark.css.map +1 -1
  11. package/css/theme/theme_promo.css +11 -12
  12. package/css/theme/theme_promo.css.map +1 -1
  13. package/css/theme/theme_vanilla_thunder.css +11 -12
  14. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  15. package/package.json +2 -2
  16. package/theme/no-fonts/theme_electric.scss +7 -0
  17. package/theme/no-fonts/theme_loveship.scss +8 -0
  18. package/theme/no-fonts/theme_loveship_dark.scss +8 -0
  19. package/theme/no-fonts/theme_promo.scss +8 -0
  20. package/theme/theme_eduverse_dark.scss +836 -0
  21. package/theme/theme_eduverse_light.scss +523 -0
  22. package/theme/theme_electric.scss +4 -511
  23. package/theme/theme_loveship.scss +3 -588
  24. package/theme/theme_loveship_dark.scss +3 -817
  25. package/theme/theme_promo.scss +3 -600
  26. package/theme/theme_vanilla_thunder.scss +1 -1
  27. package/theme/{theme_6px.scss → variables/6px_grid.scss} +17 -15
  28. package/theme/variables/6px_grid_eduverse.scss +69 -0
  29. package/theme/variables/electric.scss +508 -0
  30. package/theme/variables/loveship.scss +586 -0
  31. package/theme/variables/loveship_dark.scss +815 -0
  32. package/theme/variables/promo.scss +600 -0
  33. package/theme/variables/tokens/_theme_eduverse_dark.scss +282 -0
  34. package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss +282 -0
  35. package/theme/variables/tokens/_theme_eduverse_light.scss +282 -0
  36. package/theme/variables/tokens/_theme_eduverse_light_mobile.scss +282 -0
  37. /package/theme/{tokens → variables/tokens}/_color_classes.scss +0 -0
  38. /package/theme/{tokens → variables/tokens}/_theme_electric.scss +0 -0
  39. /package/theme/{tokens → variables/tokens}/_theme_loveship_dark.scss +0 -0
  40. /package/theme/{tokens → variables/tokens}/_theme_loveship_light.scss +0 -0
  41. /package/theme/{tokens → variables/tokens}/_theme_promo.scss +0 -0
package/theme/variables/tokens/_theme_eduverse_dark.scss ADDED
@@ -0,0 +1,282 @@
1
+ // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
+ @use './_color_classes.scss' as colorClasses;
3
+
4
+ @mixin theme-tokens {
5
+
6
+ /***************/
7
+ /*** Palette ***/
8
+ /***************/
9
+
10
+ // ""
11
+ --black: #000000;
12
+ --white: #FFFFFF;
13
+
14
+ // "palette-additional/cobalt"
15
+ --cobalt-5: #2C3A4F;
16
+ --cobalt-10: #29405D;
17
+ --cobalt-20: #20517F;
18
+ --cobalt-50: #0091FF;
19
+ --cobalt-60: #40ACFF;
20
+ --cobalt-70: #7AC5FF;
21
+
22
+ // "palette-additional/cyan"
23
+ --cyan-5: #2E3E4B;
24
+ --cyan-10: #2C4955;
25
+ --cyan-20: #27656E;
26
+ --cyan-50: #14CCCC;
27
+ --cyan-60: #70E0E0;
28
+ --cyan-70: #A1EBEB;
29
+
30
+ // "palette/electric"
31
+ --electric-5: #202339;
32
+ --electric-10: #0B2751;
33
+ --electric-20: #133D7B;
34
+ --electric-50: #3980EB;
35
+ --electric-60: #4486EB;
36
+ --electric-70: #629CF7;
37
+
38
+ // "palette/emerald"
39
+ --emerald-5: #093E17;
40
+ --emerald-10: #0C5B22;
41
+ --emerald-20: #197733;
42
+ --emerald-50: #34B859;
43
+ --emerald-60: #33D587;
44
+ --emerald-70: #62EBA9;
45
+
46
+ // "palette/fire"
47
+ --fire-5: #3A212A;
48
+ --fire-10: #611330;
49
+ --fire-20: #731B3B;
50
+ --fire-50: #EF558D;
51
+ --fire-60: #FA6FA2;
52
+ --fire-70: #FF95BC;
53
+
54
+ // "palette-additional/fuchsia"
55
+ --fuchsia-5: #413346;
56
+ --fuchsia-10: #51344C;
57
+ --fuchsia-20: #713657;
58
+ --fuchsia-50: #E93D82;
59
+ --fuchsia-60: #ED5F98;
60
+ --fuchsia-70: #F183AF;
61
+
62
+ // "palette-additional/mint"
63
+ --mint-5: #323E46;
64
+ --mint-10: #34484B;
65
+ --mint-20: #396258;
66
+ --mint-50: #4CC38A;
67
+ --mint-60: #79D2A7;
68
+ --mint-70: #A6E1C5;
69
+
70
+ // "palette/night"
71
+ --night50: #FAFAFC;
72
+ --night100: #E1E3EB;
73
+ --night200: #ACAFBF;
74
+ --night300: #6C6F80;
75
+ --night400: #585B69;
76
+ --night500: #474A59;
77
+ --night600: #383B4A;
78
+ --night700: #303240;
79
+ --night800: #272833;
80
+ --night900: #1D1E26;
81
+ --night950: #111111;
82
+
83
+ // "palette-additional/orange"
84
+ --orange-5: #413940;
85
+ --orange-10: #4F3F40;
86
+ --orange-20: #744F3F;
87
+ --orange-50: #FF8B3E;
88
+ --orange-60: #FFAA70;
89
+ --orange-70: #FFBF95;
90
+
91
+ // "palette-additional/purple"
92
+ --purple-5: #3E2F4F;
93
+ --purple-10: #4A2C5D;
94
+ --purple-20: #68267F;
95
+ --purple-50: #B915DA;
96
+ --purple-60: #D34EEE;
97
+ --purple-70: #D68AE5;
98
+
99
+ // "palette/red"
100
+ --red-5: #3A212A;
101
+ --red-10: #611330;
102
+ --red-20: #731B3B;
103
+ --red-50: #EF558D;
104
+ --red-60: #FA6FA2;
105
+ --red-70: #FF95BC;
106
+
107
+ // "palette/sun"
108
+ --sun-5: #3F3B3B;
109
+ --sun-10: #47433D;
110
+ --sun-20: #625747;
111
+ --sun-50: #FF9A24;
112
+ --sun-60: #F4B83A;
113
+ --sun-70: #FFD06D;
114
+
115
+ // "palette-additional/violet"
116
+ --violet-5: #393251;
117
+ --violet-10: #443166;
118
+ --violet-20: #573088;
119
+ --violet-50: #8E32EB;
120
+ --violet-60: #A55CEF;
121
+ --violet-70: #40109E;
122
+
123
+ // "palette-additional/yellow"
124
+ --yellow-5: #403F40;
125
+ --yellow-10: #4F4B3F;
126
+ --yellow-20: #74683E;
127
+ --yellow-50: #FDD63B;
128
+ --yellow-60: #FEE376;
129
+ --yellow-70: #FEEA9D;
130
+
131
+ /*********************/
132
+ /*** Core Semantic ***/
133
+ /*********************/
134
+
135
+ // "core/semantic/accent-"
136
+ --uui-accent-5: var(--emerald-5);
137
+ --uui-accent-10: var(--emerald-10);
138
+ --uui-accent-20: var(--emerald-20);
139
+ --uui-accent-50: var(--emerald-50);
140
+ --uui-accent-60: var(--emerald-60);
141
+ --uui-accent-70: var(--emerald-70);
142
+ --uui-accent-contrast: var(--white);
143
+
144
+ // "core/semantic/critical-"
145
+ --uui-critical-5: var(--fire-5);
146
+ --uui-critical-10: var(--fire-10);
147
+ --uui-critical-20: var(--fire-20);
148
+ --uui-critical-50: var(--fire-50);
149
+ --uui-critical-60: var(--fire-60);
150
+ --uui-critical-70: var(--fire-70);
151
+ --uui-critical-contrast: var(--white);
152
+
153
+ // "core/semantic/error-"
154
+ --uui-error-5: var(--fire-5);
155
+ --uui-error-10: var(--fire-10);
156
+ --uui-error-20: var(--fire-20);
157
+ --uui-error-50: var(--fire-50);
158
+ --uui-error-60: var(--fire-60);
159
+ --uui-error-70: var(--fire-70);
160
+ --uui-error-contrast: var(--white);
161
+
162
+ // "core/semantic/info-"
163
+ --uui-info-5: var(--electric-5);
164
+ --uui-info-10: var(--electric-10);
165
+ --uui-info-20: var(--electric-20);
166
+ --uui-info-50: var(--electric-50);
167
+ --uui-info-60: var(--electric-60);
168
+ --uui-info-70: var(--electric-70);
169
+ --uui-info-contrast: var(--white);
170
+
171
+ // "core/semantic/primary-"
172
+ --uui-primary-5: var(--electric-5);
173
+ --uui-primary-10: var(--electric-10);
174
+ --uui-primary-20: var(--electric-20);
175
+ --uui-primary-50: var(--electric-50);
176
+ --uui-primary-60: var(--electric-60);
177
+ --uui-primary-70: var(--electric-70);
178
+ --uui-primary-contrast: var(--white);
179
+
180
+ // "core/semantic/secondary-"
181
+ --uui-secondary-5: var(--night800);
182
+ --uui-secondary-10: var(--night700);
183
+ --uui-secondary-20: var(--night600);
184
+ --uui-secondary-50: var(--night500);
185
+ --uui-secondary-60: var(--night400);
186
+ --uui-secondary-70: var(--night300);
187
+ --uui-secondary-contrast: var(--white);
188
+
189
+ // "core/semantic/success-"
190
+ --uui-success-5: var(--emerald-5);
191
+ --uui-success-10: var(--emerald-10);
192
+ --uui-success-20: var(--emerald-20);
193
+ --uui-success-50: var(--emerald-50);
194
+ --uui-success-60: var(--emerald-60);
195
+ --uui-success-70: var(--emerald-70);
196
+ --uui-success-contrast: var(--white);
197
+
198
+ // "core/semantic/warning-"
199
+ --uui-warning-5: var(--sun-5);
200
+ --uui-warning-10: var(--sun-10);
201
+ --uui-warning-20: var(--sun-20);
202
+ --uui-warning-50: var(--sun-50);
203
+ --uui-warning-60: var(--sun-60);
204
+ --uui-warning-70: var(--sun-70);
205
+ --uui-warning-contrast: var(--night700);
206
+
207
+ /********************/
208
+ /*** Core Neutral ***/
209
+ /********************/
210
+
211
+ --uui-neutral-0: var(--white);
212
+ --uui-neutral-5: var(--night50);
213
+ --uui-neutral-10: var(--night100);
214
+ --uui-neutral-20: var(--night200);
215
+ --uui-neutral-30: var(--night300);
216
+ --uui-neutral-40: var(--night400);
217
+ --uui-neutral-50: var(--night500);
218
+ --uui-neutral-60: var(--night600);
219
+ --uui-neutral-70: var(--night700);
220
+ --uui-neutral-80: var(--night800);
221
+ --uui-neutral-90: var(--night900);
222
+ --uui-neutral-95: var(--night950);
223
+ --uui-neutral-100: var(--black);
224
+
225
+ /************/
226
+ /*** Core ***/
227
+ /************/
228
+
229
+ // "core/surfaces"
230
+ --uui-app-bg: var(--uui-neutral-90);
231
+ --uui-divider: var(--uui-neutral-50);
232
+ --uui-divider-light: var(--uui-neutral-60);
233
+ --uui-overlay: #1D1E26CC;
234
+ --uui-surface-higher: var(--uui-neutral-70);
235
+ --uui-surface-highest: var(--uui-neutral-60);
236
+ --uui-surface-main: var(--uui-neutral-90);
237
+ --uui-surface-sunken: var(--uui-neutral-60);
238
+
239
+ // "core/controls"
240
+ --uui-control-bg: var(--uui-surface-main);
241
+ --uui-control-bg-disabled: var(--uui-neutral-60);
242
+ --uui-control-bg-hover: var(--uui-neutral-60);
243
+ --uui-control-border: var(--uui-neutral-40);
244
+ --uui-control-border-disabled: var(--uui-neutral-40);
245
+ --uui-control-border-focus: var(--uui-primary-60);
246
+ --uui-control-border-hover: var(--uui-neutral-20);
247
+ --uui-control-icon: var(--uui-neutral-30);
248
+ --uui-control-icon-disabled: var(--uui-neutral-30);
249
+ --uui-control-placeholder: var(--uui-text-tertiary);
250
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
251
+ --uui-control-text: var(--uui-text-primary);
252
+ --uui-control-text-disabled: var(--uui-text-tertiary);
253
+
254
+ // "core/icons"
255
+ --uui-icon: var(--uui-neutral-10);
256
+ --uui-icon-active: var(--uui-neutral-5);
257
+ --uui-icon-disabled: var(--uui-neutral-30);
258
+ --uui-icon-hover: var(--uui-neutral-5);
259
+
260
+ // "core/links"
261
+ --uui-link: var(--uui-primary-50);
262
+ --uui-link-hover: var(--uui-primary-70);
263
+ --uui-link-visited: var(--purple-60);
264
+ --uui-link-visited-hover: var(--purple-70);
265
+
266
+ // "core/other"
267
+ --uui-outline-focus: #0A68F17F;
268
+ --uui-skeleton: var(--uui-neutral-30);
269
+
270
+ // "core/text"
271
+ --uui-text-bg-highlight: var(--uui-warning-20);
272
+ --uui-text-critical: var(--uui-critical-70);
273
+ --uui-text-disabled: var(--uui-neutral-30);
274
+ --uui-text-info: var(--uui-info-70);
275
+ --uui-text-primary: var(--uui-neutral-5);
276
+ --uui-text-secondary: var(--uui-neutral-10);
277
+ --uui-text-success: var(--uui-success-70);
278
+ --uui-text-tertiary: var(--uui-neutral-20);
279
+ --uui-text-warning: var(--uui-warning-70);
280
+
281
+ @include colorClasses.theme-color-classes;
282
+ }
package/theme/variables/tokens/_theme_eduverse_dark_mobile.scss ADDED
@@ -0,0 +1,282 @@
1
+ // This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.
2
+ @use './_color_classes.scss' as colorClasses;
3
+
4
+ @mixin theme-tokens {
5
+
6
+ /***************/
7
+ /*** Palette ***/
8
+ /***************/
9
+
10
+ // ""
11
+ --black: #000000;
12
+ --white: #FFFFFF;
13
+
14
+ // "palette-additional/cobalt"
15
+ --cobalt-5: #2C3A4F;
16
+ --cobalt-10: #29405D;
17
+ --cobalt-20: #20517F;
18
+ --cobalt-50: #0091FF;
19
+ --cobalt-60: #40ACFF;
20
+ --cobalt-70: #7AC5FF;
21
+
22
+ // "palette-additional/cyan"
23
+ --cyan-5: #2E3E4B;
24
+ --cyan-10: #2C4955;
25
+ --cyan-20: #27656E;
26
+ --cyan-50: #14CCCC;
27
+ --cyan-60: #70E0E0;
28
+ --cyan-70: #A1EBEB;
29
+
30
+ // "palette/electric"
31
+ --electric-5: #202339;
32
+ --electric-10: #0B2751;
33
+ --electric-20: #133D7B;
34
+ --electric-50: #3980EB;
35
+ --electric-60: #4486EB;
36
+ --electric-70: #629CF7;
37
+
38
+ // "palette/emerald"
39
+ --emerald-5: #093E17;
40
+ --emerald-10: #0C5B22;
41
+ --emerald-20: #197733;
42
+ --emerald-50: #34B859;
43
+ --emerald-60: #33D587;
44
+ --emerald-70: #62EBA9;
45
+
46
+ // "palette/fire"
47
+ --fire-5: #3A212A;
48
+ --fire-10: #611330;
49
+ --fire-20: #731B3B;
50
+ --fire-50: #EF558D;
51
+ --fire-60: #FA6FA2;
52
+ --fire-70: #FF95BC;
53
+
54
+ // "palette-additional/fuchsia"
55
+ --fuchsia-5: #413346;
56
+ --fuchsia-10: #51344C;
57
+ --fuchsia-20: #713657;
58
+ --fuchsia-50: #E93D82;
59
+ --fuchsia-60: #ED5F98;
60
+ --fuchsia-70: #F183AF;
61
+
62
+ // "palette-additional/mint"
63
+ --mint-5: #323E46;
64
+ --mint-10: #34484B;
65
+ --mint-20: #396258;
66
+ --mint-50: #4CC38A;
67
+ --mint-60: #79D2A7;
68
+ --mint-70: #A6E1C5;
69
+
70
+ // "palette/night"
71
+ --night50: #FAFAFC;
72
+ --night100: #E1E3EB;
73
+ --night200: #ACAFBF;
74
+ --night300: #6C6F80;
75
+ --night400: #585B69;
76
+ --night500: #474A59;
77
+ --night600: #383B4A;
78
+ --night700: #303240;
79
+ --night800: #272833;
80
+ --night900: #1D1E26;
81
+ --night950: #111111;
82
+
83
+ // "palette-additional/orange"
84
+ --orange-5: #413940;
85
+ --orange-10: #4F3F40;
86
+ --orange-20: #744F3F;
87
+ --orange-50: #FF8B3E;
88
+ --orange-60: #FFAA70;
89
+ --orange-70: #FFBF95;
90
+
91
+ // "palette-additional/purple"
92
+ --purple-5: #3E2F4F;
93
+ --purple-10: #4A2C5D;
94
+ --purple-20: #68267F;
95
+ --purple-50: #B915DA;
96
+ --purple-60: #D34EEE;
97
+ --purple-70: #D68AE5;
98
+
99
+ // "palette/red"
100
+ --red-5: #3A212A;
101
+ --red-10: #611330;
102
+ --red-20: #731B3B;
103
+ --red-50: #EF558D;
104
+ --red-60: #FA6FA2;
105
+ --red-70: #FF95BC;
106
+
107
+ // "palette/sun"
108
+ --sun-5: #3F3B3B;
109
+ --sun-10: #47433D;
110
+ --sun-20: #625747;
111
+ --sun-50: #FF9A24;
112
+ --sun-60: #F4B83A;
113
+ --sun-70: #FFD06D;
114
+
115
+ // "palette-additional/violet"
116
+ --violet-5: #393251;
117
+ --violet-10: #443166;
118
+ --violet-20: #573088;
119
+ --violet-50: #8E32EB;
120
+ --violet-60: #A55CEF;
121
+ --violet-70: #40109E;
122
+
123
+ // "palette-additional/yellow"
124
+ --yellow-5: #403F40;
125
+ --yellow-10: #4F4B3F;
126
+ --yellow-20: #74683E;
127
+ --yellow-50: #FDD63B;
128
+ --yellow-60: #FEE376;
129
+ --yellow-70: #FEEA9D;
130
+
131
+ /*********************/
132
+ /*** Core Semantic ***/
133
+ /*********************/
134
+
135
+ // "core/semantic/accent-"
136
+ --uui-accent-5: var(--emerald-5);
137
+ --uui-accent-10: var(--emerald-10);
138
+ --uui-accent-20: var(--emerald-20);
139
+ --uui-accent-50: var(--emerald-50);
140
+ --uui-accent-60: var(--emerald-60);
141
+ --uui-accent-70: var(--emerald-70);
142
+ --uui-accent-contrast: var(--white);
143
+
144
+ // "core/semantic/critical-"
145
+ --uui-critical-5: var(--fire-5);
146
+ --uui-critical-10: var(--fire-10);
147
+ --uui-critical-20: var(--fire-20);
148
+ --uui-critical-50: var(--fire-50);
149
+ --uui-critical-60: var(--fire-60);
150
+ --uui-critical-70: var(--fire-70);
151
+ --uui-critical-contrast: var(--white);
152
+
153
+ // "core/semantic/error-"
154
+ --uui-error-5: var(--fire-5);
155
+ --uui-error-10: var(--fire-10);
156
+ --uui-error-20: var(--fire-20);
157
+ --uui-error-50: var(--fire-50);
158
+ --uui-error-60: var(--fire-60);
159
+ --uui-error-70: var(--fire-70);
160
+ --uui-error-contrast: var(--white);
161
+
162
+ // "core/semantic/info-"
163
+ --uui-info-5: var(--electric-5);
164
+ --uui-info-10: var(--electric-10);
165
+ --uui-info-20: var(--electric-20);
166
+ --uui-info-50: var(--electric-50);
167
+ --uui-info-60: var(--electric-60);
168
+ --uui-info-70: var(--electric-70);
169
+ --uui-info-contrast: var(--white);
170
+
171
+ // "core/semantic/primary-"
172
+ --uui-primary-5: var(--electric-5);
173
+ --uui-primary-10: var(--electric-10);
174
+ --uui-primary-20: var(--electric-20);
175
+ --uui-primary-50: var(--electric-50);
176
+ --uui-primary-60: var(--electric-60);
177
+ --uui-primary-70: var(--electric-70);
178
+ --uui-primary-contrast: var(--white);
179
+
180
+ // "core/semantic/secondary-"
181
+ --uui-secondary-5: var(--night800);
182
+ --uui-secondary-10: var(--night700);
183
+ --uui-secondary-20: var(--night600);
184
+ --uui-secondary-50: var(--night500);
185
+ --uui-secondary-60: var(--night400);
186
+ --uui-secondary-70: var(--night300);
187
+ --uui-secondary-contrast: var(--white);
188
+
189
+ // "core/semantic/success-"
190
+ --uui-success-5: var(--emerald-5);
191
+ --uui-success-10: var(--emerald-10);
192
+ --uui-success-20: var(--emerald-20);
193
+ --uui-success-50: var(--emerald-50);
194
+ --uui-success-60: var(--emerald-60);
195
+ --uui-success-70: var(--emerald-70);
196
+ --uui-success-contrast: var(--white);
197
+
198
+ // "core/semantic/warning-"
199
+ --uui-warning-5: var(--sun-5);
200
+ --uui-warning-10: var(--sun-10);
201
+ --uui-warning-20: var(--sun-20);
202
+ --uui-warning-50: var(--sun-50);
203
+ --uui-warning-60: var(--sun-60);
204
+ --uui-warning-70: var(--sun-70);
205
+ --uui-warning-contrast: var(--night700);
206
+
207
+ /********************/
208
+ /*** Core Neutral ***/
209
+ /********************/
210
+
211
+ --uui-neutral-0: var(--white);
212
+ --uui-neutral-5: var(--night50);
213
+ --uui-neutral-10: var(--night100);
214
+ --uui-neutral-20: var(--night200);
215
+ --uui-neutral-30: var(--night300);
216
+ --uui-neutral-40: var(--night400);
217
+ --uui-neutral-50: var(--night500);
218
+ --uui-neutral-60: var(--night600);
219
+ --uui-neutral-70: var(--night700);
220
+ --uui-neutral-80: var(--night800);
221
+ --uui-neutral-90: var(--night900);
222
+ --uui-neutral-95: var(--night950);
223
+ --uui-neutral-100: var(--black);
224
+
225
+ /************/
226
+ /*** Core ***/
227
+ /************/
228
+
229
+ // "core/surfaces"
230
+ --uui-app-bg: var(--uui-neutral-90);
231
+ --uui-divider: var(--uui-neutral-50);
232
+ --uui-divider-light: var(--uui-neutral-60);
233
+ --uui-overlay: #1D1E26CC;
234
+ --uui-surface-higher: var(--uui-neutral-70);
235
+ --uui-surface-highest: var(--uui-neutral-60);
236
+ --uui-surface-main: var(--uui-neutral-90);
237
+ --uui-surface-sunken: var(--uui-neutral-60);
238
+
239
+ // "core/controls"
240
+ --uui-control-bg: var(--uui-surface-main);
241
+ --uui-control-bg-disabled: var(--uui-neutral-60);
242
+ --uui-control-bg-hover: var(--uui-neutral-60);
243
+ --uui-control-border: var(--uui-neutral-40);
244
+ --uui-control-border-disabled: var(--uui-neutral-40);
245
+ --uui-control-border-focus: var(--uui-primary-60);
246
+ --uui-control-border-hover: var(--uui-neutral-20);
247
+ --uui-control-icon: var(--uui-neutral-30);
248
+ --uui-control-icon-disabled: var(--uui-neutral-30);
249
+ --uui-control-placeholder: var(--uui-text-tertiary);
250
+ --uui-control-placeholder-disabled: var(--uui-text-disabled);
251
+ --uui-control-text: var(--uui-text-primary);
252
+ --uui-control-text-disabled: var(--uui-text-tertiary);
253
+
254
+ // "core/icons"
255
+ --uui-icon: var(--uui-neutral-10);
256
+ --uui-icon-active: var(--uui-neutral-5);
257
+ --uui-icon-disabled: var(--uui-neutral-30);
258
+ --uui-icon-hover: var(--uui-neutral-5);
259
+
260
+ // "core/links"
261
+ --uui-link: var(--uui-primary-50);
262
+ --uui-link-hover: var(--uui-primary-70);
263
+ --uui-link-visited: var(--purple-60);
264
+ --uui-link-visited-hover: var(--purple-70);
265
+
266
+ // "core/other"
267
+ --uui-outline-focus: #0A68F17F;
268
+ --uui-skeleton: var(--uui-neutral-30);
269
+
270
+ // "core/text"
271
+ --uui-text-bg-highlight: var(--uui-warning-20);
272
+ --uui-text-critical: var(--uui-critical-70);
273
+ --uui-text-disabled: var(--uui-neutral-30);
274
+ --uui-text-info: var(--uui-info-70);
275
+ --uui-text-primary: var(--uui-neutral-5);
276
+ --uui-text-secondary: var(--uui-neutral-10);
277
+ --uui-text-success: var(--uui-success-70);
278
+ --uui-text-tertiary: var(--uui-neutral-20);
279
+ --uui-text-warning: var(--uui-warning-70);
280
+
281
+ @include colorClasses.theme-color-classes;
282
+ }