@salutejs/sdds-themes 0.19.0-dev.0 → 0.20.0-dev.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 (33) hide show
  1. package/css/sdds_dfa.module.css +12 -12
  2. package/css/sdds_dfa__dark.css +6 -6
  3. package/css/sdds_dfa__light.css +4 -4
  4. package/css/sdds_serv.module.css +32 -32
  5. package/css/sdds_serv__dark.css +16 -16
  6. package/css/sdds_serv__light.css +14 -14
  7. package/es/themes/sdds_dfa__dark.js +1 -1
  8. package/es/themes/sdds_dfa__dark.js.map +1 -1
  9. package/es/themes/sdds_dfa__light.js +1 -1
  10. package/es/themes/sdds_dfa__light.js.map +1 -1
  11. package/es/themes/sdds_serv__dark.js +1 -1
  12. package/es/themes/sdds_serv__dark.js.map +1 -1
  13. package/es/themes/sdds_serv__light.js +1 -1
  14. package/es/themes/sdds_serv__light.js.map +1 -1
  15. package/es/tokens/sdds_dfa/index.js +6 -6
  16. package/es/tokens/sdds_dfa/index.js.map +1 -1
  17. package/es/tokens/sdds_serv/index.js +16 -16
  18. package/es/tokens/sdds_serv/index.js.map +1 -1
  19. package/package.json +2 -2
  20. package/themes/sdds_dfa__dark.js +1 -1
  21. package/themes/sdds_dfa__dark.js.map +1 -1
  22. package/themes/sdds_dfa__light.js +1 -1
  23. package/themes/sdds_dfa__light.js.map +1 -1
  24. package/themes/sdds_serv__dark.js +1 -1
  25. package/themes/sdds_serv__dark.js.map +1 -1
  26. package/themes/sdds_serv__light.js +1 -1
  27. package/themes/sdds_serv__light.js.map +1 -1
  28. package/tokens/sdds_dfa/index.d.ts +6 -6
  29. package/tokens/sdds_dfa/index.js +6 -6
  30. package/tokens/sdds_dfa/index.js.map +1 -1
  31. package/tokens/sdds_serv/index.d.ts +16 -16
  32. package/tokens/sdds_serv/index.js +16 -16
  33. package/tokens/sdds_serv/index.js.map +1 -1
package/css/sdds_dfa.module.css CHANGED
@@ -805,7 +805,7 @@
805
805
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
806
806
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
807
807
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
808
- --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
808
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);
809
809
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
810
810
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
811
811
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -814,7 +814,7 @@
814
814
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
815
815
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
816
816
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
817
- --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
817
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);
818
818
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
819
819
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
820
820
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -831,7 +831,7 @@
831
831
  --outline-promo-gradient-active: #E6E6E6FF;
832
832
  --outline-promo-minor-gradient-hover: #CCCCCCFF;
833
833
  --outline-promo-minor-gradient-active: #E6E6E6FF;
834
- --outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
834
+ --outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
835
835
  --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
836
836
  --on-dark-outline-accent-gradient-active: #E6E6E6FF;
837
837
  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -842,7 +842,7 @@
842
842
  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
843
843
  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
844
844
  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
845
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%);
845
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
846
846
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
847
847
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
848
848
  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -853,7 +853,7 @@
853
853
  --on-light-outline-promo-gradient-active: #E6E6E6FF;
854
854
  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
855
855
  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
856
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
856
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
857
857
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
858
858
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
859
859
  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -864,7 +864,7 @@
864
864
  --inverse-outline-promo-gradient-active: #E6E6E6FF;
865
865
  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
866
866
  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
867
- --inverse-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
867
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
868
868
  }
869
869
 
870
870
  .light {
@@ -1672,7 +1672,7 @@
1672
1672
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1673
1673
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
1674
1674
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
1675
- --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
1675
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);
1676
1676
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1677
1677
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1678
1678
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1681,7 +1681,7 @@
1681
1681
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1682
1682
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
1683
1683
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
1684
- --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
1684
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);
1685
1685
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1686
1686
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
1687
1687
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1698,7 +1698,7 @@
1698
1698
  --outline-promo-gradient-active: #E6E6E6FF;
1699
1699
  --outline-promo-minor-gradient-hover: #CCCCCCFF;
1700
1700
  --outline-promo-minor-gradient-active: #E6E6E6FF;
1701
- --outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
1701
+ --outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
1702
1702
  --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
1703
1703
  --on-dark-outline-accent-gradient-active: #E6E6E6FF;
1704
1704
  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -1709,7 +1709,7 @@
1709
1709
  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
1710
1710
  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
1711
1711
  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
1712
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%);
1712
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
1713
1713
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1714
1714
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
1715
1715
  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -1720,7 +1720,7 @@
1720
1720
  --on-light-outline-promo-gradient-active: #E6E6E6FF;
1721
1721
  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
1722
1722
  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
1723
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
1723
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
1724
1724
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
1725
1725
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
1726
1726
  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -1731,7 +1731,7 @@
1731
1731
  --inverse-outline-promo-gradient-active: #E6E6E6FF;
1732
1732
  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
1733
1733
  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
1734
- --inverse-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
1734
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
1735
1735
  }
1736
1736
 
1737
1737
  .dark, .light {
package/css/sdds_dfa__dark.css CHANGED
@@ -805,7 +805,7 @@
805
805
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
806
806
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
807
807
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
808
- --on-light-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
808
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);
809
809
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
810
810
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
811
811
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -814,7 +814,7 @@
814
814
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
815
815
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
816
816
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
817
- --inverse-surface-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
817
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%, #27C6E5FF 100%);
818
818
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
819
819
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
820
820
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -831,7 +831,7 @@
831
831
  --outline-promo-gradient-active: #E6E6E6FF;
832
832
  --outline-promo-minor-gradient-hover: #CCCCCCFF;
833
833
  --outline-promo-minor-gradient-active: #E6E6E6FF;
834
- --outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
834
+ --outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
835
835
  --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
836
836
  --on-dark-outline-accent-gradient-active: #E6E6E6FF;
837
837
  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -842,7 +842,7 @@
842
842
  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
843
843
  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
844
844
  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
845
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%);
845
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
846
846
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
847
847
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
848
848
  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -853,7 +853,7 @@
853
853
  --on-light-outline-promo-gradient-active: #E6E6E6FF;
854
854
  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
855
855
  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
856
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
856
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
857
857
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
858
858
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
859
859
  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -864,7 +864,7 @@
864
864
  --inverse-outline-promo-gradient-active: #E6E6E6FF;
865
865
  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
866
866
  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
867
- --inverse-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
867
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
868
868
  }
869
869
 
870
870
  :root {
package/css/sdds_dfa__light.css CHANGED
@@ -835,7 +835,7 @@
835
835
  --outline-promo-gradient-active: #CCCCCCFF;
836
836
  --outline-promo-minor-gradient-hover: #000000FF;
837
837
  --outline-promo-minor-gradient-active: #CCCCCCFF;
838
- --outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
838
+ --outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
839
839
  --on-dark-outline-accent-gradient-hover: #000000FF;
840
840
  --on-dark-outline-accent-gradient-active: #CCCCCCFF;
841
841
  --on-dark-outline-accent-minor-gradient-hover: #000000FF;
@@ -846,7 +846,7 @@
846
846
  --on-dark-outline-promo-gradient-active: #CCCCCCFF;
847
847
  --on-dark-outline-promo-minor-gradient-hover: #000000FF;
848
848
  --on-dark-outline-promo-minor-gradient-active: #CCCCCCFF;
849
- --on-dark-outline-accent-gradient: rgb(33, 202, 154) 0%,rgb(74, 214, 252) 100%);
849
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
850
850
  --on-light-outline-accent-gradient-hover: #000000FF;
851
851
  --on-light-outline-accent-gradient-active: #CCCCCCFF;
852
852
  --on-light-outline-accent-minor-gradient-hover: #000000FF;
@@ -857,7 +857,7 @@
857
857
  --on-light-outline-promo-gradient-active: #CCCCCCFF;
858
858
  --on-light-outline-promo-minor-gradient-hover: #000000FF;
859
859
  --on-light-outline-promo-minor-gradient-active: #CCCCCCFF;
860
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #00AC7BFF 0.763%);
860
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #05996FFF 0%, #1BA0E3FF 100%);
861
861
  --inverse-outline-accent-gradient-hover: #000000FF;
862
862
  --inverse-outline-accent-gradient-active: #CCCCCCFF;
863
863
  --inverse-outline-accent-minor-gradient-hover: #000000FF;
@@ -868,7 +868,7 @@
868
868
  --inverse-outline-promo-gradient-active: #CCCCCCFF;
869
869
  --inverse-outline-promo-minor-gradient-hover: #000000FF;
870
870
  --inverse-outline-promo-minor-gradient-active: #CCCCCCFF;
871
- --inverse-outline-accent-gradient: rgb(33, 202, 154) 0%,rgb(74, 214, 252) 100%);
871
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #21CA9AFF 0%, #4AD6FCFF 100%);
872
872
  }
873
873
 
874
874
  :root {
package/css/sdds_serv.module.css CHANGED
@@ -778,19 +778,19 @@
778
778
  .dark {
779
779
  --text-accent-gradient-hover: #CCCCCCFF;
780
780
  --text-accent-gradient-active: #E6E6E6FF;
781
- --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
781
+ --text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
782
782
  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
783
783
  --on-dark-text-accent-gradient-active: #E6E6E6FF;
784
- --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
784
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
785
785
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
786
786
  --on-light-text-accent-gradient-active: #E6E6E6FF;
787
- --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
787
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
788
788
  --inverse-text-accent-gradient-hover: #CCCCCCFF;
789
789
  --inverse-text-accent-gradient-active: #E6E6E6FF;
790
- --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
790
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
791
791
  --surface-accent-gradient-hover: #FFFFFFFF;
792
792
  --surface-accent-gradient-active: #FFFFFFFF;
793
- --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
793
+ --surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
794
794
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
795
795
  --surface-skeleton-gradient-hover: #FFFFFFFF;
796
796
  --surface-skeleton-gradient-active: #FFFFFFFF;
@@ -799,7 +799,7 @@
799
799
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
800
800
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
801
801
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
802
- --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
802
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
803
803
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
804
804
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
805
805
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -808,7 +808,7 @@
808
808
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
809
809
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
810
810
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
811
- --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
811
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
812
812
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
813
813
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
814
814
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -817,15 +817,15 @@
817
817
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
818
818
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
819
819
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
820
- --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
820
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
821
821
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
822
822
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
823
823
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
824
824
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
825
825
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
826
826
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
827
- --outline-accent-gradient-hover: #FFFFFFFF;
828
- --outline-accent-gradient-active: #CCCCCCFF;
827
+ --outline-accent-gradient-hover: #CCCCCCFF;
828
+ --outline-accent-gradient-active: #E6E6E6FF;
829
829
  --outline-accent-minor-gradient-hover: #CCCCCCFF;
830
830
  --outline-accent-minor-gradient-active: #E6E6E6FF;
831
831
  --outline-transparent-accent-gradient-hover: #CCCCCCFF;
@@ -834,9 +834,9 @@
834
834
  --outline-promo-gradient-active: #E6E6E6FF;
835
835
  --outline-promo-minor-gradient-hover: #CCCCCCFF;
836
836
  --outline-promo-minor-gradient-active: #E6E6E6FF;
837
- --outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
838
- --on-dark-outline-accent-gradient-hover: #FFFFFFFF;
839
- --on-dark-outline-accent-gradient-active: #CCCCCCFF;
837
+ --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
838
+ --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
839
+ --on-dark-outline-accent-gradient-active: #E6E6E6FF;
840
840
  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
841
841
  --on-dark-outline-accent-minor-gradient-active: #E6E6E6FF;
842
842
  --on-dark-outline-transparent-accent-gradient-hover: #CCCCCCFF;
@@ -845,7 +845,7 @@
845
845
  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
846
846
  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
847
847
  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
848
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
848
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
849
849
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
850
850
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
851
851
  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -856,7 +856,7 @@
856
856
  --on-light-outline-promo-gradient-active: #E6E6E6FF;
857
857
  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
858
858
  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
859
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%);
859
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
860
860
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
861
861
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
862
862
  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -867,7 +867,7 @@
867
867
  --inverse-outline-promo-gradient-active: #E6E6E6FF;
868
868
  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
869
869
  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
870
- --inverse-outline-accent-gradient: linear-gradient(45.00deg,rgb(13,133,35)0%,rgb(13,168,171)100%);
870
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
871
871
  }
872
872
 
873
873
  .light {
@@ -1648,19 +1648,19 @@
1648
1648
  .light {
1649
1649
  --text-accent-gradient-hover: #CCCCCCFF;
1650
1650
  --text-accent-gradient-active: #E6E6E6FF;
1651
- --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
1651
+ --text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1652
1652
  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
1653
1653
  --on-dark-text-accent-gradient-active: #E6E6E6FF;
1654
- --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
1654
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1655
1655
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
1656
1656
  --on-light-text-accent-gradient-active: #E6E6E6FF;
1657
- --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
1657
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1658
1658
  --inverse-text-accent-gradient-hover: #CCCCCCFF;
1659
1659
  --inverse-text-accent-gradient-active: #E6E6E6FF;
1660
- --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
1660
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1661
1661
  --surface-accent-gradient-hover: #FFFFFFFF;
1662
1662
  --surface-accent-gradient-active: #FFFFFFFF;
1663
- --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
1663
+ --surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
1664
1664
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1665
1665
  --surface-skeleton-gradient-hover: #FFFFFFFF;
1666
1666
  --surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1669,7 +1669,7 @@
1669
1669
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
1670
1670
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
1671
1671
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
1672
- --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
1672
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
1673
1673
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
1674
1674
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
1675
1675
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1678,7 +1678,7 @@
1678
1678
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1679
1679
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
1680
1680
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
1681
- --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
1681
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1682
1682
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1683
1683
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
1684
1684
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -1687,15 +1687,15 @@
1687
1687
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1688
1688
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
1689
1689
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
1690
- --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
1690
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1691
1691
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
1692
1692
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
1693
1693
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
1694
1694
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
1695
1695
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
1696
1696
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
1697
- --outline-accent-gradient-hover: #FFFFFFFF;
1698
- --outline-accent-gradient-active: #CCCCCCFF;
1697
+ --outline-accent-gradient-hover: #CCCCCCFF;
1698
+ --outline-accent-gradient-active: #E6E6E6FF;
1699
1699
  --outline-accent-minor-gradient-hover: #CCCCCCFF;
1700
1700
  --outline-accent-minor-gradient-active: #E6E6E6FF;
1701
1701
  --outline-transparent-accent-gradient-hover: #CCCCCCFF;
@@ -1704,9 +1704,9 @@
1704
1704
  --outline-promo-gradient-active: #E6E6E6FF;
1705
1705
  --outline-promo-minor-gradient-hover: #CCCCCCFF;
1706
1706
  --outline-promo-minor-gradient-active: #E6E6E6FF;
1707
- --outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
1708
- --on-dark-outline-accent-gradient-hover: #FFFFFFFF;
1709
- --on-dark-outline-accent-gradient-active: #CCCCCCFF;
1707
+ --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1708
+ --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
1709
+ --on-dark-outline-accent-gradient-active: #E6E6E6FF;
1710
1710
  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
1711
1711
  --on-dark-outline-accent-minor-gradient-active: #E6E6E6FF;
1712
1712
  --on-dark-outline-transparent-accent-gradient-hover: #CCCCCCFF;
@@ -1715,7 +1715,7 @@
1715
1715
  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
1716
1716
  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
1717
1717
  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
1718
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
1718
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
1719
1719
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
1720
1720
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
1721
1721
  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -1726,7 +1726,7 @@
1726
1726
  --on-light-outline-promo-gradient-active: #E6E6E6FF;
1727
1727
  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
1728
1728
  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
1729
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%);
1729
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1730
1730
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
1731
1731
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
1732
1732
  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -1737,7 +1737,7 @@
1737
1737
  --inverse-outline-promo-gradient-active: #E6E6E6FF;
1738
1738
  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
1739
1739
  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
1740
- --inverse-outline-accent-gradient: linear-gradient(45.00deg,rgb(13,133,35)0%,rgb(13,168,171)100%);
1740
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
1741
1741
  }
1742
1742
 
1743
1743
  .dark, .light {
package/css/sdds_serv__dark.css CHANGED
@@ -778,19 +778,19 @@
778
778
  :root {
779
779
  --text-accent-gradient-hover: #CCCCCCFF;
780
780
  --text-accent-gradient-active: #E6E6E6FF;
781
- --text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
781
+ --text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
782
782
  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
783
783
  --on-dark-text-accent-gradient-active: #E6E6E6FF;
784
- --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
784
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
785
785
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
786
786
  --on-light-text-accent-gradient-active: #E6E6E6FF;
787
- --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
787
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
788
788
  --inverse-text-accent-gradient-hover: #CCCCCCFF;
789
789
  --inverse-text-accent-gradient-active: #E6E6E6FF;
790
- --inverse-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
790
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
791
791
  --surface-accent-gradient-hover: #FFFFFFFF;
792
792
  --surface-accent-gradient-active: #FFFFFFFF;
793
- --surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
793
+ --surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
794
794
  --surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
795
795
  --surface-skeleton-gradient-hover: #FFFFFFFF;
796
796
  --surface-skeleton-gradient-active: #FFFFFFFF;
@@ -799,7 +799,7 @@
799
799
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
800
800
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
801
801
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
802
- --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
802
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
803
803
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
804
804
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
805
805
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -808,7 +808,7 @@
808
808
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
809
809
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
810
810
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
811
- --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
811
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
812
812
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
813
813
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
814
814
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -817,15 +817,15 @@
817
817
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
818
818
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
819
819
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
820
- --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
820
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
821
821
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
822
822
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
823
823
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
824
824
  --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);
825
825
  --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;
826
826
  --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;
827
- --outline-accent-gradient-hover: #FFFFFFFF;
828
- --outline-accent-gradient-active: #CCCCCCFF;
827
+ --outline-accent-gradient-hover: #CCCCCCFF;
828
+ --outline-accent-gradient-active: #E6E6E6FF;
829
829
  --outline-accent-minor-gradient-hover: #CCCCCCFF;
830
830
  --outline-accent-minor-gradient-active: #E6E6E6FF;
831
831
  --outline-transparent-accent-gradient-hover: #CCCCCCFF;
@@ -834,9 +834,9 @@
834
834
  --outline-promo-gradient-active: #E6E6E6FF;
835
835
  --outline-promo-minor-gradient-hover: #CCCCCCFF;
836
836
  --outline-promo-minor-gradient-active: #E6E6E6FF;
837
- --outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
838
- --on-dark-outline-accent-gradient-hover: #FFFFFFFF;
839
- --on-dark-outline-accent-gradient-active: #CCCCCCFF;
837
+ --outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
838
+ --on-dark-outline-accent-gradient-hover: #CCCCCCFF;
839
+ --on-dark-outline-accent-gradient-active: #E6E6E6FF;
840
840
  --on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
841
841
  --on-dark-outline-accent-minor-gradient-active: #E6E6E6FF;
842
842
  --on-dark-outline-transparent-accent-gradient-hover: #CCCCCCFF;
@@ -845,7 +845,7 @@
845
845
  --on-dark-outline-promo-gradient-active: #E6E6E6FF;
846
846
  --on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
847
847
  --on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
848
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
848
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
849
849
  --on-light-outline-accent-gradient-hover: #CCCCCCFF;
850
850
  --on-light-outline-accent-gradient-active: #E6E6E6FF;
851
851
  --on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -856,7 +856,7 @@
856
856
  --on-light-outline-promo-gradient-active: #E6E6E6FF;
857
857
  --on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
858
858
  --on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
859
- --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%);
859
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
860
860
  --inverse-outline-accent-gradient-hover: #CCCCCCFF;
861
861
  --inverse-outline-accent-gradient-active: #E6E6E6FF;
862
862
  --inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
@@ -867,7 +867,7 @@
867
867
  --inverse-outline-promo-gradient-active: #E6E6E6FF;
868
868
  --inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
869
869
  --inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
870
- --inverse-outline-accent-gradient: linear-gradient(45.00deg,rgb(13,133,35)0%,rgb(13,168,171)100%);
870
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
871
871
  }
872
872
 
873
873
  :root {
package/css/sdds_serv__light.css CHANGED
@@ -778,19 +778,19 @@
778
778
  :root {
779
779
  --text-accent-gradient-hover: #000000FF;
780
780
  --text-accent-gradient-active: #CCCCCCFF;
781
- --text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
781
+ --text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
782
782
  --on-dark-text-accent-gradient-hover: #000000FF;
783
783
  --on-dark-text-accent-gradient-active: #CCCCCCFF;
784
- --on-dark-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
784
+ --on-dark-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
785
785
  --on-light-text-accent-gradient-hover: #000000FF;
786
786
  --on-light-text-accent-gradient-active: #CCCCCCFF;
787
- --on-light-text-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
787
+ --on-light-text-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
788
788
  --inverse-text-accent-gradient-hover: #000000FF;
789
789
  --inverse-text-accent-gradient-active: #CCCCCCFF;
790
- --inverse-text-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
790
+ --inverse-text-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
791
791
  --surface-accent-gradient-hover: #FFFFFFFF;
792
792
  --surface-accent-gradient-active: #FFFFFFFF;
793
- --surface-accent-gradient: linear-gradient(45deg, #0D8523FF 0%, #0DA8ABFF 100%);
793
+ --surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
794
794
  --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
795
795
  --surface-skeleton-gradient-hover: #FFFFFFFF;
796
796
  --surface-skeleton-gradient-active: #FFFFFFFF;
@@ -799,7 +799,7 @@
799
799
  --surface-skeleton-deep-gradient-active: #FFFFFFFF;
800
800
  --on-dark-surface-accent-gradient-hover: #FFFFFFFF;
801
801
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
802
- --on-dark-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
802
+ --on-dark-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
803
803
  --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
804
804
  --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;
805
805
  --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -808,7 +808,7 @@
808
808
  --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;
809
809
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
810
810
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
811
- --on-light-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
811
+ --on-light-surface-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
812
812
  --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);
813
813
  --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;
814
814
  --on-light-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -817,7 +817,7 @@
817
817
  --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;
818
818
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
819
819
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
820
- --inverse-surface-accent-gradient: linear-gradient(45deg, #1A9E32FF 0%, #04C6C9FF 100%);
820
+ --inverse-surface-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0.323%, #04C6C9FF 100%);
821
821
  --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);
822
822
  --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;
823
823
  --inverse-surface-skeleton-gradient-active: #FFFFFFFF;
@@ -834,9 +834,9 @@
834
834
  --outline-promo-gradient-active: #CCCCCCFF;
835
835
  --outline-promo-minor-gradient-hover: #000000FF;
836
836
  --outline-promo-minor-gradient-active: #CCCCCCFF;
837
- --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%);
838
- --on-dark-outline-accent-gradient-hover: #525252FF;
839
- --on-dark-outline-accent-gradient-active: #292929FF;
837
+ --outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
838
+ --on-dark-outline-accent-gradient-hover: #000000FF;
839
+ --on-dark-outline-accent-gradient-active: #CCCCCCFF;
840
840
  --on-dark-outline-accent-minor-gradient-hover: #000000FF;
841
841
  --on-dark-outline-accent-minor-gradient-active: #CCCCCCFF;
842
842
  --on-dark-outline-transparent-accent-gradient-hover: #000000FF;
@@ -845,7 +845,7 @@
845
845
  --on-dark-outline-promo-gradient-active: #CCCCCCFF;
846
846
  --on-dark-outline-promo-minor-gradient-hover: #000000FF;
847
847
  --on-dark-outline-promo-minor-gradient-active: #CCCCCCFF;
848
- --on-dark-outline-accent-gradient: linear-gradient(45.00deg, rgb(26 undefined, 158 undefined, 50 undefined),rgb(4, 198, 201) 99.688%);
848
+ --on-dark-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
849
849
  --on-light-outline-accent-gradient-hover: #000000FF;
850
850
  --on-light-outline-accent-gradient-active: #CCCCCCFF;
851
851
  --on-light-outline-accent-minor-gradient-hover: #000000FF;
@@ -856,7 +856,7 @@
856
856
  --on-light-outline-promo-gradient-active: #CCCCCCFF;
857
857
  --on-light-outline-promo-minor-gradient-hover: #000000FF;
858
858
  --on-light-outline-promo-minor-gradient-active: #CCCCCCFF;
859
- --on-light-outline-accent-gradient: rgb(13, 133, 35) 0%,rgb(13, 168, 171) 100%);
859
+ --on-light-outline-accent-gradient: linear-gradient(45.00deg, #0D8523FF 0%, #0DA8ABFF 100%);
860
860
  --inverse-outline-accent-gradient-hover: #000000FF;
861
861
  --inverse-outline-accent-gradient-active: #CCCCCCFF;
862
862
  --inverse-outline-accent-minor-gradient-hover: #000000FF;
@@ -867,7 +867,7 @@
867
867
  --inverse-outline-promo-gradient-active: #CCCCCCFF;
868
868
  --inverse-outline-promo-minor-gradient-hover: #000000FF;
869
869
  --inverse-outline-promo-minor-gradient-active: #CCCCCCFF;
870
- --inverse-outline-accent-gradient: linear-gradient(45.00deg,rgb(26,158,50),rgb(4,198,201)99.688%);
870
+ --inverse-outline-accent-gradient: linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%);
871
871
  }
872
872
 
873
873
  :root {