@salutejs/sdds-themes 0.70.0-next-sbcom.0 → 0.70.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 (56) hide show
  1. package/css/sdds_platform_ai.module.css +60 -12
  2. package/css/sdds_platform_ai__dark.css +30 -6
  3. package/css/sdds_platform_ai__light.css +30 -6
  4. package/css/sdds_serv.module.css +144 -0
  5. package/css/sdds_serv__dark.css +72 -0
  6. package/css/sdds_serv__light.css +72 -0
  7. package/css/sdds_serv_malachite.module.css +2453 -0
  8. package/css/sdds_serv_malachite__dark.css +1585 -0
  9. package/css/sdds_serv_malachite__light.css +1585 -0
  10. package/es/themes/index.js +2 -0
  11. package/es/themes/index.js.map +1 -1
  12. package/es/themes/sdds_platform_ai__dark.js +1 -1
  13. package/es/themes/sdds_platform_ai__dark.js.map +1 -1
  14. package/es/themes/sdds_platform_ai__light.js +1 -1
  15. package/es/themes/sdds_platform_ai__light.js.map +1 -1
  16. package/es/themes/sdds_serv__dark.js +1 -1
  17. package/es/themes/sdds_serv__dark.js.map +1 -1
  18. package/es/themes/sdds_serv__light.js +1 -1
  19. package/es/themes/sdds_serv__light.js.map +1 -1
  20. package/es/themes/sdds_serv_malachite__dark.js +3 -0
  21. package/es/themes/sdds_serv_malachite__dark.js.map +1 -0
  22. package/es/themes/sdds_serv_malachite__light.js +3 -0
  23. package/es/themes/sdds_serv_malachite__light.js.map +1 -0
  24. package/es/tokens/sdds_platform_ai/index.js +58 -10
  25. package/es/tokens/sdds_platform_ai/index.js.map +1 -1
  26. package/es/tokens/sdds_serv/index.js +146 -2
  27. package/es/tokens/sdds_serv/index.js.map +1 -1
  28. package/es/tokens/sdds_serv_malachite/index.js +2280 -0
  29. package/es/tokens/sdds_serv_malachite/index.js.map +1 -0
  30. package/package.json +3 -3
  31. package/themes/index.d.ts +2 -0
  32. package/themes/index.js +5 -1
  33. package/themes/index.js.map +1 -1
  34. package/themes/sdds_platform_ai__dark.js +1 -1
  35. package/themes/sdds_platform_ai__dark.js.map +1 -1
  36. package/themes/sdds_platform_ai__light.js +1 -1
  37. package/themes/sdds_platform_ai__light.js.map +1 -1
  38. package/themes/sdds_serv__dark.js +1 -1
  39. package/themes/sdds_serv__dark.js.map +1 -1
  40. package/themes/sdds_serv__light.js +1 -1
  41. package/themes/sdds_serv__light.js.map +1 -1
  42. package/themes/sdds_serv_malachite__dark.d.ts +1 -0
  43. package/themes/sdds_serv_malachite__dark.js +6 -0
  44. package/themes/sdds_serv_malachite__dark.js.map +1 -0
  45. package/themes/sdds_serv_malachite__light.d.ts +1 -0
  46. package/themes/sdds_serv_malachite__light.js +6 -0
  47. package/themes/sdds_serv_malachite__light.js.map +1 -0
  48. package/tokens/sdds_platform_ai/index.d.ts +56 -8
  49. package/tokens/sdds_platform_ai/index.js +79 -31
  50. package/tokens/sdds_platform_ai/index.js.map +1 -1
  51. package/tokens/sdds_serv/index.d.ts +144 -0
  52. package/tokens/sdds_serv/index.js +167 -22
  53. package/tokens/sdds_serv/index.js.map +1 -1
  54. package/tokens/sdds_serv_malachite/index.d.ts +2278 -0
  55. package/tokens/sdds_serv_malachite/index.js +2301 -0
  56. package/tokens/sdds_serv_malachite/index.js.map +1 -0
package/css/sdds_platform_ai.module.css CHANGED
@@ -1,6 +1,30 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-orange: #FFB38A;
6
+ --syntax-pink: #FF4791;
7
+ --syntax-spring: #C5FC5F;
8
+ --syntax-sky-blue: #8AE6FF;
9
+ --syntax-red: #FF8F9A;
10
+ --on-dark-syntax-yellow: #F3A912;
11
+ --on-dark-syntax-orange: #FFB38A;
12
+ --on-dark-syntax-pink: #FF4791;
13
+ --on-dark-syntax-spring: #C5FC5F;
14
+ --on-dark-syntax-sky-blue: #8AE6FF;
15
+ --on-dark-syntax-red: #FF8F9A;
16
+ --on-light-syntax-yellow: #F3A912;
17
+ --on-light-syntax-orange: #85380C;
18
+ --on-light-syntax-pink: #9B0D46;
19
+ --on-light-syntax-spring: #629405;
20
+ --on-light-syntax-sky-blue: #0492B9;
21
+ --on-light-syntax-red: #FF3D51;
22
+ --inverse-syntax-yellow: #F3A912;
23
+ --inverse-syntax-orange: #85380C;
24
+ --inverse-syntax-pink: #9B0D46;
25
+ --inverse-syntax-spring: #629405;
26
+ --inverse-syntax-sky-blue: #0492B9;
27
+ --inverse-syntax-red: #FF3D51;
4
28
  --text-primary-hover: #7A7A7AFF;
5
29
  --text-primary-active: #5C5C5CFF;
6
30
  --text-primary-brightness: #FFFFFFFF;
@@ -686,8 +710,8 @@
686
710
  --on-dark-outline-solid-default: #F5F5F5;
687
711
  --on-light-outline-solid-primary-hover: #ABABABFF;
688
712
  --on-light-outline-solid-primary-active: #C4C4C4FF;
689
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
690
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
713
+ --on-light-outline-solid-secondary-hover: #C9C9C9FF;
714
+ --on-light-outline-solid-secondary-active: #8C8C8CFF;
691
715
  --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
692
716
  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
693
717
  --on-light-outline-transparent-primary-hover: #08080852;
@@ -746,7 +770,6 @@
746
770
  --on-light-outline-positive: #108E26;
747
771
  --on-light-outline-accent-minor: #28D247;
748
772
  --on-light-outline-accent: #108E26;
749
- --on-light-outline-solid-secondary: #B3B3B3;
750
773
  --on-light-outline-transparent-primary: #0808081F;
751
774
  --on-light-outline-transparent-secondary: #08080847;
752
775
  --on-light-outline-transparent-tertiary: #0808088F;
@@ -756,10 +779,11 @@
756
779
  --on-light-outline-primary-white: #FFFFFFFF;
757
780
  --on-light-outline-primary-white-hover: #CCCCCCFF;
758
781
  --on-light-outline-primary-white-active: #E6E6E6FF;
782
+ --on-light-outline-solid-secondary: #A1A1A1FF;
759
783
  --inverse-outline-solid-primary-hover: #ABABABFF;
760
784
  --inverse-outline-solid-primary-active: #C4C4C4FF;
761
- --inverse-outline-solid-secondary-hover: #DBDBDBFF;
762
- --inverse-outline-solid-secondary-active: #8F8F8FFF;
785
+ --inverse-outline-solid-secondary-hover: #C9C9C9FF;
786
+ --inverse-outline-solid-secondary-active: #8C8C8CFF;
763
787
  --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
764
788
  --inverse-outline-solid-tertiary-active: #5C5C5CFF;
765
789
  --inverse-outline-transparent-primary-hover: #08080852;
@@ -821,13 +845,13 @@
821
845
  --inverse-outline-transparent-primary: #0808081F;
822
846
  --inverse-outline-transparent-secondary: #08080847;
823
847
  --inverse-outline-transparent-tertiary: #0808088F;
824
- --inverse-outline-solid-secondary: #B3B3B3;
825
848
  --inverse-outline-solid-default-hover: #969696FF;
826
849
  --inverse-outline-solid-default-active: #080808FF;
827
850
  --inverse-outline-solid-default: #080808;
828
851
  --inverse-outline-primary-white: #FFFFFFFF;
829
852
  --inverse-outline-primary-white-hover: #CCCCCCFF;
830
853
  --inverse-outline-primary-white-active: #E6E6E6FF;
854
+ --inverse-outline-solid-secondary: #A1A1A1FF;
831
855
  --data-yellow: #F3A912;
832
856
  --data-yellow-hover: #F4B22FFF;
833
857
  --data-yellow-active: #EDA20CFF;
@@ -932,6 +956,30 @@
932
956
  }
933
957
 
934
958
  .light {
959
+ --syntax-yellow: #F3A912;
960
+ --syntax-orange: #85380C;
961
+ --syntax-pink: #9B0D46;
962
+ --syntax-spring: #629405;
963
+ --syntax-sky-blue: #0492B9;
964
+ --syntax-red: #FF3D51;
965
+ --on-dark-syntax-yellow: #F3A912;
966
+ --on-dark-syntax-orange: #FFB38A;
967
+ --on-dark-syntax-pink: #FF4791;
968
+ --on-dark-syntax-spring: #C5FC5F;
969
+ --on-dark-syntax-sky-blue: #8AE6FF;
970
+ --on-dark-syntax-red: #FF8F9A;
971
+ --on-light-syntax-yellow: #F3A912;
972
+ --on-light-syntax-orange: #85380C;
973
+ --on-light-syntax-pink: #9B0D46;
974
+ --on-light-syntax-spring: #629405;
975
+ --on-light-syntax-sky-blue: #0492B9;
976
+ --on-light-syntax-red: #FF3D51;
977
+ --inverse-syntax-yellow: #F3A912;
978
+ --inverse-syntax-orange: #FFB38A;
979
+ --inverse-syntax-pink: #FF4791;
980
+ --inverse-syntax-spring: #C5FC5F;
981
+ --inverse-syntax-sky-blue: #8AE6FF;
982
+ --inverse-syntax-red: #FF8F9A;
935
983
  --text-primary-hover: #969696FF;
936
984
  --text-primary-active: #080808FF;
937
985
  --text-primary-brightness: #171717FF;
@@ -1477,8 +1525,8 @@
1477
1525
  --inverse-overlay-blur: #08080847;
1478
1526
  --outline-solid-primary-hover: #ABABABFF;
1479
1527
  --outline-solid-primary-active: #C4C4C4FF;
1480
- --outline-solid-secondary-hover: #DBDBDBFF;
1481
- --outline-solid-secondary-active: #8F8F8FFF;
1528
+ --outline-solid-secondary-hover: #C9C9C9FF;
1529
+ --outline-solid-secondary-active: #8C8C8CFF;
1482
1530
  --outline-solid-tertiary-hover: #A3A3A3FF;
1483
1531
  --outline-solid-tertiary-active: #5C5C5CFF;
1484
1532
  --outline-transparent-primary-hover: #08080852;
@@ -1538,7 +1586,6 @@
1538
1586
  --outline-transparent-primary: #0808081F;
1539
1587
  --outline-transparent-secondary: #08080847;
1540
1588
  --outline-transparent-tertiary: #0808088F;
1541
- --outline-solid-secondary: #B3B3B3;
1542
1589
  --outline-solid-default-hover: #969696FF;
1543
1590
  --outline-solid-default-active: #080808FF;
1544
1591
  --outline-info: #118CDF;
@@ -1547,6 +1594,7 @@
1547
1594
  --outline-primary-white: #FFFFFFFF;
1548
1595
  --outline-primary-white-hover: #CCCCCCFF;
1549
1596
  --outline-primary-white-active: #E6E6E6FF;
1597
+ --outline-solid-secondary: #A1A1A1FF;
1550
1598
  --on-dark-outline-solid-primary-hover: #545454FF;
1551
1599
  --on-dark-outline-solid-primary-active: #171717FF;
1552
1600
  --on-dark-outline-solid-secondary-hover: #ABABABFF;
@@ -1621,8 +1669,8 @@
1621
1669
  --on-dark-outline-solid-default: #F5F5F5;
1622
1670
  --on-light-outline-solid-primary-hover: #ABABABFF;
1623
1671
  --on-light-outline-solid-primary-active: #C4C4C4FF;
1624
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
1625
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
1672
+ --on-light-outline-solid-secondary-hover: #C9C9C9FF;
1673
+ --on-light-outline-solid-secondary-active: #8C8C8CFF;
1626
1674
  --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
1627
1675
  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
1628
1676
  --on-light-outline-transparent-primary-hover: #08080852;
@@ -1682,7 +1730,6 @@
1682
1730
  --on-light-outline-transparent-primary: #0808081F;
1683
1731
  --on-light-outline-transparent-secondary: #08080847;
1684
1732
  --on-light-outline-transparent-tertiary: #0808088F;
1685
- --on-light-outline-solid-secondary: #B3B3B3;
1686
1733
  --on-light-outline-solid-default: #080808;
1687
1734
  --on-light-outline-solid-default-hover: #969696FF;
1688
1735
  --on-light-outline-solid-default-active: #080808FF;
@@ -1691,6 +1738,7 @@
1691
1738
  --on-light-outline-primary-white: #FFFFFFFF;
1692
1739
  --on-light-outline-primary-white-hover: #CCCCCCFF;
1693
1740
  --on-light-outline-primary-white-active: #E6E6E6FF;
1741
+ --on-light-outline-solid-secondary: #A1A1A1FF;
1694
1742
  --inverse-outline-solid-primary-hover: #545454FF;
1695
1743
  --inverse-outline-solid-primary-active: #171717FF;
1696
1744
  --inverse-outline-solid-secondary-hover: #ABABABFF;
package/css/sdds_platform_ai__dark.css CHANGED
@@ -1,6 +1,30 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-orange: #FFB38A;
6
+ --syntax-pink: #FF4791;
7
+ --syntax-spring: #C5FC5F;
8
+ --syntax-sky-blue: #8AE6FF;
9
+ --syntax-red: #FF8F9A;
10
+ --on-dark-syntax-yellow: #F3A912;
11
+ --on-dark-syntax-orange: #FFB38A;
12
+ --on-dark-syntax-pink: #FF4791;
13
+ --on-dark-syntax-spring: #C5FC5F;
14
+ --on-dark-syntax-sky-blue: #8AE6FF;
15
+ --on-dark-syntax-red: #FF8F9A;
16
+ --on-light-syntax-yellow: #F3A912;
17
+ --on-light-syntax-orange: #85380C;
18
+ --on-light-syntax-pink: #9B0D46;
19
+ --on-light-syntax-spring: #629405;
20
+ --on-light-syntax-sky-blue: #0492B9;
21
+ --on-light-syntax-red: #FF3D51;
22
+ --inverse-syntax-yellow: #F3A912;
23
+ --inverse-syntax-orange: #85380C;
24
+ --inverse-syntax-pink: #9B0D46;
25
+ --inverse-syntax-spring: #629405;
26
+ --inverse-syntax-sky-blue: #0492B9;
27
+ --inverse-syntax-red: #FF3D51;
4
28
  --text-primary-hover: #7A7A7AFF;
5
29
  --text-primary-active: #5C5C5CFF;
6
30
  --text-primary-brightness: #FFFFFFFF;
@@ -686,8 +710,8 @@
686
710
  --on-dark-outline-solid-default: #F5F5F5;
687
711
  --on-light-outline-solid-primary-hover: #ABABABFF;
688
712
  --on-light-outline-solid-primary-active: #C4C4C4FF;
689
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
690
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
713
+ --on-light-outline-solid-secondary-hover: #C9C9C9FF;
714
+ --on-light-outline-solid-secondary-active: #8C8C8CFF;
691
715
  --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
692
716
  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
693
717
  --on-light-outline-transparent-primary-hover: #08080852;
@@ -746,7 +770,6 @@
746
770
  --on-light-outline-positive: #108E26;
747
771
  --on-light-outline-accent-minor: #28D247;
748
772
  --on-light-outline-accent: #108E26;
749
- --on-light-outline-solid-secondary: #B3B3B3;
750
773
  --on-light-outline-transparent-primary: #0808081F;
751
774
  --on-light-outline-transparent-secondary: #08080847;
752
775
  --on-light-outline-transparent-tertiary: #0808088F;
@@ -756,10 +779,11 @@
756
779
  --on-light-outline-primary-white: #FFFFFFFF;
757
780
  --on-light-outline-primary-white-hover: #CCCCCCFF;
758
781
  --on-light-outline-primary-white-active: #E6E6E6FF;
782
+ --on-light-outline-solid-secondary: #A1A1A1FF;
759
783
  --inverse-outline-solid-primary-hover: #ABABABFF;
760
784
  --inverse-outline-solid-primary-active: #C4C4C4FF;
761
- --inverse-outline-solid-secondary-hover: #DBDBDBFF;
762
- --inverse-outline-solid-secondary-active: #8F8F8FFF;
785
+ --inverse-outline-solid-secondary-hover: #C9C9C9FF;
786
+ --inverse-outline-solid-secondary-active: #8C8C8CFF;
763
787
  --inverse-outline-solid-tertiary-hover: #A3A3A3FF;
764
788
  --inverse-outline-solid-tertiary-active: #5C5C5CFF;
765
789
  --inverse-outline-transparent-primary-hover: #08080852;
@@ -821,13 +845,13 @@
821
845
  --inverse-outline-transparent-primary: #0808081F;
822
846
  --inverse-outline-transparent-secondary: #08080847;
823
847
  --inverse-outline-transparent-tertiary: #0808088F;
824
- --inverse-outline-solid-secondary: #B3B3B3;
825
848
  --inverse-outline-solid-default-hover: #969696FF;
826
849
  --inverse-outline-solid-default-active: #080808FF;
827
850
  --inverse-outline-solid-default: #080808;
828
851
  --inverse-outline-primary-white: #FFFFFFFF;
829
852
  --inverse-outline-primary-white-hover: #CCCCCCFF;
830
853
  --inverse-outline-primary-white-active: #E6E6E6FF;
854
+ --inverse-outline-solid-secondary: #A1A1A1FF;
831
855
  --data-yellow: #F3A912;
832
856
  --data-yellow-hover: #F4B22FFF;
833
857
  --data-yellow-active: #EDA20CFF;
package/css/sdds_platform_ai__light.css CHANGED
@@ -1,6 +1,30 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-orange: #85380C;
6
+ --syntax-pink: #9B0D46;
7
+ --syntax-spring: #629405;
8
+ --syntax-sky-blue: #0492B9;
9
+ --syntax-red: #FF3D51;
10
+ --on-dark-syntax-yellow: #F3A912;
11
+ --on-dark-syntax-orange: #FFB38A;
12
+ --on-dark-syntax-pink: #FF4791;
13
+ --on-dark-syntax-spring: #C5FC5F;
14
+ --on-dark-syntax-sky-blue: #8AE6FF;
15
+ --on-dark-syntax-red: #FF8F9A;
16
+ --on-light-syntax-yellow: #F3A912;
17
+ --on-light-syntax-orange: #85380C;
18
+ --on-light-syntax-pink: #9B0D46;
19
+ --on-light-syntax-spring: #629405;
20
+ --on-light-syntax-sky-blue: #0492B9;
21
+ --on-light-syntax-red: #FF3D51;
22
+ --inverse-syntax-yellow: #F3A912;
23
+ --inverse-syntax-orange: #FFB38A;
24
+ --inverse-syntax-pink: #FF4791;
25
+ --inverse-syntax-spring: #C5FC5F;
26
+ --inverse-syntax-sky-blue: #8AE6FF;
27
+ --inverse-syntax-red: #FF8F9A;
4
28
  --text-primary-hover: #969696FF;
5
29
  --text-primary-active: #080808FF;
6
30
  --text-primary-brightness: #171717FF;
@@ -546,8 +570,8 @@
546
570
  --inverse-overlay-blur: #08080847;
547
571
  --outline-solid-primary-hover: #ABABABFF;
548
572
  --outline-solid-primary-active: #C4C4C4FF;
549
- --outline-solid-secondary-hover: #DBDBDBFF;
550
- --outline-solid-secondary-active: #8F8F8FFF;
573
+ --outline-solid-secondary-hover: #C9C9C9FF;
574
+ --outline-solid-secondary-active: #8C8C8CFF;
551
575
  --outline-solid-tertiary-hover: #A3A3A3FF;
552
576
  --outline-solid-tertiary-active: #5C5C5CFF;
553
577
  --outline-transparent-primary-hover: #08080852;
@@ -607,7 +631,6 @@
607
631
  --outline-transparent-primary: #0808081F;
608
632
  --outline-transparent-secondary: #08080847;
609
633
  --outline-transparent-tertiary: #0808088F;
610
- --outline-solid-secondary: #B3B3B3;
611
634
  --outline-solid-default-hover: #969696FF;
612
635
  --outline-solid-default-active: #080808FF;
613
636
  --outline-info: #118CDF;
@@ -616,6 +639,7 @@
616
639
  --outline-primary-white: #FFFFFFFF;
617
640
  --outline-primary-white-hover: #CCCCCCFF;
618
641
  --outline-primary-white-active: #E6E6E6FF;
642
+ --outline-solid-secondary: #A1A1A1FF;
619
643
  --on-dark-outline-solid-primary-hover: #545454FF;
620
644
  --on-dark-outline-solid-primary-active: #171717FF;
621
645
  --on-dark-outline-solid-secondary-hover: #ABABABFF;
@@ -690,8 +714,8 @@
690
714
  --on-dark-outline-solid-default: #F5F5F5;
691
715
  --on-light-outline-solid-primary-hover: #ABABABFF;
692
716
  --on-light-outline-solid-primary-active: #C4C4C4FF;
693
- --on-light-outline-solid-secondary-hover: #DBDBDBFF;
694
- --on-light-outline-solid-secondary-active: #8F8F8FFF;
717
+ --on-light-outline-solid-secondary-hover: #C9C9C9FF;
718
+ --on-light-outline-solid-secondary-active: #8C8C8CFF;
695
719
  --on-light-outline-solid-tertiary-hover: #A3A3A3FF;
696
720
  --on-light-outline-solid-tertiary-active: #5C5C5CFF;
697
721
  --on-light-outline-transparent-primary-hover: #08080852;
@@ -751,7 +775,6 @@
751
775
  --on-light-outline-transparent-primary: #0808081F;
752
776
  --on-light-outline-transparent-secondary: #08080847;
753
777
  --on-light-outline-transparent-tertiary: #0808088F;
754
- --on-light-outline-solid-secondary: #B3B3B3;
755
778
  --on-light-outline-solid-default: #080808;
756
779
  --on-light-outline-solid-default-hover: #969696FF;
757
780
  --on-light-outline-solid-default-active: #080808FF;
@@ -760,6 +783,7 @@
760
783
  --on-light-outline-primary-white: #FFFFFFFF;
761
784
  --on-light-outline-primary-white-hover: #CCCCCCFF;
762
785
  --on-light-outline-primary-white-active: #E6E6E6FF;
786
+ --on-light-outline-solid-secondary: #A1A1A1FF;
763
787
  --inverse-outline-solid-primary-hover: #545454FF;
764
788
  --inverse-outline-solid-primary-active: #171717FF;
765
789
  --inverse-outline-solid-secondary-hover: #ABABABFF;
package/css/sdds_serv.module.css CHANGED
@@ -1,6 +1,78 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  .dark {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-yellow-hover: #F7C45FFF;
6
+ --syntax-yellow-active: #DA950BFF;
7
+ --syntax-orange: #FFB38A;
8
+ --syntax-orange-hover: #FFE8DBFF;
9
+ --syntax-orange-active: #FF9F6BFF;
10
+ --syntax-pink: #FF4791;
11
+ --syntax-pink-hover: #FF99C2FF;
12
+ --syntax-pink-active: #FF297EFF;
13
+ --syntax-spring: #C5FC5F;
14
+ --syntax-spring-hover: #E2FDAFFF;
15
+ --syntax-spring-active: #BAFB41FF;
16
+ --syntax-sky-blue: #8AE6FF;
17
+ --syntax-sky-blue-hover: #DBF7FFFF;
18
+ --syntax-sky-blue-active: #6BDFFFFF;
19
+ --syntax-red: #FF8F9A;
20
+ --syntax-red-hover: #FFE0E3FF;
21
+ --syntax-red-active: #FF707EFF;
22
+ --on-dark-syntax-yellow: #F3A912;
23
+ --on-dark-syntax-yellow-hover: #F7C45FFF;
24
+ --on-dark-syntax-yellow-active: #DA950BFF;
25
+ --on-dark-syntax-orange: #FFB38A;
26
+ --on-dark-syntax-orange-hover: #FFE8DBFF;
27
+ --on-dark-syntax-orange-active: #FF9F6BFF;
28
+ --on-dark-syntax-pink: #FF4791;
29
+ --on-dark-syntax-pink-hover: #FF99C2FF;
30
+ --on-dark-syntax-pink-active: #FF297EFF;
31
+ --on-dark-syntax-spring: #C5FC5F;
32
+ --on-dark-syntax-spring-hover: #E2FDAFFF;
33
+ --on-dark-syntax-spring-active: #BAFB41FF;
34
+ --on-dark-syntax-sky-blue: #8AE6FF;
35
+ --on-dark-syntax-sky-blue-hover: #DBF7FFFF;
36
+ --on-dark-syntax-sky-blue-active: #6BDFFFFF;
37
+ --on-dark-syntax-red: #FF8F9A;
38
+ --on-dark-syntax-red-hover: #FFE0E3FF;
39
+ --on-dark-syntax-red-active: #FF707EFF;
40
+ --on-light-syntax-yellow: #F3A912;
41
+ --on-light-syntax-yellow-hover: #F8CB72FF;
42
+ --on-light-syntax-yellow-active: #DA950BFF;
43
+ --on-light-syntax-orange: #85380C;
44
+ --on-light-syntax-orange-hover: #B14B10FF;
45
+ --on-light-syntax-orange-active: #5D2809FF;
46
+ --on-light-syntax-pink: #9B0D46;
47
+ --on-light-syntax-pink-hover: #CB105BFF;
48
+ --on-light-syntax-pink-active: #760A35FF;
49
+ --on-light-syntax-spring: #629405;
50
+ --on-light-syntax-spring-hover: #82C507FF;
51
+ --on-light-syntax-spring-active: #486C04FF;
52
+ --on-light-syntax-sky-blue: #0492B9;
53
+ --on-light-syntax-sky-blue-hover: #05B9EBFF;
54
+ --on-light-syntax-sky-blue-active: #037291FF;
55
+ --on-light-syntax-red: #FF3D51;
56
+ --on-light-syntax-red-hover: #FF8F9AFF;
57
+ --on-light-syntax-red-active: #FF142CFF;
58
+ --inverse-syntax-yellow: #F3A912;
59
+ --inverse-syntax-yellow-hover: #F8CB72FF;
60
+ --inverse-syntax-yellow-active: #DA950BFF;
61
+ --inverse-syntax-orange: #85380C;
62
+ --inverse-syntax-orange-hover: #B14B10FF;
63
+ --inverse-syntax-orange-active: #5D2809FF;
64
+ --inverse-syntax-pink: #9B0D46;
65
+ --inverse-syntax-pink-hover: #CB105BFF;
66
+ --inverse-syntax-pink-active: #760A35FF;
67
+ --inverse-syntax-spring: #629405;
68
+ --inverse-syntax-spring-hover: #82C507FF;
69
+ --inverse-syntax-spring-active: #486C04FF;
70
+ --inverse-syntax-sky-blue: #0492B9;
71
+ --inverse-syntax-sky-blue-hover: #05B9EBFF;
72
+ --inverse-syntax-sky-blue-active: #037291FF;
73
+ --inverse-syntax-red: #FF3D51;
74
+ --inverse-syntax-red-hover: #FF8F9AFF;
75
+ --inverse-syntax-red-active: #FF142CFF;
4
76
  --text-primary-hover: #F5F5F593;
5
77
  --text-primary-active: #F5F5F5C4;
6
78
  --text-primary: #F5F5F5F5;
@@ -893,6 +965,78 @@
893
965
  }
894
966
 
895
967
  .light {
968
+ --syntax-yellow: #F3A912;
969
+ --syntax-yellow-hover: #F8CB72FF;
970
+ --syntax-yellow-active: #DA950BFF;
971
+ --syntax-orange-hover: #B14B10FF;
972
+ --syntax-orange-active: #5D2809FF;
973
+ --syntax-pink-hover: #CB105BFF;
974
+ --syntax-pink-active: #760A35FF;
975
+ --syntax-spring-hover: #82C507FF;
976
+ --syntax-spring-active: #486C04FF;
977
+ --syntax-sky-blue-hover: #05B9EBFF;
978
+ --syntax-sky-blue-active: #037291FF;
979
+ --syntax-red-hover: #FF8F9AFF;
980
+ --syntax-red-active: #FF142CFF;
981
+ --syntax-orange: #85380C;
982
+ --syntax-pink: #9B0D46;
983
+ --syntax-spring: #629405;
984
+ --syntax-sky-blue: #0492B9;
985
+ --syntax-red: #FF3D51;
986
+ --on-dark-syntax-yellow: #F3A912;
987
+ --on-dark-syntax-yellow-hover: #F7C45FFF;
988
+ --on-dark-syntax-yellow-active: #DA950BFF;
989
+ --on-dark-syntax-orange: #FFB38A;
990
+ --on-dark-syntax-orange-hover: #FFE8DBFF;
991
+ --on-dark-syntax-orange-active: #FF9F6BFF;
992
+ --on-dark-syntax-pink: #FF4791;
993
+ --on-dark-syntax-pink-hover: #FF99C2FF;
994
+ --on-dark-syntax-pink-active: #FF297EFF;
995
+ --on-dark-syntax-spring: #C5FC5F;
996
+ --on-dark-syntax-spring-hover: #E2FDAFFF;
997
+ --on-dark-syntax-spring-active: #BAFB41FF;
998
+ --on-dark-syntax-sky-blue: #8AE6FF;
999
+ --on-dark-syntax-sky-blue-hover: #DBF7FFFF;
1000
+ --on-dark-syntax-sky-blue-active: #6BDFFFFF;
1001
+ --on-dark-syntax-red: #FF8F9A;
1002
+ --on-dark-syntax-red-hover: #FFE0E3FF;
1003
+ --on-dark-syntax-red-active: #FF707EFF;
1004
+ --on-light-syntax-yellow: #F3A912;
1005
+ --on-light-syntax-yellow-hover: #F8CB72FF;
1006
+ --on-light-syntax-yellow-active: #DA950BFF;
1007
+ --on-light-syntax-orange: #85380C;
1008
+ --on-light-syntax-orange-hover: #B14B10FF;
1009
+ --on-light-syntax-orange-active: #5D2809FF;
1010
+ --on-light-syntax-pink: #9B0D46;
1011
+ --on-light-syntax-pink-hover: #CB105BFF;
1012
+ --on-light-syntax-pink-active: #760A35FF;
1013
+ --on-light-syntax-spring: #629405;
1014
+ --on-light-syntax-spring-hover: #82C507FF;
1015
+ --on-light-syntax-spring-active: #486C04FF;
1016
+ --on-light-syntax-sky-blue: #0492B9;
1017
+ --on-light-syntax-sky-blue-hover: #05B9EBFF;
1018
+ --on-light-syntax-sky-blue-active: #037291FF;
1019
+ --on-light-syntax-red: #FF3D51;
1020
+ --on-light-syntax-red-hover: #FF8F9AFF;
1021
+ --on-light-syntax-red-active: #FF142CFF;
1022
+ --inverse-syntax-yellow: #F3A912;
1023
+ --inverse-syntax-yellow-hover: #F7C45FFF;
1024
+ --inverse-syntax-yellow-active: #DA950BFF;
1025
+ --inverse-syntax-orange-hover: #FFE8DBFF;
1026
+ --inverse-syntax-orange-active: #FF9F6BFF;
1027
+ --inverse-syntax-pink-hover: #FF99C2FF;
1028
+ --inverse-syntax-pink-active: #FF297EFF;
1029
+ --inverse-syntax-spring-hover: #E2FDAFFF;
1030
+ --inverse-syntax-spring-active: #BAFB41FF;
1031
+ --inverse-syntax-sky-blue-hover: #DBF7FFFF;
1032
+ --inverse-syntax-sky-blue-active: #6BDFFFFF;
1033
+ --inverse-syntax-red-hover: #FFE0E3FF;
1034
+ --inverse-syntax-red-active: #FF707EFF;
1035
+ --inverse-syntax-orange: #FFB38A;
1036
+ --inverse-syntax-pink: #FF4791;
1037
+ --inverse-syntax-spring: #C5FC5F;
1038
+ --inverse-syntax-sky-blue: #8AE6FF;
1039
+ --inverse-syntax-red: #FF8F9A;
896
1040
  --text-primary-hover: #17171793;
897
1041
  --text-primary-active: #171717C4;
898
1042
  --text-primary: #171717F5;
package/css/sdds_serv__dark.css CHANGED
@@ -1,6 +1,78 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-yellow-hover: #F7C45FFF;
6
+ --syntax-yellow-active: #DA950BFF;
7
+ --syntax-orange: #FFB38A;
8
+ --syntax-orange-hover: #FFE8DBFF;
9
+ --syntax-orange-active: #FF9F6BFF;
10
+ --syntax-pink: #FF4791;
11
+ --syntax-pink-hover: #FF99C2FF;
12
+ --syntax-pink-active: #FF297EFF;
13
+ --syntax-spring: #C5FC5F;
14
+ --syntax-spring-hover: #E2FDAFFF;
15
+ --syntax-spring-active: #BAFB41FF;
16
+ --syntax-sky-blue: #8AE6FF;
17
+ --syntax-sky-blue-hover: #DBF7FFFF;
18
+ --syntax-sky-blue-active: #6BDFFFFF;
19
+ --syntax-red: #FF8F9A;
20
+ --syntax-red-hover: #FFE0E3FF;
21
+ --syntax-red-active: #FF707EFF;
22
+ --on-dark-syntax-yellow: #F3A912;
23
+ --on-dark-syntax-yellow-hover: #F7C45FFF;
24
+ --on-dark-syntax-yellow-active: #DA950BFF;
25
+ --on-dark-syntax-orange: #FFB38A;
26
+ --on-dark-syntax-orange-hover: #FFE8DBFF;
27
+ --on-dark-syntax-orange-active: #FF9F6BFF;
28
+ --on-dark-syntax-pink: #FF4791;
29
+ --on-dark-syntax-pink-hover: #FF99C2FF;
30
+ --on-dark-syntax-pink-active: #FF297EFF;
31
+ --on-dark-syntax-spring: #C5FC5F;
32
+ --on-dark-syntax-spring-hover: #E2FDAFFF;
33
+ --on-dark-syntax-spring-active: #BAFB41FF;
34
+ --on-dark-syntax-sky-blue: #8AE6FF;
35
+ --on-dark-syntax-sky-blue-hover: #DBF7FFFF;
36
+ --on-dark-syntax-sky-blue-active: #6BDFFFFF;
37
+ --on-dark-syntax-red: #FF8F9A;
38
+ --on-dark-syntax-red-hover: #FFE0E3FF;
39
+ --on-dark-syntax-red-active: #FF707EFF;
40
+ --on-light-syntax-yellow: #F3A912;
41
+ --on-light-syntax-yellow-hover: #F8CB72FF;
42
+ --on-light-syntax-yellow-active: #DA950BFF;
43
+ --on-light-syntax-orange: #85380C;
44
+ --on-light-syntax-orange-hover: #B14B10FF;
45
+ --on-light-syntax-orange-active: #5D2809FF;
46
+ --on-light-syntax-pink: #9B0D46;
47
+ --on-light-syntax-pink-hover: #CB105BFF;
48
+ --on-light-syntax-pink-active: #760A35FF;
49
+ --on-light-syntax-spring: #629405;
50
+ --on-light-syntax-spring-hover: #82C507FF;
51
+ --on-light-syntax-spring-active: #486C04FF;
52
+ --on-light-syntax-sky-blue: #0492B9;
53
+ --on-light-syntax-sky-blue-hover: #05B9EBFF;
54
+ --on-light-syntax-sky-blue-active: #037291FF;
55
+ --on-light-syntax-red: #FF3D51;
56
+ --on-light-syntax-red-hover: #FF8F9AFF;
57
+ --on-light-syntax-red-active: #FF142CFF;
58
+ --inverse-syntax-yellow: #F3A912;
59
+ --inverse-syntax-yellow-hover: #F8CB72FF;
60
+ --inverse-syntax-yellow-active: #DA950BFF;
61
+ --inverse-syntax-orange: #85380C;
62
+ --inverse-syntax-orange-hover: #B14B10FF;
63
+ --inverse-syntax-orange-active: #5D2809FF;
64
+ --inverse-syntax-pink: #9B0D46;
65
+ --inverse-syntax-pink-hover: #CB105BFF;
66
+ --inverse-syntax-pink-active: #760A35FF;
67
+ --inverse-syntax-spring: #629405;
68
+ --inverse-syntax-spring-hover: #82C507FF;
69
+ --inverse-syntax-spring-active: #486C04FF;
70
+ --inverse-syntax-sky-blue: #0492B9;
71
+ --inverse-syntax-sky-blue-hover: #05B9EBFF;
72
+ --inverse-syntax-sky-blue-active: #037291FF;
73
+ --inverse-syntax-red: #FF3D51;
74
+ --inverse-syntax-red-hover: #FF8F9AFF;
75
+ --inverse-syntax-red-active: #FF142CFF;
4
76
  --text-primary-hover: #F5F5F593;
5
77
  --text-primary-active: #F5F5F5C4;
6
78
  --text-primary: #F5F5F5F5;
package/css/sdds_serv__light.css CHANGED
@@ -1,6 +1,78 @@
1
1
  /* Generated by robots, do not change this manually! */
2
2
 
3
3
  :root {
4
+ --syntax-yellow: #F3A912;
5
+ --syntax-yellow-hover: #F8CB72FF;
6
+ --syntax-yellow-active: #DA950BFF;
7
+ --syntax-orange-hover: #B14B10FF;
8
+ --syntax-orange-active: #5D2809FF;
9
+ --syntax-pink-hover: #CB105BFF;
10
+ --syntax-pink-active: #760A35FF;
11
+ --syntax-spring-hover: #82C507FF;
12
+ --syntax-spring-active: #486C04FF;
13
+ --syntax-sky-blue-hover: #05B9EBFF;
14
+ --syntax-sky-blue-active: #037291FF;
15
+ --syntax-red-hover: #FF8F9AFF;
16
+ --syntax-red-active: #FF142CFF;
17
+ --syntax-orange: #85380C;
18
+ --syntax-pink: #9B0D46;
19
+ --syntax-spring: #629405;
20
+ --syntax-sky-blue: #0492B9;
21
+ --syntax-red: #FF3D51;
22
+ --on-dark-syntax-yellow: #F3A912;
23
+ --on-dark-syntax-yellow-hover: #F7C45FFF;
24
+ --on-dark-syntax-yellow-active: #DA950BFF;
25
+ --on-dark-syntax-orange: #FFB38A;
26
+ --on-dark-syntax-orange-hover: #FFE8DBFF;
27
+ --on-dark-syntax-orange-active: #FF9F6BFF;
28
+ --on-dark-syntax-pink: #FF4791;
29
+ --on-dark-syntax-pink-hover: #FF99C2FF;
30
+ --on-dark-syntax-pink-active: #FF297EFF;
31
+ --on-dark-syntax-spring: #C5FC5F;
32
+ --on-dark-syntax-spring-hover: #E2FDAFFF;
33
+ --on-dark-syntax-spring-active: #BAFB41FF;
34
+ --on-dark-syntax-sky-blue: #8AE6FF;
35
+ --on-dark-syntax-sky-blue-hover: #DBF7FFFF;
36
+ --on-dark-syntax-sky-blue-active: #6BDFFFFF;
37
+ --on-dark-syntax-red: #FF8F9A;
38
+ --on-dark-syntax-red-hover: #FFE0E3FF;
39
+ --on-dark-syntax-red-active: #FF707EFF;
40
+ --on-light-syntax-yellow: #F3A912;
41
+ --on-light-syntax-yellow-hover: #F8CB72FF;
42
+ --on-light-syntax-yellow-active: #DA950BFF;
43
+ --on-light-syntax-orange: #85380C;
44
+ --on-light-syntax-orange-hover: #B14B10FF;
45
+ --on-light-syntax-orange-active: #5D2809FF;
46
+ --on-light-syntax-pink: #9B0D46;
47
+ --on-light-syntax-pink-hover: #CB105BFF;
48
+ --on-light-syntax-pink-active: #760A35FF;
49
+ --on-light-syntax-spring: #629405;
50
+ --on-light-syntax-spring-hover: #82C507FF;
51
+ --on-light-syntax-spring-active: #486C04FF;
52
+ --on-light-syntax-sky-blue: #0492B9;
53
+ --on-light-syntax-sky-blue-hover: #05B9EBFF;
54
+ --on-light-syntax-sky-blue-active: #037291FF;
55
+ --on-light-syntax-red: #FF3D51;
56
+ --on-light-syntax-red-hover: #FF8F9AFF;
57
+ --on-light-syntax-red-active: #FF142CFF;
58
+ --inverse-syntax-yellow: #F3A912;
59
+ --inverse-syntax-yellow-hover: #F7C45FFF;
60
+ --inverse-syntax-yellow-active: #DA950BFF;
61
+ --inverse-syntax-orange-hover: #FFE8DBFF;
62
+ --inverse-syntax-orange-active: #FF9F6BFF;
63
+ --inverse-syntax-pink-hover: #FF99C2FF;
64
+ --inverse-syntax-pink-active: #FF297EFF;
65
+ --inverse-syntax-spring-hover: #E2FDAFFF;
66
+ --inverse-syntax-spring-active: #BAFB41FF;
67
+ --inverse-syntax-sky-blue-hover: #DBF7FFFF;
68
+ --inverse-syntax-sky-blue-active: #6BDFFFFF;
69
+ --inverse-syntax-red-hover: #FFE0E3FF;
70
+ --inverse-syntax-red-active: #FF707EFF;
71
+ --inverse-syntax-orange: #FFB38A;
72
+ --inverse-syntax-pink: #FF4791;
73
+ --inverse-syntax-spring: #C5FC5F;
74
+ --inverse-syntax-sky-blue: #8AE6FF;
75
+ --inverse-syntax-red: #FF8F9A;
4
76
  --text-primary-hover: #17171793;
5
77
  --text-primary-active: #171717C4;
6
78
  --text-primary: #171717F5;