@epam/assets 5.2.0-rc.3 → 5.3.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 (21) hide show
  1. package/css/theme/theme_electric.css +154 -131
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +262 -228
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +381 -301
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +249 -221
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder(old).css +805 -0
  10. package/css/theme/theme_vanilla_thunder(old).css.map +1 -0
  11. package/css/theme/theme_vanilla_thunder.css +104 -687
  12. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  13. package/package.json +2 -2
  14. package/scss/loveship/colors.scss +7 -7
  15. package/scss/promo/typography.scss +0 -2
  16. package/theme/theme_electric.scss +186 -136
  17. package/theme/theme_loveship.scss +306 -240
  18. package/theme/theme_loveship_dark.scss +456 -320
  19. package/theme/theme_promo.scss +289 -236
  20. package/theme/theme_vanilla_thunder(old).scss +1031 -0
  21. package/theme/theme_vanilla_thunder.scss +114 -864
package/css/theme/theme_electric.css CHANGED
@@ -121,51 +121,51 @@
121
121
  --yellow-5:#FFFFF0;
122
122
  --yellow-10:#FFFECC;
123
123
  --yellow-20:#FFFCA4;
124
- --yellow-30:#FDD63B;
125
- --yellow-40:#F9B71D;
126
- --yellow-50:#D3910C;
124
+ --yellow-50:#FDD63B;
125
+ --yellow-60:#F9B71D;
126
+ --yellow-70:#D3910C;
127
127
  --orange-5:#FEF8F4;
128
128
  --orange-10:#FFE8D7;
129
129
  --orange-20:#FFCCA7;
130
- --orange-30:#FF8B3E;
131
- --orange-40:#F76B0D;
132
- --orange-50:#BD4B00;
130
+ --orange-50:#FF8B3E;
131
+ --orange-60:#F76B0D;
132
+ --orange-70:#BD4B00;
133
133
  --fuchsia-5:#FFF7FB;
134
134
  --fuchsia-10:#F9D8E7;
135
135
  --fuchsia-20:#EDADC8;
136
- --fuchsia-30:#EA4386;
137
- --fuchsia-40:#D61E68;
138
- --fuchsia-50:#AE1955;
136
+ --fuchsia-50:#EA4386;
137
+ --fuchsia-60:#D61E68;
138
+ --fuchsia-70:#AE1955;
139
139
  --purple-5:#FDF6FE;
140
140
  --purple-10:#F2CCFA;
141
141
  --purple-20:#E79DF5;
142
- --purple-30:#B114D1;
143
- --purple-40:#860F9E;
144
- --purple-50:#5E0B6F;
145
- --lavanda-5:#F8F6FE;
146
- --lavanda-10:#DBCCFA;
147
- --lavanda-20:#BB9DF5;
148
- --lavanda-30:#773CEC;
149
- --lavanda-40:#5514D6;
150
- --lavanda-50:#40109E;
142
+ --purple-50:#B114D1;
143
+ --purple-60:#860F9E;
144
+ --purple-70:#5E0B6F;
145
+ --violet-5:#F8F6FE;
146
+ --violet-10:#DBCCFA;
147
+ --violet-20:#BB9DF5;
148
+ --violet-50:#773CEC;
149
+ --violet-60:#5514D6;
150
+ --violet-70:#40109E;
151
151
  --cobalt-5:#F8FAFF;
152
152
  --cobalt-10:#D9E2FC;
153
153
  --cobalt-20:#AEC0F5;
154
- --cobalt-30:#0F98FF;
155
- --cobalt-40:#006FE5;
156
- --cobalt-50:#0954A5;
154
+ --cobalt-50:#0F98FF;
155
+ --cobalt-60:#006FE5;
156
+ --cobalt-70:#0954A5;
157
157
  --cyan-5:#F5FBFF;
158
158
  --cyan-10:#D1FAFA;
159
159
  --cyan-20:#AAEEEE;
160
- --cyan-30:#14CCCC;
161
- --cyan-40:#0F9E9E;
162
- --cyan-50:#0B6F6F;
160
+ --cyan-50:#14CCCC;
161
+ --cyan-60:#0F9E9E;
162
+ --cyan-70:#0B6F6F;
163
163
  --mint-5:#F2FCF5;
164
164
  --mint-10:#DDF3E4;
165
165
  --mint-20:#B4DFC4;
166
- --mint-30:#4FC48C;
167
- --mint-40:#2E9E68;
168
- --mint-50:#236E4A;
166
+ --mint-50:#4FC48C;
167
+ --mint-60:#2E9E68;
168
+ --mint-70:#236E4A;
169
169
  --gradient-1:linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);
170
170
  --gradient-2:linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);
171
171
  --gradient-3:linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);
@@ -177,48 +177,55 @@
177
177
  --uui-accent-50:var(--emerald-50);
178
178
  --uui-accent-60:var(--emerald-60);
179
179
  --uui-accent-70:var(--emerald-70);
180
+ --uui-accent-contrast:var(--white);
180
181
  --uui-primary-5:var(--electric-5);
181
182
  --uui-primary-10:var(--electric-10);
182
183
  --uui-primary-20:var(--electric-20);
183
184
  --uui-primary-50:var(--electric-50);
184
185
  --uui-primary-60:var(--electric-60);
185
186
  --uui-primary-70:var(--electric-70);
187
+ --uui-primary-contrast:var(--white);
186
188
  --uui-secondary-5:var(--night200);
187
189
  --uui-secondary-10:var(--night300);
188
190
  --uui-secondary-20:var(--night400);
189
191
  --uui-secondary-50:var(--night600);
190
192
  --uui-secondary-60:var(--night700);
191
193
  --uui-secondary-70:var(--night800);
194
+ --uui-secondary-contrast:var(--white);
192
195
  --uui-critical-5:var(--fire-5);
193
196
  --uui-critical-10:var(--fire-10);
194
197
  --uui-critical-20:var(--fire-20);
195
198
  --uui-critical-50:var(--fire-50);
196
199
  --uui-critical-60:var(--fire-60);
197
200
  --uui-critical-70:var(--fire-70);
201
+ --uui-critical-contrast:var(--white);
198
202
  --uui-info-5:var(--electric-5);
199
203
  --uui-info-10:var(--electric-10);
200
204
  --uui-info-20:var(--electric-20);
201
205
  --uui-info-50:var(--electric-50);
202
206
  --uui-info-60:var(--electric-60);
203
207
  --uui-info-70:var(--electric-70);
208
+ --uui-info-contrast:var(--white);
204
209
  --uui-success-5:var(--emerald-5);
205
210
  --uui-success-10:var(--emerald-10);
206
211
  --uui-success-20:var(--emerald-20);
207
212
  --uui-success-50:var(--emerald-50);
208
213
  --uui-success-60:var(--emerald-60);
209
214
  --uui-success-70:var(--emerald-70);
215
+ --uui-success-contrast:var(--white);
210
216
  --uui-warning-5:var(--sun-5);
211
217
  --uui-warning-10:var(--sun-10);
212
218
  --uui-warning-20:var(--sun-20);
213
219
  --uui-warning-50:var(--sun-50);
214
220
  --uui-warning-60:var(--sun-60);
215
- --uui-warning-70:var(--sun-70);
221
+ --uui-warning-contrast:var(--uui-neutral-80);
216
222
  --uui-error-5:var(--fire-5);
217
223
  --uui-error-10:var(--fire-10);
218
224
  --uui-error-20:var(--fire-20);
219
225
  --uui-error-50:var(--fire-50);
220
226
  --uui-error-60:var(--fire-60);
221
227
  --uui-error-70:var(--fire-70);
228
+ --uui-error-contrast:var(--white);
222
229
  --uui-neutral-0:#FFFFFF;
223
230
  --uui-neutral-5:var(--night50);
224
231
  --uui-neutral-10:var(--night100);
@@ -230,19 +237,14 @@
230
237
  --uui-neutral-70:var(--night700);
231
238
  --uui-neutral-80:var(--night800);
232
239
  --uui-neutral-90:var(--night900);
240
+ --uui-neutral-95:var(--night950);
233
241
  --uui-neutral-100:#000000;
234
242
  --uui-app-bg:var(--uui-neutral-10);
235
243
  --uui-overlay:rgba(29, 30, 38, 0.8);
236
- --uui-surface:var(--uui-neutral-0);
237
- --uui-surface-low:var(--uui-neutral-5);
238
- --uui-surface-lower:var(--uui-neutral-10);
239
- --uui-surface-lowest:var(--uui-neutral-20);
240
- --uui-surface-contrast:var(--uui-neutral-70);
241
- --uui-surface-contrast-low:var(--uui-neutral-80);
242
- --uui-surface-contrast-lower:var(--uui-neutral-90);
243
- --uui-surface-active:var(--sky-lightest);
244
- --uui-surface-critical:var(--fire-lightest);
245
- --uui-surface-warning:var(--sun-lightest);
244
+ --uui-surface-sunken:var(--uui-neutral-5);
245
+ --uui-surface-main:var(--uui-neutral-0);
246
+ --uui-surface-higher:var(--uui-neutral-10);
247
+ --uui-surface-highest:var(--uui-neutral-20);
246
248
  --uui-divider:var(--uui-neutral-40);
247
249
  --uui-divider-light:var(--uui-neutral-30);
248
250
  --uui-text-brand:var(--uui-neutral-90);
@@ -251,26 +253,22 @@
251
253
  --uui-text-tertiary:var(--uui-neutral-60);
252
254
  --uui-text-disabled:var(--uui-neutral-50);
253
255
  --uui-text-contrast:var(--uui-neutral-5);
254
- --uui-text-white:var(--white);
255
- --uui-text-dark:var(--night800);
256
- --uui-text-info:var(--uui-info-50);
257
- --uui-text-warning:var(--uui-warning-50);
258
- --uui-text-error:var(--uui-error-50);
259
- --uui-text-success:var(--uui-success-50);
260
- --uui-disabled:var(--uui-neutral-30);
261
- --uui-link:var(--sky);
262
- --uui-link-hover:var(--sky-dark);
263
- --uui-link-wite-hover:var(--uui-neutral-40);
264
- --uui-link-black-hover:var(--uui-neutral-80);
256
+ --uui-text-info:var(--uui-info-70);
257
+ --uui-text-warning:var(--uui-warning-70);
258
+ --uui-text-critical:var(--uui-critical-70);
259
+ --uui-text-success:var(--uui-success-70);
260
+ --uui-link:var(--electric-50);
261
+ --uui-link-hover:var(--electric-60);
265
262
  --uui-link-visited:#8018A0;
263
+ --uui-link-visited-hover:#601278;
266
264
  --uui-link-disabled:var(--uui-neutral-50);
267
- --uui-icon:var(--uui-neutral-60);
268
- --uui-icon-hover:var(--uui-neutral-70);
269
- --uui-icon-active:var(--uui-neutral-80);
270
- --uui-icon-disabled:var(--uui-neutral-50);
265
+ --uui-icon:var(--uui-neutral-95);
266
+ --uui-icon-hover:var(--uui-neutral-100);
267
+ --uui-icon-active:var(--uui-neutral-100);
268
+ --uui-icon-disabled:var(--uui-neutral-40);
271
269
  --uui-scroll_bars-bg:var(--uui-neutral-40);
272
270
  --uui-scroll_bars-bg-active:var(--uui-neutral-60);
273
- --uui-control-bg:var(--uui-surface);
271
+ --uui-control-bg:var(--uui-surface-main);
274
272
  --uui-control-bg-hover:var(--uui-neutral-60);
275
273
  --uui-control-bg-disabled:var(--uui-neutral-5);
276
274
  --uui-control-bg-readonly:var(--uui-neutral-5);
@@ -288,15 +286,14 @@
288
286
  --uui-control-icon:var(--uui-neutral-50);
289
287
  --uui-control-icon-disabled:var(--uui-neutral-50);
290
288
  --uui-control-checkbox-icon:var(--uui-neutral-0);
291
- --uui-control-focus:#008ACE80;
292
- --uui-search-result-highlight:var(--uui-warning-10);
289
+ --uui-outline-focus:#008ACE80;
290
+ --uui-search_result-bg-highlight:var(--uui-warning-10);
293
291
  --uui-skeleton:var(--uui-neutral-40);
294
292
  --uui-skeleton-gradient:linear-gradient(90deg, var(--uui-neutral-40) 0%, var(--uui-neutral-10) 50%, var(--uui-neutral-40) 100%);
295
293
  --uui-border-radius:3px;
296
294
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
297
295
  --uui-shadow-level-2:0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);
298
296
  --uui-shadow-level-3:0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);
299
- --uui-accordion-border-radius:6px;
300
297
  }
301
298
  .uui-theme-electric .uui-color-accent,
302
299
  .uui-theme-electric .uui-color-emerald,
@@ -307,9 +304,9 @@
307
304
  --uui-color-50:var(--uui-accent-50);
308
305
  --uui-color-60:var(--uui-accent-60);
309
306
  --uui-color-70:var(--uui-accent-70);
310
- --uui-color-text:var(--uui-accent-50);
311
- --uui-color-contrast-text:var(--uui-text-white);
307
+ --uui-color-contrast:var(--white);
312
308
  }
309
+ .uui-theme-electric .uui-button.uui-color-accent,
313
310
  .uui-theme-electric .uui-color-primary,
314
311
  .uui-theme-electric .uui-color-electric,
315
312
  .uui-theme-electric .uui-color-info{
@@ -319,8 +316,7 @@
319
316
  --uui-color-50:var(--uui-primary-50);
320
317
  --uui-color-60:var(--uui-primary-60);
321
318
  --uui-color-70:var(--uui-primary-70);
322
- --uui-color-text:var(--uui-primary-50);
323
- --uui-color-contrast-text:var(--uui-text-white);
319
+ --uui-color-contrast:var(--white);
324
320
  }
325
321
  .uui-theme-electric .uui-color-fire,
326
322
  .uui-theme-electric .uui-color-critical,
@@ -331,10 +327,18 @@
331
327
  --uui-color-50:var(--uui-critical-50);
332
328
  --uui-color-60:var(--uui-critical-60);
333
329
  --uui-color-70:var(--uui-critical-70);
334
- --uui-color-text:var(--uui-critical-50);
335
- --uui-color-contrast-text:var(--uui-text-white);
330
+ --uui-color-contrast:var(--white);
331
+ }
332
+ .uui-theme-electric .uui-color-white{
333
+ --uui-color-5:var(--white);
334
+ --uui-color-10:var(--white);
335
+ --uui-color-20:var(--white);
336
+ --uui-color-50:var(--white);
337
+ --uui-color-60:var(--night100);
338
+ --uui-color-70:var(--night200);
339
+ --uui-color-contrast:var(--night800);
336
340
  }
337
- .uui-theme-electric .uui-color-gray,
341
+ .uui-theme-electric .uui-color-neutral,
338
342
  .uui-theme-electric .uui-color-secondary{
339
343
  --uui-color-5:var(--uui-secondary-5);
340
344
  --uui-color-10:var(--uui-secondary-10);
@@ -342,8 +346,7 @@
342
346
  --uui-color-50:var(--uui-secondary-50);
343
347
  --uui-color-60:var(--uui-secondary-60);
344
348
  --uui-color-70:var(--uui-secondary-70);
345
- --uui-color-text:var(--uui-secondary-60);
346
- --uui-color-contrast-text:var(--uui-text-white);
349
+ --uui-color-contrast:var(--white);
347
350
  }
348
351
  .uui-theme-electric .uui-color-sun,
349
352
  .uui-theme-electric .uui-color-warning{
@@ -353,98 +356,112 @@
353
356
  --uui-color-50:var(--sun-50);
354
357
  --uui-color-60:var(--sun-60);
355
358
  --uui-color-70:var(--sun-70);
356
- --uui-color-text:var(--sun-70);
357
- --uui-color-contrast-text:var(--uui-text-dark);
359
+ --uui-color-contrast:var(--uui-neutral-80);
358
360
  }
359
361
  .uui-theme-electric .uui-color-yellow{
360
362
  --uui-color-5:var(--yellow-5);
361
363
  --uui-color-10:var(--yellow-10);
362
364
  --uui-color-20:var(--yellow-20);
363
- --uui-color-50:var(--yellow-30);
364
- --uui-color-60:var(--yellow-40);
365
- --uui-color-70:var(--yellow-50);
366
- --uui-color-text:var(--yellow-50);
367
- --uui-color-contrast-text:var(--uui-text-dark);
365
+ --uui-color-50:var(--yellow-50);
366
+ --uui-color-60:var(--yellow-60);
367
+ --uui-color-70:var(--yellow-70);
368
+ --uui-color-contrast:var(--uui-neutral-80);
368
369
  }
369
370
  .uui-theme-electric .uui-color-orange{
370
371
  --uui-color-5:var(--orange-5);
371
372
  --uui-color-10:var(--orange-10);
372
373
  --uui-color-20:var(--orange-20);
373
- --uui-color-50:var(--orange-30);
374
- --uui-color-60:var(--orange-40);
375
- --uui-color-70:var(--orange-50);
376
- --uui-color-text:var(--orange-50);
377
- --uui-color-contrast-text:var(--uui-text-dark);
374
+ --uui-color-50:var(--orange-50);
375
+ --uui-color-60:var(--orange-60);
376
+ --uui-color-70:var(--orange-70);
377
+ --uui-color-contrast:var(--uui-neutral-80);
378
378
  }
379
379
  .uui-theme-electric .uui-color-fuchsia{
380
380
  --uui-color-5:var(--fuchsia-5);
381
381
  --uui-color-10:var(--fuchsia-10);
382
382
  --uui-color-20:var(--fuchsia-20);
383
- --uui-color-50:var(--fuchsia-30);
384
- --uui-color-60:var(--fuchsia-40);
385
- --uui-color-70:var(--fuchsia-50);
386
- --uui-color-text:var(--fuchsia-50);
387
- --uui-color-contrast-text:var(--uui-text-white);
383
+ --uui-color-50:var(--fuchsia-50);
384
+ --uui-color-60:var(--fuchsia-60);
385
+ --uui-color-70:var(--fuchsia-70);
386
+ --uui-color-contrast:var(--white);
388
387
  }
389
388
  .uui-theme-electric .uui-color-purple{
390
389
  --uui-color-5:var(--purple-5);
391
390
  --uui-color-10:var(--purple-10);
392
391
  --uui-color-20:var(--purple-20);
393
- --uui-color-50:var(--purple-30);
394
- --uui-color-60:var(--purple-40);
395
- --uui-color-70:var(--purple-50);
396
- --uui-color-text:var(--purple-50);
397
- --uui-color-contrast-text:var(--uui-text-white);
398
- }
399
- .uui-theme-electric .uui-color-lavanda{
400
- --uui-color-5:var(--lavanda-5);
401
- --uui-color-10:var(--lavanda-10);
402
- --uui-color-20:var(--lavanda-20);
403
- --uui-color-50:var(--lavanda-30);
404
- --uui-color-60:var(--lavanda-40);
405
- --uui-color-70:var(--lavanda-50);
406
- --uui-color-text:var(--lavanda-50);
407
- --uui-color-contrast-text:var(--uui-text-white);
392
+ --uui-color-50:var(--purple-50);
393
+ --uui-color-60:var(--purple-60);
394
+ --uui-color-70:var(--purple-70);
395
+ --uui-color-contrast:var(--white);
396
+ }
397
+ .uui-theme-electric .uui-color-violet{
398
+ --uui-color-5:var(--violet-5);
399
+ --uui-color-10:var(--violet-10);
400
+ --uui-color-20:var(--violet-20);
401
+ --uui-color-50:var(--violet-50);
402
+ --uui-color-60:var(--violet-60);
403
+ --uui-color-70:var(--violet-70);
404
+ --uui-color-contrast:var(--white);
408
405
  }
409
406
  .uui-theme-electric .uui-color-cobalt{
410
407
  --uui-color-5:var(--cobalt-5);
411
408
  --uui-color-10:var(--cobalt-10);
412
409
  --uui-color-20:var(--cobalt-20);
413
- --uui-color-50:var(--cobalt-30);
414
- --uui-color-60:var(--cobalt-40);
415
- --uui-color-70:var(--cobalt-50);
416
- --uui-color-text:var(--cobalt-50);
417
- --uui-color-contrast-text:var(--uui-text-white);
410
+ --uui-color-50:var(--cobalt-50);
411
+ --uui-color-60:var(--cobalt-60);
412
+ --uui-color-70:var(--cobalt-70);
413
+ --uui-color-contrast:var(--white);
418
414
  }
419
415
  .uui-theme-electric .uui-color-cyan{
420
416
  --uui-color-5:var(--cyan-5);
421
417
  --uui-color-10:var(--cyan-10);
422
418
  --uui-color-20:var(--cyan-20);
423
- --uui-color-50:var(--cyan-30);
424
- --uui-color-60:var(--cyan-40);
425
- --uui-color-70:var(--cyan-50);
426
- --uui-color-text:var(--cyan-50);
427
- --uui-color-contrast-text:var(--uui-text-dark);
419
+ --uui-color-50:var(--cyan-50);
420
+ --uui-color-60:var(--cyan-60);
421
+ --uui-color-70:var(--cyan-70);
422
+ --uui-color-contrast:var(--uui-neutral-80);
428
423
  }
429
424
  .uui-theme-electric .uui-color-mint{
430
425
  --uui-color-5:var(--mint-5);
431
426
  --uui-color-10:var(--mint-10);
432
427
  --uui-color-20:var(--mint-20);
433
- --uui-color-50:var(--mint-30);
434
- --uui-color-60:var(--mint-40);
435
- --uui-color-70:var(--mint-50);
436
- --uui-color-text:var(--mint-50);
437
- --uui-color-contrast-text:var(--uui-text-dark);
428
+ --uui-color-50:var(--mint-50);
429
+ --uui-color-60:var(--mint-60);
430
+ --uui-color-70:var(--mint-70);
431
+ --uui-color-contrast:var(--uui-neutral-80);
432
+ }
433
+ .uui-theme-electric .uui-accordion-container{
434
+ --uui-accordion-border-radius:6px;
435
+ }
436
+ .uui-theme-electric .uui-file_card{
437
+ --uui-file_card-border-radius:6px;
438
+ }
439
+ .uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline{
440
+ --uui-badge-bg-hover:var(--uui-neutral-10);
441
+ --uui-badge-border:var(--uui-neutral-30);
442
+ --uui-badge-border-hover:var(--uui-neutral-30);
443
+ --uui-badge-caption:var(--uui-neutral-80);
444
+ --uui-badge-caption-hover:var(--uui-neutral-80);
438
445
  }
439
446
  .uui-theme-electric .uui-badge.uui-color-neutral{
440
- --uui-color-5:var(--night200);
441
- --uui-color-10:var(--night300);
442
- --uui-color-20:var(--night400);
443
- --uui-color-50:var(--night300);
444
- --uui-color-60:var(--night400);
445
- --uui-color-70:var(--night500);
446
- --uui-color-text:var(--uui-text-primary);
447
- --uui-color-contrast-text:var(--uui-text-primary);
447
+ --uui-badge-bg:var(--uui-neutral-30);
448
+ --uui-badge-border:var(--uui-neutral-30);
449
+ --uui-badge-bg-hover:var(--uui-neutral-40);
450
+ --uui-badge-border-hover:var(--uui-neutral-40);
451
+ --uui-color-contrast:var(--uui-neutral-80);
452
+ }
453
+ .uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-outline{
454
+ --uui-badge-bg:var(--uui-neutral-20);
455
+ --uui-badge-border:var(--uui-neutral-40);
456
+ --uui-badge-bg-hover:var(--uui-neutral-30);
457
+ --uui-badge-caption:var(--uui-neutral-80);
458
+ --uui-badge-caption-hover:var(--uui-neutral-80);
459
+ }
460
+ .uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline{
461
+ --uui-badge-border:var(--yellow-20);
462
+ }
463
+ .uui-theme-electric .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost){
464
+ --uui-btn-caption:var(--uui-neutral-70);
448
465
  }
449
466
  .uui-theme-electric .uui-icon_button.uui-color-neutral{
450
467
  --uui-color-5:var(--uui-secondary-5);
@@ -453,21 +470,27 @@
453
470
  --uui-color-50:var(--uui-secondary-50);
454
471
  --uui-color-60:var(--uui-secondary-60);
455
472
  --uui-color-70:var(--uui-secondary-70);
456
- --uui-color-text:var(--uui-secondary-60);
457
- --uui-color-contrast-text:var(--uui-text-white);
473
+ --uui-color-contrast:var(--white);
458
474
  }
459
475
  .uui-theme-electric .uui-tooltip-container.uui-color-neutral{
460
- --uui-color-50:var(--white);
461
- --uui-color-contrast-text:var(--uui-text-dark);
476
+ --uui-tooltip-bg:var(--white);
477
+ --uui-color-contrast:var(--uui-neutral-80);
462
478
  }
463
479
  .uui-theme-electric .uui-tooltip-container.uui-color-critical{
464
- --uui-color-50:var(--uui-critical-60);
480
+ --uui-tooltip-bg:var(--uui-critical-60);
465
481
  }
466
482
  .uui-theme-electric .uui-tooltip-container.uui-color-contrast{
467
- --uui-color-50:var(--night800);
468
- --uui-color-contrast-text:var(--uui-text-white);
483
+ --uui-tooltip-bg:var(--night800);
484
+ --uui-color-contrast:var(--white);
485
+ }
486
+ .uui-theme-electric .uui-count_indicator.uui-color-neutral{
487
+ --uui-count_indicator-bg:var(--uui-neutral-30);
488
+ --uui-count_indicator-border:var(--uui-neutral-30);
489
+ }
490
+ .uui-theme-electric .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning){
491
+ --uui-count_indicator-caption:var(--uui-neutral-70);
469
492
  }
470
- .uui-theme-electric .uui-informer.uui-color-neutral{
471
- --uui-color-50:var(--uui-neutral-30);
472
- --uui-informer-caption:var(--uui-text-dark);
493
+ .uui-theme-electric .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
494
+ background-color:color-mix(in srgb, var(--white) 20%, transparent);
495
+ border:1px solid var(--uui-neutral-40);
473
496
  }