@epam/assets 5.7.2 → 5.8.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 (16) hide show
  1. package/css/theme/theme_electric.css +51 -20
  2. package/css/theme/theme_electric.css.map +1 -1
  3. package/css/theme/theme_loveship.css +48 -81
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +131 -104
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +52 -45
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/package.json +3 -3
  10. package/theme/theme_electric.scss +51 -14
  11. package/theme/theme_loveship.scss +57 -94
  12. package/theme/theme_loveship_dark.scss +139 -103
  13. package/theme/theme_promo.scss +65 -48
  14. package/theme/tokens/_theme_electric.scss +6 -6
  15. package/theme/tokens/_theme_loveship_dark.scss +6 -6
  16. /package/theme/tokens/{_theme_loveship.scss → _theme_loveship_light.scss} +0 -0
package/css/theme/theme_loveship_dark.css CHANGED
@@ -258,13 +258,13 @@
258
258
  --uui-neutral-90:var(--night900);
259
259
  --uui-neutral-100:var(--black);
260
260
  --uui-app-bg:var(--uui-neutral-90);
261
- --uui-divider:var(--uui-neutral-40);
262
- --uui-divider-light:var(--uui-neutral-50);
261
+ --uui-divider:var(--uui-neutral-50);
262
+ --uui-divider-light:var(--uui-neutral-60);
263
263
  --uui-overlay:#1D1E26CC;
264
- --uui-surface-higher:var(--uui-neutral-60);
265
- --uui-surface-highest:var(--uui-neutral-50);
266
- --uui-surface-main:var(--uui-neutral-70);
267
- --uui-surface-sunken:var(--uui-neutral-80);
264
+ --uui-surface-higher:var(--uui-neutral-70);
265
+ --uui-surface-highest:var(--uui-neutral-60);
266
+ --uui-surface-main:var(--uui-neutral-80);
267
+ --uui-surface-sunken:var(--uui-neutral-60);
268
268
  --uui-border-radius:3;
269
269
  --uui-control-bg:var(--uui-surface-main);
270
270
  --uui-control-bg-disabled:var(--uui-neutral-60);
@@ -481,13 +481,13 @@
481
481
  --uui-color-contrast:var(--night700);
482
482
  }
483
483
  .uui-theme-loveship_dark .uui-color-white{
484
- --uui-color-5:var(--white);
485
- --uui-color-10:var(--white);
486
- --uui-color-20:var(--white);
487
- --uui-color-50:var(--white);
484
+ --uui-color-5:color-mix(in srgb, #FFFFFF 15%, transparent);
485
+ --uui-color-10:color-mix(in srgb, #FFFFFF 22%, transparent);
486
+ --uui-color-20:color-mix(in srgb, #FFFFFF 29%, transparent);
487
+ --uui-color-50:var(--uui-neutral-0);
488
488
  --uui-color-60:var(--uui-neutral-10);
489
489
  --uui-color-70:var(--uui-neutral-20);
490
- --uui-color-contrast:var(--night700);
490
+ --uui-color-contrast:var(--uui-neutral-70);
491
491
  }
492
492
  .uui-theme-loveship_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container){
493
493
  --uui-error-50:var(--uui-error-60);
@@ -502,6 +502,13 @@
502
502
  --uui-btn-bg-disabled:var(--uui-neutral-50);
503
503
  --uui-btn-border-disabled:var(--uui-neutral-50);
504
504
  }
505
+ .uui-theme-loveship_dark .uui-button.uui-fill-solid.uui-color-white{
506
+ --uui-btn-bg-active:var(--uui-neutral-20);
507
+ }
508
+ .uui-theme-loveship_dark .uui-button.uui-fill-solid.uui-color-white:active{
509
+ background-color:var(--uui-neutral-20);
510
+ border-color:var(--uui-neutral-20);
511
+ }
505
512
  .uui-theme-loveship_dark .uui-button.uui-fill-outline{
506
513
  --uui-btn-border:var(--uui-color-60);
507
514
  --uui-btn-border-hover:var(--uui-color-60);
@@ -516,6 +523,12 @@
516
523
  --uui-btn-border-active:var(--uui-neutral-30);
517
524
  --uui-btn-caption:var(--uui-neutral-10);
518
525
  }
526
+ .uui-theme-loveship_dark .uui-button.uui-fill-outline.uui-color-white{
527
+ --uui-btn-caption:var(--uui-neutral-0);
528
+ --uui-btn-border:var(--uui-neutral-0);
529
+ --uui-btn-border-hover:var(--uui-neutral-0);
530
+ --uui-btn-border-active:var(--uui-neutral-0);
531
+ }
519
532
  .uui-theme-loveship_dark .uui-button.uui-fill-none{
520
533
  --uui-btn-border:var(--uui-color-60);
521
534
  --uui-btn-border-hover:var(--uui-color-60);
@@ -530,6 +543,12 @@
530
543
  --uui-btn-border-active:var(--uui-neutral-30);
531
544
  --uui-btn-caption:var(--uui-neutral-10);
532
545
  }
546
+ .uui-theme-loveship_dark .uui-button.uui-fill-none.uui-color-white{
547
+ --uui-btn-caption:var(--uui-neutral-0);
548
+ --uui-btn-border:var(--uui-neutral-0);
549
+ --uui-btn-border-hover:var(--uui-neutral-0);
550
+ --uui-btn-border-active:var(--uui-neutral-0);
551
+ }
533
552
  .uui-theme-loveship_dark .uui-button.uui-fill-ghost{
534
553
  --uui-btn-caption:var(--uui-color-60);
535
554
  }
@@ -540,102 +559,100 @@
540
559
  --uui-btn-border-active:var(--uui-neutral-50);
541
560
  --uui-btn-caption:var(--uui-neutral-10);
542
561
  }
543
- .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost{
544
- --uui-btn-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
545
- --uui-btn-bg-active:color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
546
- }
547
- .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-ghost{
548
- --uui-btn-border:var(--uui-btn-bg);
549
- --uui-btn-border-hover:var(--uui-btn-bg);
550
- --uui-btn-border-active:var(--uui-btn-bg);
551
- }
552
- .uui-theme-loveship_dark .uui-button.uui-color-white.uui-fill-outline{
553
- --uui-btn-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);
554
- --uui-btn-bg-active:color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);
562
+ .uui-theme-loveship_dark .uui-button.uui-fill-ghost.uui-color-white{
563
+ --uui-btn-caption:var(--uui-neutral-0);
555
564
  }
556
565
  .uui-theme-loveship_dark .uui-blocker-container{
557
566
  --uui-blocker-bg:var(--uui-surface-main);
558
567
  --uui-blocker-bg-with-opacity:#303240CC;
559
568
  }
560
569
  .uui-theme-loveship_dark .uui-badge.uui-fill-outline .uui-count_indicator{
561
- --uui-count_indicator-bg:var(--uui-neutral-70);
570
+ --uui-count_indicator-bg:var(--uui-neutral-80);
562
571
  --uui-count_indicator-border:var(--uui-neutral-40);
563
572
  --uui-count_indicator-caption:var(--uui-neutral-10);
564
573
  }
565
574
  .uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid,
566
575
  .uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid{
567
- --uui-badge-bg:var(--uui-neutral-40);
568
- --uui-badge-bg-hover:var(--uui-neutral-30);
569
- --uui-badge-border:var(--uui-neutral-40);
570
- --uui-badge-border-hover:var(--uui-neutral-30);
571
- --uui-color-contrast:var(--uui-neutral-5);
572
- --uui-badge-caption:var(--uui-neutral-0);
576
+ --uui-badge-bg:var(--uui-neutral-30);
577
+ --uui-badge-border:var(--uui-neutral-30);
578
+ --uui-badge-bg-hover:var(--uui-neutral-40);
579
+ --uui-badge-border-hover:var(--uui-neutral-40);
580
+ --uui-badge-caption:var(--uui-neutral-5);
581
+ }
582
+ .uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,
583
+ .uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator{
584
+ --uui-count_indicator-bg:var(--uui-neutral-0);
585
+ --uui-count_indicator-border:var(--uui-neutral-0);
586
+ --uui-count_indicator-caption:var(--uui-neutral-80);
573
587
  }
574
588
  .uui-theme-loveship_dark .uui-badge.uui-color-neutral.uui-fill-outline,
575
589
  .uui-theme-loveship_dark .uui-badge.uui-color-night300.uui-fill-outline{
576
- --uui-badge-bg:var(--uui-neutral-30);
577
- --uui-badge-bg-hover:var(--uui-neutral-40);
578
- --uui-badge-border:var(--uui-neutral-20);
590
+ --uui-badge-bg:var(--uui-neutral-60);
591
+ --uui-badge-border:var(--uui-neutral-30);
592
+ --uui-badge-bg-hover:var(--uui-neutral-50);
579
593
  --uui-badge-border-hover:var(--uui-neutral-30);
580
594
  --uui-badge-caption:var(--uui-neutral-0);
581
595
  --uui-badge-caption-hover:var(--uui-neutral-5);
582
596
  }
583
- .uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-solid{
584
- --uui-badge-bg-hover:var(--uui-neutral-5);
585
- }
586
597
  .uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline{
587
- --uui-badge-bg:color-mix(in srgb, var(--white) 8%, transparent);
588
- --uui-badge-bg-hover:color-mix(in srgb, var(--white) 11%, transparent);
589
- --uui-badge-caption:var(--white);
590
- --uui-badge-caption-hover:var(--white);
598
+ --uui-badge-bg:var(--uui-neutral-0);
599
+ --uui-badge-border:var(--uui-neutral-30);
600
+ --uui-badge-bg-hover:var(--uui-neutral-10);
601
+ --uui-badge-border-hover:var(--uui-neutral-30);
602
+ --uui-badge-caption:var(--uui-neutral-70);
603
+ --uui-badge-caption-hover:var(--uui-neutral-70);
591
604
  }
592
605
  .uui-theme-loveship_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator{
593
- --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-0) 8%, transparent);
594
- --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-0) 40%, transparent);
595
- --uui-count_indicator-caption:var(--uui-neutral-0);
606
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);
607
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);
608
+ --uui-count_indicator-caption:var(--uui-neutral-70);
596
609
  }
597
610
  .uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid{
598
- --uui-badge-bg:var(--uui-neutral-40);
599
- --uui-badge-bg-hover:var(--uui-neutral-30);
600
- --uui-badge-border:var(--uui-neutral-40);
601
- --uui-badge-border-hover:var(--uui-neutral-30);
602
- --uui-badge-caption:var(--white);
603
- --uui-badge-caption-hover:var(--white);
604
- }
605
- .uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-solid .uui-count_indicator{
606
- --uui-count_indicator-bg:var(--uui-neutral-50);
607
- --uui-count_indicator-border:var(--uui-neutral-50);
608
- --uui-count_indicator-caption:var(--uui-neutral-10);
611
+ --uui-badge-bg:var(--uui-neutral-10);
612
+ --uui-badge-border:var(--uui-neutral-10);
613
+ --uui-badge-bg-hover:var(--uui-neutral-20);
614
+ --uui-badge-border-hover:var(--uui-neutral-20);
615
+ --uui-badge-caption:var(--uui-neutral-70);
616
+ --uui-badge-caption-hover:var(--uui-neutral-70);
609
617
  }
610
618
  .uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline{
611
- --uui-badge-bg:color-mix(in srgb, var(--white) 20%, transparent);
612
- --uui-badge-bg-hover:color-mix(in srgb, var(--white) 25%, transparent);
613
- --uui-badge-border:var(--uui-neutral-20);
614
- --uui-badge-border-hover:var(--uui-neutral-20);
615
- --uui-badge-caption:var(--uui-neutral-5);
616
- --uui-badge-caption-hover:var(--uui-neutral-5);
619
+ --uui-badge-bg:var(--uui-neutral-10);
620
+ --uui-badge-border:var(--uui-neutral-30);
621
+ --uui-badge-bg-hover:var(--uui-neutral-20);
622
+ --uui-badge-border-hover:var(--uui-neutral-30);
623
+ --uui-badge-caption:var(--uui-neutral-70);
624
+ --uui-badge-caption-hover:var(--uui-neutral-70);
625
+ }
626
+ .uui-theme-loveship_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator{
627
+ --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);
628
+ --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);
629
+ --uui-count_indicator-caption:var(--uui-neutral-70);
617
630
  }
618
631
  .uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-solid{
619
- --uui-badge-bg:var(--uui-neutral-80);
620
- --uui-badge-bg-hover:var(--uui-neutral-70);
621
- --uui-badge-border:var(--uui-neutral-80);
622
- --uui-badge-border-hover:var(--uui-neutral-70);
632
+ --uui-badge-bg:var(--uui-neutral-60);
633
+ --uui-badge-border:var(--uui-neutral-60);
634
+ --uui-badge-bg-hover:var(--uui-neutral-50);
635
+ --uui-badge-border-hover:var(--uui-neutral-50);
623
636
  --uui-badge-caption:var(--white);
624
637
  --uui-badge-caption-hover:var(--white);
625
638
  }
626
639
  .uui-theme-loveship_dark .uui-badge.uui-color-night600.uui-fill-outline{
627
640
  --uui-badge-bg:var(--uui-neutral-80);
641
+ --uui-badge-border:var(--uui-neutral-60);
628
642
  --uui-badge-bg-hover:var(--uui-neutral-70);
629
- --uui-badge-border:var(--uui-neutral-30);
630
- --uui-badge-border-hover:var(--uui-neutral-30);
643
+ --uui-badge-border-hover:var(--uui-neutral-60);
631
644
  --uui-badge-caption:var(--uui-neutral-5);
632
645
  --uui-badge-caption-hover:var(--uui-neutral-5);
633
646
  }
634
- .uui-theme-loveship_dark .uui-icon_button:is(.uui-color-info, .uui-color-success, .uui-color-warning, .uui-color-error){
647
+ .uui-theme-loveship_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire){
635
648
  --uui-icon_btn:var(--uui-color-60);
636
649
  --uui-icon_btn-hover:var(--uui-color-70);
637
650
  --uui-icon_btn-active:var(--uui-color-70);
638
651
  }
652
+ .uui-theme-loveship_dark .uui-icon_button.uui-color-white{
653
+ --uui-icon_btn-hover:var(--uui-neutral-20);
654
+ --uui-icon_btn-active:var(--uui-neutral-30);
655
+ }
639
656
  .uui-theme-loveship_dark .uui-icon_button.uui-color-secondary{
640
657
  --uui-icon_btn:var(--uui-neutral-40);
641
658
  --uui-icon_btn-hover:var(--uui-neutral-30);
@@ -646,11 +663,22 @@
646
663
  --uui-link_btn-text-hover:var(--uui-neutral-5);
647
664
  --uui-link_btn-text-active:var(--uui-neutral-10);
648
665
  }
666
+ .uui-theme-loveship_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire){
667
+ --uui-link_btn-text-disabled:var(--uui-neutral-40);
668
+ }
649
669
  .uui-theme-loveship_dark .uui-link_button.uui-color-primary,
650
670
  .uui-theme-loveship_dark .uui-link_button.uui-color-sky{
651
671
  --uui-link_btn-text:var(--uui-color-60);
652
672
  --uui-link_btn-text-hover:var(--uui-color-70);
653
- --uui-link_btn-text-disabled:var(--uui-text-disabled);
673
+ }
674
+ .uui-theme-loveship_dark .uui-link_button.uui-color-secondary{
675
+ --uui-link_btn-text:var(--uui-neutral-30);
676
+ --uui-link_btn-text-hover:var(--uui-neutral-20);
677
+ --uui-link_btn-text-active:var(--uui-neutral-10);
678
+ }
679
+ .uui-theme-loveship_dark .uui-link_button.uui-color-white{
680
+ --uui-link_btn-text:var(--uui-neutral-5);
681
+ --uui-link_btn-text-disabled:color-mix(in srgb, var(--white) 40%, transparent);
654
682
  }
655
683
  .uui-theme-loveship_dark .uui-tab-button{
656
684
  --uui-tab_btn-text-hover:var(--uui-primary-60);
@@ -696,8 +724,11 @@
696
724
  .uui-theme-loveship_dark .uui-tooltip-container.uui-color-neutral{
697
725
  --uui-tooltip-border:var(--uui-neutral-50);
698
726
  }
727
+ .uui-theme-loveship_dark .uui-tooltip-container.uui-color-white{
728
+ --uui-tooltip-bg:var(--uui-neutral-10);
729
+ }
699
730
  .uui-theme-loveship_dark .uui-tooltip-container.uui-color-critical{
700
- --uui-tooltip-border:var(--uui-critical-50);
731
+ --uui-tooltip-bg:var(--uui-critical-50);
701
732
  }
702
733
  .uui-theme-loveship_dark .uui-tooltip-container.uui-color-inverted{
703
734
  --uui-tooltip-bg:var(--uui-neutral-10);
@@ -707,7 +738,7 @@
707
738
  --uui-count_indicator-bg:var(--uui-color-60);
708
739
  --uui-count_indicator-border:var(--uui-color-60);
709
740
  }
710
- .uui-theme-loveship_dark .uui-count_indicator.uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator.uui-color-gray{
741
+ .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-loveship_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray{
711
742
  --uui-count_indicator-caption:var(--uui-neutral-10);
712
743
  }
713
744
  .uui-theme-loveship_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot{
@@ -744,8 +775,8 @@
744
775
  --uui-count_indicator-border:color-mix(in srgb, var(--white) 50%, transparent);
745
776
  }
746
777
  .uui-theme-loveship_dark .uui-tag.uui-fill-outline{
747
- --uui-tag-caption:var(--uui-text-primary);
748
- --uui-tag-fill:var(--uui-neutral-10);
778
+ --uui-tag-caption:var(--uui-neutral-0);
779
+ --uui-tag-fill:var(--uui-neutral-0);
749
780
  }
750
781
  .uui-theme-loveship_dark .uui-tag.uui-fill-outline .uui-count_indicator{
751
782
  --uui-count_indicator-bg:var(--uui-neutral-70);
@@ -753,24 +784,22 @@
753
784
  --uui-count_indicator-caption:var(--uui-neutral-10);
754
785
  }
755
786
  .uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid{
756
- --uui-tag-caption:var(--uui-neutral-5);
757
- --uui-tag-fill:var(--uui-neutral-10);
758
- --uui-tag-bg:var(--uui-neutral-40);
759
- --uui-tag-border:var(--uui-neutral-40);
760
- --uui-tag-bg-hover:var(--uui-neutral-30);
761
- --uui-tag-border-hover:var(--uui-neutral-30);
787
+ --uui-tag-caption:var(--uui-neutral-0);
788
+ --uui-tag-fill:var(--uui-neutral-0);
789
+ --uui-tag-bg:var(--uui-neutral-50);
790
+ --uui-tag-border:var(--uui-neutral-50);
791
+ --uui-tag-bg-hover:var(--uui-neutral-60);
792
+ --uui-tag-border-hover:var(--uui-neutral-60);
762
793
  }
763
794
  .uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator{
764
795
  --uui-count_indicator-bg:var(--uui-neutral-0);
765
796
  --uui-count_indicator-border:var(--uui-neutral-0);
766
797
  }
767
798
  .uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline{
768
- --uui-tag-caption:var(--uui-neutral-5);
769
- --uui-tag-fill:var(--uui-neutral-10);
770
- --uui-tag-bg:var(--uui-neutral-60);
771
- --uui-tag-border:var(--uui-neutral-40);
772
- --uui-tag-bg-hover:var(--uui-neutral-50);
773
- --uui-tag-border-hover:var(--uui-neutral-40);
799
+ --uui-tag-bg:var(--uui-neutral-30);
800
+ --uui-tag-border:var(--uui-neutral-20);
801
+ --uui-tag-bg-hover:var(--uui-neutral-40);
802
+ --uui-tag-border-hover:var(--uui-neutral-20);
774
803
  }
775
804
  .uui-theme-loveship_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator{
776
805
  --uui-count_indicator-bg:var(--uui-neutral-40);
@@ -787,21 +816,21 @@
787
816
  --uui-count_indicator-caption:var(--uui-neutral-10);
788
817
  }
789
818
  .uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline{
790
- --uui-tag-caption:var(--uui-neutral-0);
791
- --uui-tag-fill:var(--uui-neutral-0);
792
819
  --uui-tag-bg:color-mix(in srgb, var(--white) 5%, transparent);
820
+ --uui-tag-border:var(--uui-neutral-0);
793
821
  --uui-tag-bg-hover:color-mix(in srgb, var(--white) 10%, transparent);
822
+ --uui-tag-border-hover:var(--uui-neutral-0);
794
823
  }
795
824
  .uui-theme-loveship_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator{
796
825
  --uui-count_indicator-bg:var(--uui-neutral-40);
797
826
  --uui-count_indicator-border:var(--uui-neutral-40);
798
827
  }
799
828
  .uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid{
800
- --uui-tag-caption:var(--uui-neutral-0);
801
- --uui-tag-fill:var(--uui-neutral-0);
802
- --uui-tag-bg:var(--uui-neutral-40);
829
+ --uui-tag-caption:var(--uui-neutral-80);
830
+ --uui-tag-fill:var(--uui-neutral-80);
831
+ --uui-tag-bg:var(--uui-neutral-10);
803
832
  --uui-tag-border:var(--uui-neutral-40);
804
- --uui-tag-bg-hover:var(--uui-neutral-30);
833
+ --uui-tag-bg-hover:var(--uui-neutral-5);
805
834
  --uui-tag-border-hover:var(--uui-neutral-30);
806
835
  }
807
836
  .uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator{
@@ -810,8 +839,6 @@
810
839
  --uui-count_indicator-caption:var(--uui-neutral-10);
811
840
  }
812
841
  .uui-theme-loveship_dark .uui-tag.uui-color-night100.uui-fill-outline{
813
- --uui-tag-caption:var(--uui-neutral-5);
814
- --uui-tag-fill:var(--uui-neutral-5);
815
842
  --uui-tag-bg:color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);
816
843
  --uui-tag-bg-hover:color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);
817
844
  --uui-tag-border:var(--uui-neutral-20);
@@ -825,31 +852,25 @@
825
852
  .uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid{
826
853
  --uui-tag-caption:var(--uui-neutral-0);
827
854
  --uui-tag-fill:var(--uui-neutral-0);
828
- --uui-tag-bg:var(--uui-neutral-80);
829
- --uui-tag-border:var(--uui-neutral-80);
830
- --uui-tag-bg-hover:var(--uui-neutral-70);
831
- --uui-tag-border-hover:var(--uui-neutral-70);
855
+ --uui-tag-bg:var(--uui-neutral-70);
856
+ --uui-tag-border:var(--uui-neutral-70);
857
+ --uui-tag-bg-hover:var(--uui-neutral-60);
858
+ --uui-tag-border-hover:var(--uui-neutral-60);
832
859
  }
833
860
  .uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator{
834
861
  --uui-count_indicator-caption:var(--uui-neutral-0);
835
862
  }
836
863
  .uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline{
837
- --uui-tag-caption:var(--uui-neutral-5);
838
- --uui-tag-fill:var(--uui-neutral-0);
839
864
  --uui-tag-bg:var(--uui-neutral-80);
840
- --uui-tag-border:var(--uui-neutral-50);
865
+ --uui-tag-border:var(--uui-neutral-40);
841
866
  --uui-tag-bg-hover:var(--uui-neutral-70);
842
- --uui-tag-border-hover:var(--uui-neutral-50);
867
+ --uui-tag-border-hover:var(--uui-neutral-40);
843
868
  }
844
869
  .uui-theme-loveship_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator{
845
870
  --uui-count_indicator-caption:var(--uui-neutral-0);
846
871
  --uui-count_indicator-bg:var(--uui-neutral-70);
847
872
  --uui-count_indicator-border:var(--uui-neutral-40);
848
873
  }
849
- .uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid{
850
- --uui-tag-caption:var(--uui-neutral-70);
851
- --uui-tag-fill:var(--uui-neutral-70);
852
- }
853
874
  .uui-theme-loveship_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator{
854
875
  --uui-count_indicator-bg:color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);
855
876
  --uui-count_indicator-border:color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);
@@ -873,6 +894,12 @@
873
894
  .uui-theme-loveship_dark .uui-filters-panel-item-toggler{
874
895
  --uui-filters_toggler-bg-hover:var(--uui-neutral-30);
875
896
  }
897
+ .uui-theme-loveship_dark .uui-dropdownMenu-body{
898
+ --uui-dropdown-selected_mark:var(--uui-info-60);
899
+ }
900
+ .uui-theme-loveship_dark .uui-pickerInput-body{
901
+ --uui-pickerInput-selected_mark:var(--uui-info-60);
902
+ }
876
903
  .uui-theme-loveship_dark .uui-font-sans{
877
904
  --uui-text-font:var(--uui-font);
878
905
  --uui-text-font-weight:400;