@epam/assets 5.1.0 → 5.1.2-alpha.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 (10) hide show
  1. package/css/theme/theme_loveship.css +168 -163
  2. package/css/theme/theme_loveship.css.map +1 -1
  3. package/css/theme/theme_promo.css +209 -222
  4. package/css/theme/theme_promo.css.map +1 -1
  5. package/css/theme/theme_vanilla_thunder.css +63 -72
  6. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  7. package/package.json +2 -2
  8. package/theme/theme_loveship.scss +185 -171
  9. package/theme/theme_promo.scss +234 -237
  10. package/theme/theme_vanilla_thunder.scss +83 -77
package/css/theme/theme_loveship.css CHANGED
@@ -124,7 +124,6 @@
124
124
  --uui-primary:var(--sky);
125
125
  --uui-primary-light:var(--sky-light);
126
126
  --uui-primary-lightest:var(--sky-lightest);
127
- --uui-primary-halftone:var(--night200);
128
127
  --uui-primary-dark:var(--sky-dark);
129
128
  --uui-primary-darkest:var(--sky-darkest);
130
129
  --uui-secondary:var(--night600);
@@ -139,92 +138,88 @@
139
138
  --uui-negative-darkest:var(--fire-darkest);
140
139
  --uui-link:var(--sky);
141
140
  --uui-link-hover:var(--sky-dark);
141
+ --uui-link-wite-hover:var(--night400);
142
+ --uui-link-black-hover:var(--night800);
142
143
  --uui-link-visited:#8018A0;
143
144
  --uui-link-disabled:var(--night500);
144
- --uui-visited:#5214CC;
145
145
  --uui-info:var(--sky);
146
+ --uui-info-soft:var(--sky-soft);
146
147
  --uui-info-lightest:var(--sky-lightest);
147
148
  --uui-info-light:var(--sky-light);
148
149
  --uui-info-dark:var(--sky-dark);
149
150
  --uui-info-darkest:var(--sky-darkest);
150
- --uui-info-hover:var(--sky-dark);
151
- --uui-info-active:var(--sky-darkest);
152
151
  --uui-success:var(--grass);
152
+ --uui-success-soft:var(--grass-soft);
153
153
  --uui-success-lightest:var(--grass-lightest);
154
154
  --uui-success-light:var(--grass-light);
155
155
  --uui-success-dark:var(--grass-dark);
156
156
  --uui-success-darkest:var(--grass-darkest);
157
- --uui-success-hover:var(--grass-dark);
158
- --uui-success-active:var(--grass-darkest);
159
157
  --uui-warning:var(--sun);
158
+ --uui-warning-soft:var(--sun-soft);
160
159
  --uui-warning-lightest:var(--sun-lightest);
161
160
  --uui-warning-light:var(--sun-light);
162
161
  --uui-warning-dark:var(--sun-dark);
163
162
  --uui-warning-darkest:var(--sun-darkest);
164
- --uui-warning-hover:var(--sun-dark);
165
- --uui-warning-active:var(--sun-darkest);
166
163
  --uui-error:var(--fire);
164
+ --uui-error-soft:var(--fire-soft);
167
165
  --uui-error-lightest:var(--fire-lightest);
168
166
  --uui-error-light:var(--fire-light);
169
167
  --uui-error-dark:var(--fire-dark);
170
168
  --uui-error-darkest:var(--fire-darkest);
171
- --uui-error-hover:var(--fire-dark);
172
- --uui-error-active:var(--fire-darkest);
173
169
  --uui-icon:var(--night600);
174
170
  --uui-icon-hover:var(--night700);
175
171
  --uui-icon-active:var(--night800);
176
172
  --uui-icon-disabled:var(--night500);
173
+ --uui-app-bg:var(--night100);
174
+ --uui-overlay:rgba(29, 30, 38, 0.8);
177
175
  --uui-surface:var(--white);
178
- --uui-surface-hover:var(--night200);
179
- --uui-surface-inverted:var(--night900);
180
- --uui-surface-light:var(--night50);
181
- --uui-surface-light-hover:var(--night100);
182
- --uui-surface-contrast:var(--night800);
183
- --uui-surface-contrast-hover:var(--night900);
184
- --uui-surface-contrast-active:var(--night900);
185
- --uui-background:var(--night100);
176
+ --uui-surface-low:var(--night50);
177
+ --uui-surface-lower:var(--night100);
178
+ --uui-surface-lowest:var(--night200);
179
+ --uui-surface-contrast:var(--night700);
180
+ --uui-surface-contrast-low:var(--night800);
181
+ --uui-surface-contrast-lower:var(--night900);
182
+ --uui-surface-active:var(--sky-lightest);
183
+ --uui-surface-critical:var(--fire-lightest);
184
+ --uui-surface-warning:var(--sun-lightest);
186
185
  --uui-divider:var(--night400);
187
186
  --uui-divider-light:var(--night300);
188
- --uui-contrast:var(--white);
189
- --uui-disabled:var(--night300);
190
- --uui-scroll-bars-bg:var(--night400);
191
- --uui-scroll-bars-bg-active:var(--night600);
192
- --uui-button-bg-halftone:var(--white);
193
- --uui-button-caption-disabled:var(--night500);
194
- --uui-text-info:var(--uui-info);
195
- --uui-text-warning:var(--uui-warning);
196
- --uui-text-error:var(--uui-error);
197
- --uui-text-success:var(--uui-success);
198
187
  --uui-text-brand:var(--night900);
199
188
  --uui-text-primary:var(--night800);
200
- --uui-text-secondary:var(--night600);
189
+ --uui-text-secondary:var(--night700);
190
+ --uui-text-tertiary:var(--night600);
201
191
  --uui-text-disabled:var(--night500);
202
192
  --uui-text-contrast:var(--night50);
203
193
  --uui-text-white:var(--white);
194
+ --uui-text-dark:var(--night800);
195
+ --uui-text-info:var(--uui-info);
196
+ --uui-text-warning:var(--uui-warning);
197
+ --uui-text-error:var(--uui-error);
198
+ --uui-text-success:var(--uui-success);
199
+ --uui-disabled:var(--night300);
200
+ --uui-scroll_bars-bg:var(--night400);
201
+ --uui-scroll_bars-bg-active:var(--night600);
202
+ --uui-button-bg-halftone:var(--white);
204
203
  --uui-control-bg:var(--white);
205
- --uui-control-bg-checked:var(--uui-primary);
206
- --uui-control-bg-checked-hover:var(--uui-primary-dark);
207
- --uui-control-bg-checked-disabled:var(--uui-primary-light);
208
204
  --uui-control-bg-hover:var(--night600);
209
205
  --uui-control-bg-disabled:var(--night50);
210
206
  --uui-control-bg-readonly:var(--night50);
207
+ --uui-control-bg-checked:var(--uui-primary);
208
+ --uui-control-bg-checked-hover:var(--uui-primary-dark);
209
+ --uui-control-bg-checked-disabled:var(--uui-primary-light);
211
210
  --uui-control_switch-bg:var(--night400);
212
- --uui-control_switch_toggler-bg:var(--white);
213
- --uui-control-border-checked-disabled:var(--uui-primary-light);
211
+ --uui-control_switch-toggler-bg:var(--white);
214
212
  --uui-control-border:var(--night400);
213
+ --uui-control-border-hover:var(--uui-primary-dark);
214
+ --uui-control-border-disabled:var(--night300);
215
+ --uui-control-border-readonly:var(--night300);
215
216
  --uui-control-border-checked:var(--uui-primary);
216
217
  --uui-control-border-checked-hover:var(--uui-primary-dark);
217
- --uui-control-border-hover:var(--uui-primary-dark);
218
- --uui-control-border-disabled:var(--uui-disabled);
219
- --uui-control-border-readonly:var(--uui-disabled);
218
+ --uui-control-border-checked-disabled:var(--uui-primary-light);
220
219
  --uui-control_switch-border-hover:var(--night600);
221
220
  --uui-control_textinput-border-hover:var(--night600);
222
221
  --uui-control-label:var(--uui-text-primary);
223
222
  --uui-control-label-disabled:var(--uui-text-disabled);
224
- --uui-control-label-error:var(--uui-error);
225
- --uui-control-label-fill:var(--uui-icon);
226
- --uui-control-label-optional-text:var(--uui-text-secondary);
227
- --uui-control-label-asterisk:var(--uui-error);
228
223
  --uui-control-placeholder:var(--night600);
229
224
  --uui-control-placeholder-disabled:var(--night500);
230
225
  --uui-control-text:var(--night800);
@@ -236,7 +231,6 @@
236
231
  --uui-tag-bg-hover:var(--night400);
237
232
  --uui-skeleton:var(--night400);
238
233
  --uui-skeleton-gradient:linear-gradient(90deg, var(--night400) 0%, var(--night100) 50%, var(--night400) 100%);
239
- --uui-overlay:rgba(29, 30, 38, 0.8);
240
234
  --uui-border-radius:3px;
241
235
  --uui-shadow-level-1:0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);
242
236
  --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);
@@ -247,7 +241,7 @@
247
241
  --uui-text-input-border:var(--uui-control-border);
248
242
  --uui-text-input-border-hover:var(--uui-control_textinput-border-hover);
249
243
  --uui-text-input-border-active:var(--uui-control-border-checked);
250
- --uui-text-input-border-error:var(--uui-negative);
244
+ --uui-text-input-border-error:var(--uui-error);
251
245
  --uui-text-input-border-disabled:var(--uui-control-border-disabled);
252
246
  --uui-text-input-border-readonly:var(--uui-control-border-readonly);
253
247
  --uui-text-input-placeholder:var(--uui-control-placeholder);
@@ -264,12 +258,8 @@
264
258
  --uui-btn-font:var(--font-semibold);
265
259
  --uui-link-button-font:var(--font-semibold);
266
260
  --uui-dtp-title-bg:var(--uui-control-bg);
267
- --uui-dtp-title-bg-hover:var(--uui-primary-halftone);
268
261
  --uui-dtp-text-selected:var(--uui-control-border-checked);
269
262
  --uui-dtp-text:var(--uui-control-text);
270
- --uui-dtp-next-prev-icon:var(--uui-icon);
271
- --uui-dtp-next-prev-icon-bg-hover:var(--uui-secondary-lightest);
272
- --uui-dtp_header-font:var(--font-semibold);
273
263
  --uui-dtp_body-content-font:var(--font-regular);
274
264
  --uui-rdtp-bg:var(--uui-control-bg);
275
265
  --uui-rdtp-bg-selected-date:var(--uui-primary-lightest);
@@ -282,11 +272,11 @@
282
272
  --uui-calendar-content-font:var(--font-regular);
283
273
  --uui-calendar-weekday-font:var(--font-regular);
284
274
  --uui-calendar-selected_day-font:var(--font-semibold);
285
- --uui-tab-button-text:var(--uui-text-primary);
286
- --uui-tab-button-text-hover:var(--uui-primary);
287
- --uui-tab-button-text-active:var(--uui-primary);
288
- --uui-tab-button-text-disabled:var(--uui-text-disabled);
289
- --uui-tab-button-font:var(--font-semibold);
275
+ --uui-tab_button-text:var(--uui-text-primary);
276
+ --uui-tab_button-text-hover:var(--uui-primary);
277
+ --uui-tab_button-text-active:var(--uui-primary);
278
+ --uui-tab_button-text-disabled:var(--uui-text-disabled);
279
+ --uui-tab_button-font:var(--font-semibold);
290
280
  --uui-radio-input-bg:var(--uui-control-bg);
291
281
  --uui-radio-input-bg-disabled:var(--uui-control-bg-disabled);
292
282
  --uui-radio-input-border:var(--uui-control-border);
@@ -322,7 +312,6 @@
322
312
  --uui-tag-fill-hover:var(--uui-icon-hover);
323
313
  --uui-tag-count-bg:var(--uui-surface);
324
314
  --uui-tag-count:var(--uui-text-secondary);
325
- --uui-tag-label:var(--uui-text-secondary);
326
315
  --uui-tag-border-radius:30px;
327
316
  --uui-tag-font:var(--font-regular);
328
317
  --uui-tag-count-font:var(--font-semibold);
@@ -332,7 +321,7 @@
332
321
  --uui-text-area-border-disabled:var(--uui-control-border-disabled);
333
322
  --uui-text-area-border-hover:var(--uui-control_textinput-border-hover);
334
323
  --uui-text-area-border-active:var(--uui-control-border-checked);
335
- --uui-text-area-border-error:var(--uui-negative);
324
+ --uui-text-area-border-error:var(--uui-error);
336
325
  --uui-text-area-placeholder:var(--uui-control-placeholder);
337
326
  --uui-text-area-text:var(--uui-control-text);
338
327
  --uui-text-area-text-disabled:var(--uui-control-text-disabled);
@@ -353,7 +342,7 @@
353
342
  --uui-picker-toggler-border-disabled:var(--uui-control-border-disabled);
354
343
  --uui-picker-toggler-border-hover:var(--uui-control_textinput-border-hover);
355
344
  --uui-picker-toggler-border-active:var(--uui-control-border-checked);
356
- --uui-picker-toggler-border-error:var(--uui-negative);
345
+ --uui-picker-toggler-border-error:var(--uui-error);
357
346
  --uui-picker-toggler-placeholder:var(--uui-control-placeholder);
358
347
  --uui-picker-toggler-text:var(--uui-control-text);
359
348
  --uui-picker-toggler-text-disabled:var(--uui-control-text-disabled);
@@ -376,7 +365,7 @@
376
365
  --uui-labeled-input-error:var(--uui-error);
377
366
  --uui-labeled-input-fill:var(--uui-icon);
378
367
  --uui-labeled-input-info-fill:var(--uui-icon);
379
- --uui-labeled-input-optional-text:var(--uui-text-secondary);
368
+ --uui-labeled-input-optional-text:var(--uui-text-tertiary);
380
369
  --uui-labeled-input-asterisk:var(--uui-error);
381
370
  --uui-labeled-input-font:var(--font-semibold);
382
371
  --uui-labeled-input-optional-font:var(--font-italic);
@@ -408,7 +397,7 @@
408
397
  --uui-switch-border-checked-disabled:var(--uui-control-border-checked-disabled);
409
398
  --uui-switch-label:var(--uui-control-label);
410
399
  --uui-switch-label-disabled:var(--uui-control-label-disabled);
411
- --uui-switch-toggler-bg:var(--uui-control_switch_toggler-bg);
400
+ --uui-switch-toggler-bg:var(--uui-control_switch-toggler-bg);
412
401
  --uui-switch-toggler-bg-disabled:var(--uui-control-bg-disabled);
413
402
  --uui-switch-toggler-border-checked:var(--uui-control-bg-checked);
414
403
  --uui-switch-toggler-border-hover:var(--uui-control-bg-hover);
@@ -422,33 +411,34 @@
422
411
  --uui-dropdown-menu-bg:var(--uui-surface);
423
412
  --uui-dropdown-menu-shadow:var(--uui-shadow-level-2);
424
413
  --uui-dropdown-menu-splitter:var(--uui-divider);
425
- --uui-dropdown-menu-item-hover:var(--uui-surface-hover);
426
- --uui-dropdown-menu-item-active:var(--uui-surface-hover);
414
+ --uui-dropdown-menu-item-hover:var(--uui-surface-lowest);
415
+ --uui-dropdown-menu-item-active:var(--uui-surface-lowest);
427
416
  --uui-dropdown-menu-item-text:var(--uui-text-primary);
428
417
  --uui-dropdown-menu-body-font:var(--font-regular);
429
418
  --uui-dropdown-menu-item-font:var(--font-regular);
430
419
  --uui-main_menu-text:var(--uui-text-contrast);
431
420
  --uui-main_menu-text-active:var(--uui-text-contrast);
432
- --uui-main_menu-bg:var(--uui-surface-contrast);
433
- --uui-main_menu-hover:var(--uui-surface-contrast-hover);
434
- --uui-main_menu-active:var(--uui-surface-contrast-active);
421
+ --uui-main_menu-bg:var(--uui-surface-contrast-low);
422
+ --uui-main_menu-hover:var(--uui-surface-contrast-lower);
423
+ --uui-main_menu-active:var(--uui-surface-contrast-lower);
435
424
  --uui-main_menu-border-active:var(--uui-primary);
436
- --uui-main_menu-dropdown-bg:var(--uui-surface-inverted);
425
+ --uui-main_menu-dropdown-bg:var(--uui-surface-contrast-lower);
426
+ --uui-main_menu-dropdown-bg-hover:var(--uui-surface-contrast-low);
437
427
  --uui-main_menu-dropdown-hover:var(--uui-primary);
438
428
  --uui-main_menu-dropdown-shadow:none;
439
429
  --uui-main_menu-dropdown-border-radius:none;
440
430
  --uui-main_menu-search-bg:var(--uui-secondary-darkest);
441
431
  --uui-main_menu-search-border:var(--uui-secondary-darkest);
442
432
  --uui-main_menu-search-placeholder:var(--uui-text-disabled);
443
- --uui-main_menu-search-text:var(--uui-contrast);
433
+ --uui-main_menu-search-text:var(--uui-text-disabled);
444
434
  --uui-main_menu-search-icon:var(--uui-icon-disabled);
445
435
  --uui-main_menu-icon:var(--uui-text-contrast);
446
436
  --uui-main_menu-icon-hover:var(--uui-text-contrast);
447
437
  --uui-main_menu-icon-active:var(--uui-text-contrast);
448
438
  --uui-main_menu-font:var(--font-semibold);
449
439
  --uui-main_menu-search-font:var(--font-regular);
450
- --uui-burger_menu-bg:var(--uui-surface-inverted);
451
- --uui-burger_menu-bg-hover:var(--uui-primary-dark);
440
+ --uui-burger_menu-bg:var(--uui-surface-contrast-lower);
441
+ --uui-burger_menu-bg-hover:var(--uui-surface-contrast-lower);
452
442
  --uui-burger_menu-caption:var(--uui-text-contrast);
453
443
  --uui-burger_menu-caption-hover:var(--uui-primary);
454
444
  --uui-burger_menu-overlay:var(--uui-overlay);
@@ -474,7 +464,7 @@
474
464
  --uui-numeric-input-border-disabled:var(--uui-control-border-disabled);
475
465
  --uui-numeric-input-border-hover:var(--uui-control_textinput-border-hover);
476
466
  --uui-numeric-input-border-active:var(--uui-control-border-checked);
477
- --uui-numeric-input-border-error:var(--uui-negative);
467
+ --uui-numeric-input-border-error:var(--uui-error);
478
468
  --uui-numeric-input-placeholder:var(--uui-control-placeholder);
479
469
  --uui-numeric-input-text:var(--uui-control-text);
480
470
  --uui-numeric-input-text-disabled:var(--uui-control-text-disabled);
@@ -487,7 +477,7 @@
487
477
  --uui-time-picker-border-disabled:var(--uui-control-border-disabled);
488
478
  --uui-time-picker-border-hover:var(--uui-control_textinput-border-hover);
489
479
  --uui-time-picker-border-active:var(--uui-control-border-checked);
490
- --uui-time-picker-border-error:var(--uui-negative);
480
+ --uui-time-picker-border-error:var(--uui-error);
491
481
  --uui-time-picker-placeholder:var(--uui-control-placeholder);
492
482
  --uui-time-picker-text:var(--uui-control-text);
493
483
  --uui-time-picker-text-disabled:var(--uui-control-text-disabled);
@@ -514,9 +504,9 @@
514
504
  --uui-filters-toggler-border-hover:var(--uui-text-input-border-hover);
515
505
  --uui-filters-toggler-border-radius:var(--uui-border-radius);
516
506
  --uui-filters-toggler-bg:var(--uui-surface);
517
- --uui-filters-toggler-bg-hover:var(--uui-surface-light-hover);
507
+ --uui-filters-toggler-bg-hover:var(--uui-surface-lower);
518
508
  --uui-filters-toggler-text:var(--uui-text-brand);
519
- --uui-filters-toggler-label:var(--uui-text-secondary);
509
+ --uui-filters-toggler-label:var(--uui-text-tertiary);
520
510
  --uui-filters-toggler-icon:var(--uui-text-input-icon-clickable);
521
511
  --uui-filters-toggler-shadow:none;
522
512
  --uui-filters-toggler-font:var(--font-regular);
@@ -528,8 +518,7 @@
528
518
  --uui-alert-border-radius:6px;
529
519
  --uui-panel-bg:var(--uui-surface);
530
520
  --uui-spinner:var(--uui-primary);
531
- --uui-blocker-bg:var(--uui-background);
532
- --uui-blocker-bg-with-opacity:#F5F6FA80;
521
+ --uui-blocker-bg:var(--uui-app-bg);
533
522
  --uui-flex-row-border-bottom:1px solid var(--uui-divider);
534
523
  --uui-dt-border:var(--uui-divider-light);
535
524
  --uui-dt-cell-bg:transparent;
@@ -538,11 +527,11 @@
538
527
  --uui-dt-cell-border-hover:var(--uui-control_textinput-border-hover);
539
528
  --uui-dt-cell-border-focus:var(--uui-control-border-checked);
540
529
  --uui-dt-row-bg:var(--uui-surface);
541
- --uui-dt-row-bg-hover:var(--uui-surface-light-hover);
530
+ --uui-dt-row-bg-hover:var(--uui-surface-lower);
542
531
  --uui-dt-row-bg-invalid:#FEF7F6;
543
532
  --uui-dt-row-bg-selected:#EBF7FF;
544
- --uui-dt-header-row-bg:var(--uui-surface-light);
545
- --uui-dt-header-row-bg-hover:var(--uui-surface-hover);
533
+ --uui-dt-header-row-bg:var(--uui-surface-low);
534
+ --uui-dt-header-row-bg-hover:var(--uui-surface-lowest);
546
535
  --uui-dt-top-shadow:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
547
536
  --uui-dt-left-shadow:linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
548
537
  --uui-dt-right-shadow:linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
@@ -556,7 +545,7 @@
556
545
  .uui-theme-loveship .tooltip-contrast,
557
546
  .uui-theme-loveship .tooltip-gray{
558
547
  --uui-tooltip-bg:var(--uui-surface-contrast);
559
- --uui-tooltip-text:var(--uui-contrast);
548
+ --uui-tooltip-text:var(--uui-text-contrast);
560
549
  }
561
550
  .uui-theme-loveship .tooltip-default,
562
551
  .uui-theme-loveship .tooltip-white{
@@ -566,7 +555,7 @@
566
555
  .uui-theme-loveship .tooltip-critical,
567
556
  .uui-theme-loveship .tooltip-fire{
568
557
  --uui-tooltip-bg:var(--uui-error-dark);
569
- --uui-tooltip-text:var(--uui-contrast);
558
+ --uui-tooltip-text:var(--uui-text-white);
570
559
  }
571
560
  .uui-theme-loveship .button-sky, .uui-theme-loveship .button-primary{
572
561
  --uui-btn-bg:var(--uui-primary);
@@ -580,9 +569,9 @@
580
569
  --uui-btn-border-active:var(--uui-primary-darkest);
581
570
  --uui-btn-bg-disabled:var(--uui-disabled);
582
571
  --uui-btn-border-disabled:var(--uui-disabled);
583
- --uui-btn-caption:var(--uui-contrast);
572
+ --uui-btn-caption:var(--uui-text-white);
584
573
  --uui-btn-caption-halftone:var(--uui-primary);
585
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
574
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
586
575
  }
587
576
  .uui-theme-loveship .button-accent, .uui-theme-loveship .button-grass{
588
577
  --uui-btn-bg:var(--uui-accent);
@@ -596,9 +585,25 @@
596
585
  --uui-btn-border-active:var(--uui-accent-darkest);
597
586
  --uui-btn-bg-disabled:var(--uui-disabled);
598
587
  --uui-btn-border-disabled:var(--uui-disabled);
599
- --uui-btn-caption:var(--uui-contrast);
588
+ --uui-btn-caption:var(--uui-text-white);
600
589
  --uui-btn-caption-halftone:var(--uui-accent);
601
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
590
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
591
+ }
592
+ .uui-theme-loveship .button-sun{
593
+ --uui-btn-bg:var(--sun);
594
+ --uui-btn-bg-hover:var(--sun-dark);
595
+ --uui-btn-bg-active:var(--sun-darkest);
596
+ --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
597
+ --uui-btn-bg-halftone-hover:var(--sun-lightest);
598
+ --uui-btn-bg-halftone-active:var(--sun-light);
599
+ --uui-btn-border:var(--sun);
600
+ --uui-btn-border-hover:var(--sun-dark);
601
+ --uui-btn-border-active:var(--sun-darkest);
602
+ --uui-btn-bg-disabled:var(--uui-disabled);
603
+ --uui-btn-border-disabled:var(--uui-disabled);
604
+ --uui-btn-caption:var(--uui-control-text);
605
+ --uui-btn-caption-halftone:var(--sun-darkest);
606
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
602
607
  }
603
608
  .uui-theme-loveship .button-fire, .uui-theme-loveship .button-negative{
604
609
  --uui-btn-bg:var(--uui-negative);
@@ -612,9 +617,9 @@
612
617
  --uui-btn-border-active:var(--uui-negative-darkest);
613
618
  --uui-btn-bg-disabled:var(--uui-disabled);
614
619
  --uui-btn-border-disabled:var(--uui-disabled);
615
- --uui-btn-caption:var(--uui-contrast);
620
+ --uui-btn-caption:var(--uui-text-white);
616
621
  --uui-btn-caption-halftone:var(--uui-negative);
617
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
622
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
618
623
  }
619
624
  .uui-theme-loveship .button-night500,
620
625
  .uui-theme-loveship .button-night600,
@@ -631,136 +636,136 @@
631
636
  --uui-btn-border-active:var(--uui-secondary-darkest);
632
637
  --uui-btn-bg-disabled:var(--uui-disabled);
633
638
  --uui-btn-border-disabled:var(--uui-disabled);
634
- --uui-btn-caption:var(--uui-contrast);
639
+ --uui-btn-caption:var(--uui-text-white);
635
640
  --uui-btn-caption-halftone:var(--uui-secondary-dark);
636
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
641
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
637
642
  }
638
643
  .uui-theme-loveship .button-white{
639
- --uui-btn-bg:var(--uui-contrast);
644
+ --uui-btn-bg:var(--white);
640
645
  --uui-btn-bg-hover:var(--uui-color-white-800);
641
646
  --uui-btn-bg-active:var(--uui-color-white-900);
642
647
  --uui-btn-bg-halftone:var(--uui-button-bg-halftone);
643
648
  --uui-btn-bg-halftone-hover:var(--uui-secondary-lightest);
644
649
  --uui-btn-bg-halftone-active:var(--uui-secondary-light);
645
- --uui-btn-border:var(--uui-contrast);
650
+ --uui-btn-border:var(--white);
646
651
  --uui-btn-border-hover:var(--uui-color-white-800);
647
652
  --uui-btn-border-active:var(--uui-color-white-900);
648
653
  --uui-btn-bg-disabled:var(--uui-disabled);
649
654
  --uui-btn-border-disabled:var(--uui-disabled);
650
655
  --uui-btn-caption:var(--night800);
651
656
  --uui-btn-caption-halftone:var(--uui-secondary-dark);
652
- --uui-btn-caption-disabled:var(--uui-button-caption-disabled);
657
+ --uui-btn-caption-disabled:var(--uui-text-disabled);
653
658
  }
654
659
  .uui-theme-loveship .link-button-primary,
655
660
  .uui-theme-loveship .link-button-sky{
656
661
  --uui-link-button-text:var(--uui-primary);
657
662
  --uui-link-button-text-hover:var(--uui-primary-dark);
658
663
  --uui-link-button-text-active:var(--uui-primary-darkest);
659
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
664
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
660
665
  }
661
666
  .uui-theme-loveship .link-button-secondary,
662
667
  .uui-theme-loveship .link-button-night600{
663
668
  --uui-link-button-text:var(--uui-secondary);
664
669
  --uui-link-button-text-hover:var(--uui-secondary-dark);
665
670
  --uui-link-button-text-active:var(--uui-secondary-darkest);
666
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
671
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
667
672
  }
668
673
  .uui-theme-loveship .link-button-contrast,
669
674
  .uui-theme-loveship .link-button-night100{
670
675
  --uui-link-button-text:var(--night100);
671
676
  --uui-link-button-text-hover:var(--uui-color-night100-800);
672
677
  --uui-link-button-text-active:var(--uui-color-night100-900);
673
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
678
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
674
679
  }
675
680
  .uui-theme-loveship .link-button-grass{
676
681
  --uui-link-button-text:var(--grass);
677
682
  --uui-link-button-text-hover:var(--grass-dark);
678
683
  --uui-link-button-text-active:var(--grass-darkest);
679
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
684
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
680
685
  }
681
686
  .uui-theme-loveship .link-button-sun{
682
687
  --uui-link-button-text:var(--sun);
683
688
  --uui-link-button-text-hover:var(--sun-dark);
684
689
  --uui-link-button-text-active:var(--sun-darkest);
685
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
690
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
686
691
  }
687
692
  .uui-theme-loveship .link-button-fire{
688
693
  --uui-link-button-text:var(--fire);
689
694
  --uui-link-button-text-hover:var(--fire-dark);
690
695
  --uui-link-button-text-active:var(--fire-darkest);
691
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
696
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
692
697
  }
693
698
  .uui-theme-loveship .link-button-cobalt{
694
699
  --uui-link-button-text:var(--cobalt-30);
695
700
  --uui-link-button-text-hover:var(--cobalt-40);
696
701
  --uui-link-button-text-active:var(--cobalt-50);
697
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
702
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
698
703
  }
699
704
  .uui-theme-loveship .link-button-lavanda{
700
705
  --uui-link-button-text:var(--lavanda-30);
701
706
  --uui-link-button-text-hover:var(--lavanda-40);
702
707
  --uui-link-button-text-active:var(--lavanda-50);
703
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
708
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
704
709
  }
705
710
  .uui-theme-loveship .link-button-fuchsia{
706
711
  --uui-link-button-text:var(--fuchia-30);
707
712
  --uui-link-button-text-hover:var(--fuchia-40);
708
713
  --uui-link-button-text-active:var(--fuchia-50);
709
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
714
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
710
715
  }
711
716
  .uui-theme-loveship .link-button-white{
712
717
  --uui-link-button-text:var(--white);
713
718
  --uui-link-button-text-hover:var(--uui-color-white-800);
714
719
  --uui-link-button-text-active:var(--uui-color-white-900);
715
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
720
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
716
721
  }
717
722
  .uui-theme-loveship .link-button-night50{
718
723
  --uui-link-button-text:var(--night50);
719
724
  --uui-link-button-text-hover:var(--uui-color-night50-800);
720
725
  --uui-link-button-text-active:var(--uui-color-night50-900);
721
- --uui-link-button-text-disabled:var(--uui-button-caption-disabled);
726
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
722
727
  }
723
728
  .uui-theme-loveship .link-button-night200{
724
729
  --uui-link-button-text:var(--night200);
725
730
  --uui-link-button-text-hover:var(--uui-color-night200-800);
726
731
  --uui-link-button-text-active:var(--uui-color-night200-900);
727
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
732
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
728
733
  }
729
734
  .uui-theme-loveship .link-button-night300{
730
735
  --uui-link-button-text:var(--night300);
731
736
  --uui-link-button-text-hover:var(--uui-color-night300-800);
732
737
  --uui-link-button-text-active:var(--uui-color-night300-900);
733
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
738
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
734
739
  }
735
740
  .uui-theme-loveship .link-button-night400{
736
741
  --uui-link-button-text:var(--night400);
737
742
  --uui-link-button-text-hover:var(--uui-color-night400-800);
738
743
  --uui-link-button-text-active:var(--uui-color-night400-900);
739
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
744
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
740
745
  }
741
746
  .uui-theme-loveship .link-button-night500{
742
747
  --uui-link-button-text:var(--night500);
743
748
  --uui-link-button-text-hover:var(--uui-color-night500-800);
744
749
  --uui-link-button-text-active:var(--uui-color-night500-900);
745
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
750
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
746
751
  }
747
752
  .uui-theme-loveship .link-button-night700{
748
753
  --uui-link-button-text:var(--night700);
749
754
  --uui-link-button-text-hover:var(--uui-color-night700-800);
750
755
  --uui-link-button-text-active:var(--uui-color-night700-900);
751
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
756
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
752
757
  }
753
758
  .uui-theme-loveship .link-button-night800{
754
759
  --uui-link-button-text:var(--night800);
755
760
  --uui-link-button-text-hover:var(--uui-color-night800-800);
756
761
  --uui-link-button-text-active:var(--uui-color-night800-900);
757
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
762
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
758
763
  }
759
764
  .uui-theme-loveship .link-button-night900{
760
765
  --uui-link-button-text:var(--night900);
761
766
  --uui-link-button-text-hover:var(--uui-color-night900-800);
762
767
  --uui-link-button-text-active:var(--uui-color-night900-900);
763
- --uui-link-button-text-disabled:var(--uui-icon-disabled);
768
+ --uui-link-button-text-disabled:var(--uui-text-disabled);
764
769
  }
765
770
  .uui-theme-loveship .icon-button-sky,
766
771
  .uui-theme-loveship .icon-button-info{
@@ -883,242 +888,242 @@
883
888
  .uui-theme-loveship .alert-error,
884
889
  .uui-theme-loveship .alert-fire{
885
890
  --uui-alert-text:var(--uui-text-primary);
886
- --uui-alert-bg:#F5E5E9;
891
+ --uui-alert-bg:var(--uui-error-lightest);
887
892
  --uui-alert-border:var(--uui-error);
888
893
  --uui-alert-icon:var(--uui-error);
889
894
  }
890
895
  .uui-theme-loveship .alert-warning,
891
896
  .uui-theme-loveship .alert-sun{
892
897
  --uui-alert-text:var(--uui-text-primary);
893
- --uui-alert-bg:#F6EEE1;
898
+ --uui-alert-bg:var(--uui-warning-lightest);
894
899
  --uui-alert-border:var(--uui-warning);
895
900
  --uui-alert-icon:var(--uui-warning);
896
901
  }
897
902
  .uui-theme-loveship .alert-success,
898
903
  .uui-theme-loveship .alert-grass{
899
904
  --uui-alert-text:var(--uui-text-primary);
900
- --uui-alert-bg:#E7EEE1;
905
+ --uui-alert-bg:var(--uui-success-lightest);
901
906
  --uui-alert-border:var(--uui-success);
902
907
  --uui-alert-icon:var(--uui-success);
903
908
  }
904
909
  .uui-theme-loveship .alert-info,
905
910
  .uui-theme-loveship .alert-sky{
906
911
  --uui-alert-text:var(--uui-text-primary);
907
- --uui-alert-bg:#DCEDF6;
912
+ --uui-alert-bg:var(--uui-info-lightest);
908
913
  --uui-alert-border:var(--uui-info);
909
914
  --uui-alert-icon:var(--uui-info);
910
915
  }
911
916
  .uui-theme-loveship .badge-default, .uui-theme-loveship .badge-night300{
912
917
  --uui-badge-bg:var(--night300);
913
918
  --uui-badge-bg-hover:var(--night400);
914
- --uui-badge-caption-solid:var(--uui-text-primary);
915
- --uui-badge-count-bg:var(--white);
916
- --uui-badge-count:var(--uui-text-secondary);
917
919
  --uui-badge-bg-halftone:var(--night200);
918
920
  --uui-badge-bg-halftone-hover:var(--night300);
919
921
  --uui-badge-border-halftone:var(--night400);
920
922
  --uui-badge-border-halftone-hover:var(--night500);
923
+ --uui-badge-caption-solid:var(--uui-text-primary);
921
924
  --uui-badge-caption-halftone:var(--uui-text-primary);
925
+ --uui-badge-count:var(--uui-text-secondary);
926
+ --uui-badge-count-bg:var(--white);
922
927
  }
923
928
  .uui-theme-loveship .badge-info, .uui-theme-loveship .badge-sky{
924
929
  --uui-badge-bg:var(--uui-info);
925
930
  --uui-badge-bg-hover:var(--uui-info-dark);
926
- --uui-badge-caption-solid:var(--uui-text-contrast);
927
- --uui-badge-count-bg:var(--white);
928
- --uui-badge-count:var(--uui-text-secondary);
929
931
  --uui-badge-bg-halftone:var(--uui-info-lightest);
930
932
  --uui-badge-bg-halftone-hover:var(--uui-info-light);
931
933
  --uui-badge-border-halftone:var(--uui-info-light);
932
934
  --uui-badge-border-halftone-hover:var(--uui-info);
935
+ --uui-badge-caption-solid:var(--uui-text-contrast);
933
936
  --uui-badge-caption-halftone:var(--uui-info-darkest);
937
+ --uui-badge-count:var(--uui-text-secondary);
938
+ --uui-badge-count-bg:var(--white);
934
939
  }
935
940
  .uui-theme-loveship .badge-success, .uui-theme-loveship .badge-grass{
936
941
  --uui-badge-bg:var(--uui-success);
937
942
  --uui-badge-bg-hover:var(--uui-success-dark);
938
- --uui-badge-caption-solid:var(--uui-text-contrast);
939
- --uui-badge-count-bg:var(--white);
940
- --uui-badge-count:var(--uui-text-secondary);
941
943
  --uui-badge-bg-halftone:var(--uui-success-lightest);
942
944
  --uui-badge-bg-halftone-hover:var(--uui-success-light);
943
945
  --uui-badge-border-halftone:var(--uui-success-light);
944
946
  --uui-badge-border-halftone-hover:var(--uui-success);
947
+ --uui-badge-caption-solid:var(--uui-text-contrast);
945
948
  --uui-badge-caption-halftone:var(--uui-success-darkest);
949
+ --uui-badge-count:var(--uui-text-secondary);
950
+ --uui-badge-count-bg:var(--white);
946
951
  }
947
952
  .uui-theme-loveship .badge-warning, .uui-theme-loveship .badge-sun{
948
953
  --uui-badge-bg:var(--uui-warning);
949
954
  --uui-badge-bg-hover:var(--uui-warning-dark);
950
- --uui-badge-caption-solid:var(--uui-text-primary);
951
- --uui-badge-count-bg:var(--white);
952
- --uui-badge-count:var(--uui-text-secondary);
953
955
  --uui-badge-bg-halftone:var(--uui-warning-lightest);
954
956
  --uui-badge-bg-halftone-hover:var(--uui-warning-light);
955
957
  --uui-badge-border-halftone:var(--uui-warning-light);
956
958
  --uui-badge-border-halftone-hover:var(--uui-warning);
959
+ --uui-badge-caption-solid:var(--uui-text-primary);
957
960
  --uui-badge-caption-halftone:var(--uui-warning-darkest);
961
+ --uui-badge-count:var(--uui-text-secondary);
962
+ --uui-badge-count-bg:var(--white);
958
963
  }
959
964
  .uui-theme-loveship .badge-error, .uui-theme-loveship .badge-fire{
960
965
  --uui-badge-bg:var(--uui-error);
961
966
  --uui-badge-bg-hover:var(--uui-error-dark);
962
- --uui-badge-caption-solid:var(--white);
963
- --uui-badge-count-bg:var(--white);
964
- --uui-badge-count:var(--uui-text-secondary);
965
967
  --uui-badge-bg-halftone:var(--uui-error-lightest);
966
968
  --uui-badge-bg-halftone-hover:var(--uui-error-light);
967
969
  --uui-badge-border-halftone:var(--uui-error-light);
968
970
  --uui-badge-border-halftone-hover:var(--uui-error);
971
+ --uui-badge-caption-solid:var(--white);
969
972
  --uui-badge-caption-halftone:var(--uui-error-darkest);
973
+ --uui-badge-count:var(--uui-text-secondary);
974
+ --uui-badge-count-bg:var(--white);
970
975
  }
971
976
  .uui-theme-loveship .badge-cobalt{
972
977
  --uui-badge-bg:var(--cobalt-30);
973
978
  --uui-badge-bg-hover:var(--cobalt-40);
974
- --uui-badge-caption-solid:var(--uui-text-contrast);
975
- --uui-badge-count-bg:var(--white);
976
- --uui-badge-count:var(--uui-text-secondary);
977
979
  --uui-badge-bg-halftone:var(--cobalt-10);
978
980
  --uui-badge-bg-halftone-hover:var(--cobalt-20);
979
981
  --uui-badge-border-halftone:var(--cobalt-30);
980
982
  --uui-badge-border-halftone-hover:var(--cobalt-40);
983
+ --uui-badge-caption-solid:var(--uui-text-contrast);
981
984
  --uui-badge-caption-halftone:var(--cobalt-50);
985
+ --uui-badge-count:var(--uui-text-secondary);
986
+ --uui-badge-count-bg:var(--white);
982
987
  }
983
988
  .uui-theme-loveship .badge-lavanda{
984
989
  --uui-badge-bg:var(--lavanda-30);
985
990
  --uui-badge-bg-hover:var(--lavanda-40);
986
- --uui-badge-caption-solid:var(--white);
987
- --uui-badge-count-bg:var(--white);
988
- --uui-badge-count:var(--uui-text-secondary);
989
991
  --uui-badge-bg-halftone:var(--lavanda-10);
990
992
  --uui-badge-bg-halftone-hover:var(--lavanda-20);
991
993
  --uui-badge-border-halftone:var(--lavanda-30);
992
994
  --uui-badge-border-halftone-hover:var(--lavanda-40);
995
+ --uui-badge-caption-solid:var(--white);
993
996
  --uui-badge-caption-halftone:var(--lavanda-50);
997
+ --uui-badge-count:var(--uui-text-secondary);
998
+ --uui-badge-count-bg:var(--white);
994
999
  }
995
1000
  .uui-theme-loveship .badge-fuchsia{
996
1001
  --uui-badge-bg:var(--fuchia-30);
997
1002
  --uui-badge-bg-hover:var(--fuchia-40);
998
- --uui-badge-caption-solid:var(--uui-text-contrast);
999
- --uui-badge-count-bg:var(--white);
1000
- --uui-badge-count:var(--uui-text-secondary);
1001
1003
  --uui-badge-bg-halftone:var(--fuchia-10);
1002
1004
  --uui-badge-bg-halftone-hover:var(--fuchia-20);
1003
1005
  --uui-badge-border-halftone:var(--fuchia-30);
1004
1006
  --uui-badge-border-halftone-hover:var(--fuchia-40);
1007
+ --uui-badge-caption-solid:var(--uui-text-contrast);
1005
1008
  --uui-badge-caption-halftone:var(--fuchia-50);
1009
+ --uui-badge-count:var(--uui-text-secondary);
1010
+ --uui-badge-count-bg:var(--white);
1006
1011
  }
1007
1012
  .uui-theme-loveship .badge-white{
1008
1013
  --uui-badge-bg:var(--white);
1009
1014
  --uui-badge-bg-hover:var(--gray5);
1010
- --uui-badge-caption-solid:var(--night800);
1011
- --uui-badge-count-bg:var(--white);
1012
- --uui-badge-count:var(--uui-text-secondary);
1013
1015
  --uui-badge-bg-halftone:var(--white);
1014
1016
  --uui-badge-bg-halftone-hover:var(--gray5);
1015
1017
  --uui-badge-border-halftone:var(--white);
1016
1018
  --uui-badge-border-halftone-hover:var(--gray5);
1019
+ --uui-badge-caption-solid:var(--night800);
1017
1020
  --uui-badge-caption-halftone:var(--uui-text-secondary);
1021
+ --uui-badge-count:var(--uui-text-secondary);
1022
+ --uui-badge-count-bg:var(--white);
1018
1023
  }
1019
1024
  .uui-theme-loveship .badge-night200{
1020
1025
  --uui-badge-bg:var(--uui-color-night200-700);
1021
1026
  --uui-badge-bg-hover:var(--uui-color-night200-800);
1022
- --uui-badge-caption-solid:var(--night800);
1023
- --uui-badge-count-bg:var(--white);
1024
- --uui-badge-count:var(--uui-text-secondary);
1025
1027
  --uui-badge-bg-halftone:var(--white);
1026
1028
  --uui-badge-bg-halftone-hover:var(--gray5);
1027
1029
  --uui-badge-border-halftone:var(--white);
1028
1030
  --uui-badge-border-halftone-hover:var(--gray5);
1031
+ --uui-badge-caption-solid:var(--night800);
1029
1032
  --uui-badge-caption-halftone:var(--uui-text-secondary);
1033
+ --uui-badge-count:var(--uui-text-secondary);
1034
+ --uui-badge-count-bg:var(--white);
1030
1035
  }
1031
1036
  .uui-theme-loveship .badge-night300{
1032
1037
  --uui-badge-bg:var(--uui-color-night300-700);
1033
1038
  --uui-badge-bg-hover:var(--uui-color-night300-800);
1034
- --uui-badge-caption-solid:var(--night800);
1035
- --uui-badge-count-bg:var(--white);
1036
- --uui-badge-count:var(--uui-text-secondary);
1037
1039
  --uui-badge-bg-halftone:var(--white);
1038
1040
  --uui-badge-bg-halftone-hover:var(--gray5);
1039
1041
  --uui-badge-border-halftone:var(--white);
1040
1042
  --uui-badge-border-halftone-hover:var(--gray5);
1043
+ --uui-badge-caption-solid:var(--night800);
1041
1044
  --uui-badge-caption-halftone:var(--uui-text-secondary);
1045
+ --uui-badge-count:var(--uui-text-secondary);
1046
+ --uui-badge-count-bg:var(--white);
1042
1047
  }
1043
1048
  .uui-theme-loveship .badge-night400{
1044
1049
  --uui-badge-bg:var(--uui-color-night400-700);
1045
1050
  --uui-badge-bg-hover:var(--uui-color-night400-800);
1046
- --uui-badge-caption-solid:var(--night800);
1047
- --uui-badge-count-bg:var(--white);
1048
- --uui-badge-count:var(--uui-text-secondary);
1049
1051
  --uui-badge-bg-halftone:var(--white);
1050
1052
  --uui-badge-bg-halftone-hover:var(--gray5);
1051
1053
  --uui-badge-border-halftone:var(--white);
1052
1054
  --uui-badge-border-halftone-hover:var(--gray5);
1055
+ --uui-badge-caption-solid:var(--night800);
1053
1056
  --uui-badge-caption-halftone:var(--uui-text-secondary);
1057
+ --uui-badge-count:var(--uui-text-secondary);
1058
+ --uui-badge-count-bg:var(--white);
1054
1059
  }
1055
1060
  .uui-theme-loveship .badge-night500{
1056
1061
  --uui-badge-bg:var(--uui-color-night500-700);
1057
1062
  --uui-badge-bg-hover:var(--uui-color-night500-800);
1058
- --uui-badge-caption-solid:var(--uui-text-contrast);
1059
- --uui-badge-count-bg:var(--white);
1060
- --uui-badge-count:var(--uui-text-secondary);
1061
1063
  --uui-badge-bg-halftone:var(--white);
1062
1064
  --uui-badge-bg-halftone-hover:var(--gray5);
1063
1065
  --uui-badge-border-halftone:var(--white);
1064
1066
  --uui-badge-border-halftone-hover:var(--gray5);
1067
+ --uui-badge-caption-solid:var(--uui-text-contrast);
1065
1068
  --uui-badge-caption-halftone:var(--uui-text-secondary);
1069
+ --uui-badge-count:var(--uui-text-secondary);
1070
+ --uui-badge-count-bg:var(--white);
1066
1071
  }
1067
1072
  .uui-theme-loveship .badge-night600{
1068
1073
  --uui-badge-bg:var(--uui-color-night600-700);
1069
1074
  --uui-badge-bg-hover:var(--uui-color-night600-800);
1070
- --uui-badge-caption-solid:var(--uui-text-contrast);
1071
- --uui-badge-count-bg:var(--white);
1072
- --uui-badge-count:var(--uui-text-secondary);
1073
1075
  --uui-badge-bg-halftone:var(--white);
1074
1076
  --uui-badge-bg-halftone-hover:var(--gray5);
1075
1077
  --uui-badge-border-halftone:var(--white);
1076
1078
  --uui-badge-border-halftone-hover:var(--gray5);
1079
+ --uui-badge-caption-solid:var(--uui-text-contrast);
1077
1080
  --uui-badge-caption-halftone:var(--uui-text-secondary);
1081
+ --uui-badge-count:var(--uui-text-secondary);
1082
+ --uui-badge-count-bg:var(--white);
1078
1083
  }
1079
1084
  .uui-theme-loveship .badge-violet{
1080
1085
  --uui-badge-bg:var(--lavanda-30);
1081
1086
  --uui-badge-bg-hover:var(--lavanda-40);
1082
- --uui-badge-caption-solid:var(--uui-text-contrast);
1083
- --uui-badge-count-bg:var(--white);
1084
- --uui-badge-count:var(--uui-text-secondary);
1085
1087
  --uui-badge-bg-halftone:var(--lavanda-10);
1086
1088
  --uui-badge-bg-halftone-hover:var(--lavanda-20);
1087
1089
  --uui-badge-border-halftone:var(--lavanda-20);
1088
1090
  --uui-badge-border-halftone-hover:var(--lavanda-30);
1091
+ --uui-badge-caption-solid:var(--uui-text-contrast);
1089
1092
  --uui-badge-caption-halftone:var(--lavanda-50);
1093
+ --uui-badge-count:var(--uui-text-secondary);
1094
+ --uui-badge-count-bg:var(--white);
1090
1095
  }
1091
1096
  .uui-theme-loveship .badge-orange{
1092
1097
  --uui-badge-bg:var(--orange-30);
1093
1098
  --uui-badge-bg-hover:var(--orange-40);
1094
- --uui-badge-caption-solid:var(--uui-text-contrast);
1095
- --uui-badge-count-bg:var(--white);
1096
- --uui-badge-count:var(--uui-text-secondary);
1097
1099
  --uui-badge-bg-halftone:var(--orange-10);
1098
1100
  --uui-badge-bg-halftone-hover:var(--orange-20);
1099
1101
  --uui-badge-border-halftone:var(--orange-20);
1100
1102
  --uui-badge-border-halftone-hover:var(--orange-30);
1103
+ --uui-badge-caption-solid:var(--uui-text-contrast);
1101
1104
  --uui-badge-caption-halftone:var(--orange-50);
1105
+ --uui-badge-count:var(--uui-text-secondary);
1106
+ --uui-badge-count-bg:var(--white);
1102
1107
  }
1103
1108
  .uui-theme-loveship .badge-purple{
1104
1109
  --uui-badge-bg:var(--purple-30);
1105
1110
  --uui-badge-bg-hover:var(--purple-40);
1106
- --uui-badge-caption-solid:var(--uui-text-contrast);
1107
- --uui-badge-count-bg:var(--white);
1108
- --uui-badge-count:var(--uui-text-secondary);
1109
1111
  --uui-badge-bg-halftone:var(--purple-10);
1110
1112
  --uui-badge-bg-halftone-hover:var(--purple-20);
1111
1113
  --uui-badge-border-halftone:var(--purple-20);
1112
1114
  --uui-badge-border-halftone-hover:var(--purple-30);
1115
+ --uui-badge-caption-solid:var(--uui-text-contrast);
1113
1116
  --uui-badge-caption-halftone:var(--purple-50);
1117
+ --uui-badge-count:var(--uui-text-secondary);
1118
+ --uui-badge-count-bg:var(--white);
1114
1119
  }
1115
1120
  .uui-theme-loveship .informer-default{
1116
1121
  --uui-informer-bg:var(--night300);
1117
- --uui-informer-caption:var(--night600);
1122
+ --uui-informer-caption:var(--uui-text-secondary);
1118
1123
  }
1119
1124
  .uui-theme-loveship .informer-focus{
1120
1125
  --uui-informer-bg:var(--fire);
1121
- --uui-informer-caption:var(--uui-contrast);
1126
+ --uui-informer-caption:var(--uui-text-white);
1122
1127
  }
1123
1128
  .uui-theme-loveship .informer-white{
1124
1129
  --uui-informer-bg:var(--uui-surface);