@salt-ds/theme 1.23.0 → 1.23.1
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.
- package/css/theme-next.css +18 -6
- package/package.json +1 -1
package/css/theme-next.css
CHANGED
|
@@ -29,9 +29,15 @@
|
|
|
29
29
|
--salt-color-gray-600-40a: rgba(var(--salt-color-gray-600-rgb), 0.4);
|
|
30
30
|
--salt-color-gray-700-10a: rgba(var(--salt-color-gray-700-rgb), 0.1);
|
|
31
31
|
--salt-color-gray-700-40a: rgba(var(--salt-color-gray-700-rgb), 0.4);
|
|
32
|
+
--salt-color-green-400-40a: rgba(var(--salt-color-green-400-rgb), 0.4);
|
|
32
33
|
--salt-color-green-500-40a: rgba(var(--salt-color-green-500-rgb), 0.4);
|
|
34
|
+
--salt-color-green-600-40a: rgba(var(--salt-color-green-600-rgb), 0.4);
|
|
35
|
+
--salt-color-orange-400-40a: rgba(var(--salt-color-orange-400-rgb), 0.4);
|
|
33
36
|
--salt-color-orange-500-40a: rgba(var(--salt-color-orange-500-rgb), 0.4);
|
|
37
|
+
--salt-color-orange-600-40a: rgba(var(--salt-color-orange-600-rgb), 0.4);
|
|
38
|
+
--salt-color-red-400-40a: rgba(var(--salt-color-red-400-rgb), 0.4);
|
|
34
39
|
--salt-color-red-500-40a: rgba(var(--salt-color-red-500-rgb), 0.4);
|
|
40
|
+
--salt-color-red-600-40a: rgba(var(--salt-color-red-600-rgb), 0.4);
|
|
35
41
|
--salt-color-teal-200-40a: rgba(var(--salt-color-teal-200-rgb), 0.4);
|
|
36
42
|
--salt-color-teal-300-40a: rgba(var(--salt-color-teal-300-rgb), 0.4);
|
|
37
43
|
--salt-color-teal-400-40a: rgba(var(--salt-color-teal-400-rgb), 0.4);
|
|
@@ -598,6 +604,7 @@
|
|
|
598
604
|
.salt-theme.salt-theme-next[data-mode=light] {
|
|
599
605
|
--salt-palette-negative: var(--salt-color-red-500);
|
|
600
606
|
--salt-palette-negative-strong: var(--salt-color-red-600);
|
|
607
|
+
--salt-palette-negative-strong-disabled: var(--salt-color-red-600-40a);
|
|
601
608
|
--salt-palette-negative-weak: var(--salt-color-red-100);
|
|
602
609
|
--salt-palette-negative-action-hover: var(--salt-color-red-600);
|
|
603
610
|
--salt-palette-negative-action-active: var(--salt-color-red-800);
|
|
@@ -606,6 +613,7 @@
|
|
|
606
613
|
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
607
614
|
--salt-palette-negative: var(--salt-color-red-500);
|
|
608
615
|
--salt-palette-negative-strong: var(--salt-color-red-400);
|
|
616
|
+
--salt-palette-negative-strong-disabled: var(--salt-color-red-400-40a);
|
|
609
617
|
--salt-palette-negative-weak: var(--salt-color-red-900);
|
|
610
618
|
--salt-palette-negative-action-hover: var(--salt-color-red-600);
|
|
611
619
|
--salt-palette-negative-action-active: var(--salt-color-red-800);
|
|
@@ -652,6 +660,7 @@
|
|
|
652
660
|
.salt-theme.salt-theme-next[data-mode=light] {
|
|
653
661
|
--salt-palette-positive: var(--salt-color-green-500);
|
|
654
662
|
--salt-palette-positive-strong: var(--salt-color-green-600);
|
|
663
|
+
--salt-palette-positive-strong-disabled: var(--salt-color-green-600-40a);
|
|
655
664
|
--salt-palette-positive-weak: var(--salt-color-green-100);
|
|
656
665
|
--salt-palette-positive-action-hover: var(--salt-color-green-600);
|
|
657
666
|
--salt-palette-positive-action-active: var(--salt-color-green-800);
|
|
@@ -660,6 +669,7 @@
|
|
|
660
669
|
.salt-theme.salt-theme-next[data-mode=dark] {
|
|
661
670
|
--salt-palette-positive: var(--salt-color-green-500);
|
|
662
671
|
--salt-palette-positive-strong: var(--salt-color-green-400);
|
|
672
|
+
--salt-palette-positive-strong-disabled: var(--salt-color-green-400-40a);
|
|
663
673
|
--salt-palette-positive-weak: var(--salt-color-green-900);
|
|
664
674
|
--salt-palette-positive-action-hover: var(--salt-color-green-600);
|
|
665
675
|
--salt-palette-positive-action-active: var(--salt-color-green-800);
|
|
@@ -711,6 +721,7 @@
|
|
|
711
721
|
--salt-palette-warning: var(--salt-color-orange-500);
|
|
712
722
|
--salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
|
|
713
723
|
--salt-palette-warning-strong: var(--salt-color-orange-600);
|
|
724
|
+
--salt-palette-warning-strong-disabled: var(--salt-color-orange-600-40a);
|
|
714
725
|
--salt-palette-warning-weak: var(--salt-color-orange-100);
|
|
715
726
|
--salt-palette-warning-action-hover: var(--salt-color-orange-600);
|
|
716
727
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
@@ -719,6 +730,7 @@
|
|
|
719
730
|
--salt-palette-warning: var(--salt-color-orange-500);
|
|
720
731
|
--salt-palette-warning-disabled: var(--salt-color-orange-500-40a);
|
|
721
732
|
--salt-palette-warning-strong: var(--salt-color-orange-400);
|
|
733
|
+
--salt-palette-warning-strong-disabled: var(--salt-color-orange-400-40a);
|
|
722
734
|
--salt-palette-warning-weak: var(--salt-color-orange-900);
|
|
723
735
|
--salt-palette-warning-action-hover: var(--salt-color-orange-600);
|
|
724
736
|
--salt-palette-warning-action-active: var(--salt-color-orange-800);
|
|
@@ -827,7 +839,7 @@
|
|
|
827
839
|
--salt-actionable-negative-borderColor-hover: var(--salt-palette-negative);
|
|
828
840
|
--salt-actionable-negative-borderColor: var(--salt-palette-negative);
|
|
829
841
|
--salt-actionable-negative-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
830
|
-
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong
|
|
842
|
+
--salt-actionable-negative-foreground-disabled: var(--salt-palette-negative-strong-disabled);
|
|
831
843
|
--salt-actionable-negative-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
832
844
|
--salt-actionable-negative-foreground: var(--salt-palette-negative-strong);
|
|
833
845
|
--salt-actionable-negative-subtle-background-active: var(--salt-palette-negative-action-active);
|
|
@@ -839,7 +851,7 @@
|
|
|
839
851
|
--salt-actionable-negative-subtle-borderColor-hover: var(--salt-palette-negative);
|
|
840
852
|
--salt-actionable-negative-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
841
853
|
--salt-actionable-negative-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
842
|
-
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong
|
|
854
|
+
--salt-actionable-negative-subtle-foreground-disabled: var(--salt-palette-negative-strong-disabled);
|
|
843
855
|
--salt-actionable-negative-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
844
856
|
--salt-actionable-negative-subtle-foreground: var(--salt-palette-negative-strong);
|
|
845
857
|
--salt-actionable-positive-bold-background-active: var(--salt-palette-positive-action-active);
|
|
@@ -863,7 +875,7 @@
|
|
|
863
875
|
--salt-actionable-positive-borderColor-hover: var(--salt-palette-positive);
|
|
864
876
|
--salt-actionable-positive-borderColor: var(--salt-palette-positive);
|
|
865
877
|
--salt-actionable-positive-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
866
|
-
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong
|
|
878
|
+
--salt-actionable-positive-foreground-disabled: var(--salt-palette-positive-strong-disabled);
|
|
867
879
|
--salt-actionable-positive-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
868
880
|
--salt-actionable-positive-foreground: var(--salt-palette-positive-strong);
|
|
869
881
|
--salt-actionable-positive-subtle-background-active: var(--salt-palette-positive-action-active);
|
|
@@ -875,7 +887,7 @@
|
|
|
875
887
|
--salt-actionable-positive-subtle-borderColor-hover: var(--salt-palette-positive);
|
|
876
888
|
--salt-actionable-positive-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
877
889
|
--salt-actionable-positive-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
878
|
-
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong
|
|
890
|
+
--salt-actionable-positive-subtle-foreground-disabled: var(--salt-palette-positive-strong-disabled);
|
|
879
891
|
--salt-actionable-positive-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
880
892
|
--salt-actionable-positive-subtle-foreground: var(--salt-palette-positive-strong);
|
|
881
893
|
--salt-actionable-caution-bold-background-active: var(--salt-palette-warning-action-active);
|
|
@@ -899,7 +911,7 @@
|
|
|
899
911
|
--salt-actionable-caution-borderColor-hover: var(--salt-palette-warning);
|
|
900
912
|
--salt-actionable-caution-borderColor: var(--salt-palette-warning);
|
|
901
913
|
--salt-actionable-caution-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
902
|
-
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong
|
|
914
|
+
--salt-actionable-caution-foreground-disabled: var(--salt-palette-warning-strong-disabled);
|
|
903
915
|
--salt-actionable-caution-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
904
916
|
--salt-actionable-caution-foreground: var(--salt-palette-warning-strong);
|
|
905
917
|
--salt-actionable-caution-subtle-background-active: var(--salt-palette-warning-action-active);
|
|
@@ -911,7 +923,7 @@
|
|
|
911
923
|
--salt-actionable-caution-subtle-borderColor-hover: var(--salt-palette-warning);
|
|
912
924
|
--salt-actionable-caution-subtle-borderColor: var(--salt-palette-alpha-none);
|
|
913
925
|
--salt-actionable-caution-subtle-foreground-active: var(--salt-palette-foreground-primary-alt);
|
|
914
|
-
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong
|
|
926
|
+
--salt-actionable-caution-subtle-foreground-disabled: var(--salt-palette-warning-strong-disabled);
|
|
915
927
|
--salt-actionable-caution-subtle-foreground-hover: var(--salt-palette-foreground-primary-alt);
|
|
916
928
|
--salt-actionable-caution-subtle-foreground: var(--salt-palette-warning-strong);
|
|
917
929
|
}
|