@gainsight-hub/design-tokens 0.2.2 → 0.2.4
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/dist/applyThemeConfig.js +22 -6
- package/dist/styles.css +48 -51
- package/dist/tailwind.preset.cjs +3 -16
- package/dist/tailwind.preset.mjs +3 -16
- package/dist/theme-manifest.json +180 -5
- package/dist/themes/legacy.css +11 -3
- package/dist/token-catalog.json +258 -376
- package/dist/tokens.d.ts +18 -15
- package/dist/tokens.js +51 -56
- package/dist/tokens.json +59 -56
- package/dist/tokens.scss +51 -56
- package/package.json +1 -1
package/dist/token-catalog.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "0.1.0",
|
|
3
|
-
"generatedAt": "2026-06-
|
|
3
|
+
"generatedAt": "2026-06-30T06:28:56.777Z",
|
|
4
4
|
"scales": {
|
|
5
5
|
"brand": {
|
|
6
6
|
"seedVar": "--theme-brand-700",
|
|
@@ -9,52 +9,52 @@
|
|
|
9
9
|
{
|
|
10
10
|
"step": "100",
|
|
11
11
|
"cssVar": "--theme-brand-100",
|
|
12
|
-
"value": "#
|
|
12
|
+
"value": "#F2F0FF"
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
"step": "200",
|
|
16
16
|
"cssVar": "--theme-brand-200",
|
|
17
|
-
"value": "#
|
|
17
|
+
"value": "#DCD8FD"
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
20
|
"step": "300",
|
|
21
21
|
"cssVar": "--theme-brand-300",
|
|
22
|
-
"value": "#
|
|
22
|
+
"value": "#B3ACF6"
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
"step": "400",
|
|
26
26
|
"cssVar": "--theme-brand-400",
|
|
27
|
-
"value": "#
|
|
27
|
+
"value": "#978FEF"
|
|
28
28
|
},
|
|
29
29
|
{
|
|
30
30
|
"step": "500",
|
|
31
31
|
"cssVar": "--theme-brand-500",
|
|
32
|
-
"value": "#
|
|
32
|
+
"value": "#877EE7"
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"step": "600",
|
|
36
36
|
"cssVar": "--theme-brand-600",
|
|
37
|
-
"value": "#
|
|
37
|
+
"value": "#7970DB"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
"step": "700",
|
|
41
41
|
"cssVar": "--theme-brand-700",
|
|
42
|
-
"value": "#
|
|
42
|
+
"value": "#645DC6"
|
|
43
43
|
},
|
|
44
44
|
{
|
|
45
45
|
"step": "800",
|
|
46
46
|
"cssVar": "--theme-brand-800",
|
|
47
|
-
"value": "#
|
|
47
|
+
"value": "#544DB2"
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
50
|
"step": "900",
|
|
51
51
|
"cssVar": "--theme-brand-900",
|
|
52
|
-
"value": "#
|
|
52
|
+
"value": "#2F2C63"
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
"step": "1000",
|
|
56
56
|
"cssVar": "--theme-brand-1000",
|
|
57
|
-
"value": "#
|
|
57
|
+
"value": "#28273F"
|
|
58
58
|
}
|
|
59
59
|
]
|
|
60
60
|
},
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
"cssVar": "--color-action-primary-default",
|
|
127
127
|
"path": "color.action.primary.default",
|
|
128
128
|
"type": "color",
|
|
129
|
-
"value": "#
|
|
129
|
+
"value": "#645DC6",
|
|
130
130
|
"description": "default color used for the most prominent call-to-action in the interface",
|
|
131
131
|
"references": "color.brand.700",
|
|
132
132
|
"derivedFrom": "brand",
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
"cssVar": "--color-action-primary-hover",
|
|
137
137
|
"path": "color.action.primary.hover",
|
|
138
138
|
"type": "color",
|
|
139
|
-
"value": "#
|
|
139
|
+
"value": "#544DB2",
|
|
140
140
|
"description": "color used when a primary action is hovered",
|
|
141
141
|
"references": "color.brand.800",
|
|
142
142
|
"derivedFrom": "brand",
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
"cssVar": "--color-action-primary-pressed",
|
|
147
147
|
"path": "color.action.primary.pressed",
|
|
148
148
|
"type": "color",
|
|
149
|
-
"value": "#
|
|
149
|
+
"value": "#2F2C63",
|
|
150
150
|
"description": "color used when a primary action is actively pressed",
|
|
151
151
|
"references": "color.brand.900",
|
|
152
152
|
"derivedFrom": "brand",
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
"cssVar": "--color-community-highlighted",
|
|
157
157
|
"path": "color.community.highlighted",
|
|
158
158
|
"type": "color",
|
|
159
|
-
"value": "#
|
|
159
|
+
"value": "#645DC6",
|
|
160
160
|
"description": "color used to highlight content that is featured or editorially promoted",
|
|
161
161
|
"references": "color.brand.700",
|
|
162
162
|
"derivedFrom": "brand",
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
"cssVar": "--color-community-pinned",
|
|
167
167
|
"path": "color.community.pinned",
|
|
168
168
|
"type": "color",
|
|
169
|
-
"value": "#
|
|
169
|
+
"value": "#645DC6",
|
|
170
170
|
"description": "color used to indicate content that is pinned and prioritized in listings",
|
|
171
171
|
"references": "color.brand.700",
|
|
172
172
|
"derivedFrom": "brand",
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
"cssVar": "--color-link-default",
|
|
177
177
|
"path": "color.link.default",
|
|
178
178
|
"type": "color",
|
|
179
|
-
"value": "#
|
|
179
|
+
"value": "#645DC6",
|
|
180
180
|
"description": "default color used for interactive text links",
|
|
181
181
|
"references": "color.brand.700",
|
|
182
182
|
"derivedFrom": "brand",
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
"cssVar": "--color-link-hover",
|
|
187
187
|
"path": "color.link.hover",
|
|
188
188
|
"type": "color",
|
|
189
|
-
"value": "#
|
|
189
|
+
"value": "#544DB2",
|
|
190
190
|
"description": "color used for interactive text links on hover",
|
|
191
191
|
"references": "color.brand.800",
|
|
192
192
|
"derivedFrom": "brand",
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
"cssVar": "--color-action-destructive-hover",
|
|
451
451
|
"path": "color.action.destructive.hover",
|
|
452
452
|
"type": "color",
|
|
453
|
-
"value": "#
|
|
453
|
+
"value": "#ae2424",
|
|
454
454
|
"description": "color used when a destructive action is hovered",
|
|
455
455
|
"references": "color.red.800",
|
|
456
456
|
"derivedFrom": "status",
|
|
@@ -518,16 +518,6 @@
|
|
|
518
518
|
}
|
|
519
519
|
],
|
|
520
520
|
"typography": [
|
|
521
|
-
{
|
|
522
|
-
"cssVar": "--text-hero-font-family",
|
|
523
|
-
"path": "text.hero.font.family",
|
|
524
|
-
"type": "fontFamilies",
|
|
525
|
-
"value": "Roboto",
|
|
526
|
-
"description": null,
|
|
527
|
-
"references": "font.family.sans",
|
|
528
|
-
"derivedFrom": "typography",
|
|
529
|
-
"legacyMapping": null
|
|
530
|
-
},
|
|
531
521
|
{
|
|
532
522
|
"cssVar": "--text-hero-font-weight",
|
|
533
523
|
"path": "text.hero.font.weight",
|
|
@@ -558,16 +548,6 @@
|
|
|
558
548
|
"derivedFrom": "typography",
|
|
559
549
|
"legacyMapping": null
|
|
560
550
|
},
|
|
561
|
-
{
|
|
562
|
-
"cssVar": "--text-heading-small-font-family",
|
|
563
|
-
"path": "text.heading.small.font.family",
|
|
564
|
-
"type": "fontFamilies",
|
|
565
|
-
"value": "Roboto",
|
|
566
|
-
"description": null,
|
|
567
|
-
"references": "font.family.sans",
|
|
568
|
-
"derivedFrom": "typography",
|
|
569
|
-
"legacyMapping": null
|
|
570
|
-
},
|
|
571
551
|
{
|
|
572
552
|
"cssVar": "--text-heading-small-font-weight",
|
|
573
553
|
"path": "text.heading.small.font.weight",
|
|
@@ -598,16 +578,6 @@
|
|
|
598
578
|
"derivedFrom": "typography",
|
|
599
579
|
"legacyMapping": null
|
|
600
580
|
},
|
|
601
|
-
{
|
|
602
|
-
"cssVar": "--text-heading-medium-font-family",
|
|
603
|
-
"path": "text.heading.medium.font.family",
|
|
604
|
-
"type": "fontFamilies",
|
|
605
|
-
"value": "Roboto",
|
|
606
|
-
"description": null,
|
|
607
|
-
"references": "font.family.sans",
|
|
608
|
-
"derivedFrom": "typography",
|
|
609
|
-
"legacyMapping": null
|
|
610
|
-
},
|
|
611
581
|
{
|
|
612
582
|
"cssVar": "--text-heading-medium-font-weight",
|
|
613
583
|
"path": "text.heading.medium.font.weight",
|
|
@@ -638,16 +608,6 @@
|
|
|
638
608
|
"derivedFrom": "typography",
|
|
639
609
|
"legacyMapping": null
|
|
640
610
|
},
|
|
641
|
-
{
|
|
642
|
-
"cssVar": "--text-heading-large-font-family",
|
|
643
|
-
"path": "text.heading.large.font.family",
|
|
644
|
-
"type": "fontFamilies",
|
|
645
|
-
"value": "Roboto",
|
|
646
|
-
"description": null,
|
|
647
|
-
"references": "font.family.sans",
|
|
648
|
-
"derivedFrom": "typography",
|
|
649
|
-
"legacyMapping": null
|
|
650
|
-
},
|
|
651
611
|
{
|
|
652
612
|
"cssVar": "--text-heading-large-font-weight",
|
|
653
613
|
"path": "text.heading.large.font.weight",
|
|
@@ -678,16 +638,6 @@
|
|
|
678
638
|
"derivedFrom": "typography",
|
|
679
639
|
"legacyMapping": null
|
|
680
640
|
},
|
|
681
|
-
{
|
|
682
|
-
"cssVar": "--text-heading-xlarge-font-family",
|
|
683
|
-
"path": "text.heading.xlarge.font.family",
|
|
684
|
-
"type": "fontFamilies",
|
|
685
|
-
"value": "Roboto",
|
|
686
|
-
"description": null,
|
|
687
|
-
"references": "font.family.sans",
|
|
688
|
-
"derivedFrom": "typography",
|
|
689
|
-
"legacyMapping": null
|
|
690
|
-
},
|
|
691
641
|
{
|
|
692
642
|
"cssVar": "--text-heading-xlarge-font-weight",
|
|
693
643
|
"path": "text.heading.xlarge.font.weight",
|
|
@@ -718,16 +668,6 @@
|
|
|
718
668
|
"derivedFrom": "typography",
|
|
719
669
|
"legacyMapping": null
|
|
720
670
|
},
|
|
721
|
-
{
|
|
722
|
-
"cssVar": "--text-body-small-font-family",
|
|
723
|
-
"path": "text.body.small.font.family",
|
|
724
|
-
"type": "fontFamilies",
|
|
725
|
-
"value": "Roboto",
|
|
726
|
-
"description": null,
|
|
727
|
-
"references": "font.family.sans",
|
|
728
|
-
"derivedFrom": "typography",
|
|
729
|
-
"legacyMapping": null
|
|
730
|
-
},
|
|
731
671
|
{
|
|
732
672
|
"cssVar": "--text-body-small-font-weight",
|
|
733
673
|
"path": "text.body.small.font.weight",
|
|
@@ -758,16 +698,6 @@
|
|
|
758
698
|
"derivedFrom": "typography",
|
|
759
699
|
"legacyMapping": null
|
|
760
700
|
},
|
|
761
|
-
{
|
|
762
|
-
"cssVar": "--text-body-medium-font-family",
|
|
763
|
-
"path": "text.body.medium.font.family",
|
|
764
|
-
"type": "fontFamilies",
|
|
765
|
-
"value": "Roboto",
|
|
766
|
-
"description": null,
|
|
767
|
-
"references": "font.family.sans",
|
|
768
|
-
"derivedFrom": "typography",
|
|
769
|
-
"legacyMapping": null
|
|
770
|
-
},
|
|
771
701
|
{
|
|
772
702
|
"cssVar": "--text-body-medium-font-weight",
|
|
773
703
|
"path": "text.body.medium.font.weight",
|
|
@@ -798,16 +728,6 @@
|
|
|
798
728
|
"derivedFrom": "typography",
|
|
799
729
|
"legacyMapping": null
|
|
800
730
|
},
|
|
801
|
-
{
|
|
802
|
-
"cssVar": "--text-body-large-font-family",
|
|
803
|
-
"path": "text.body.large.font.family",
|
|
804
|
-
"type": "fontFamilies",
|
|
805
|
-
"value": "Roboto",
|
|
806
|
-
"description": null,
|
|
807
|
-
"references": "font.family.sans",
|
|
808
|
-
"derivedFrom": "typography",
|
|
809
|
-
"legacyMapping": null
|
|
810
|
-
},
|
|
811
731
|
{
|
|
812
732
|
"cssVar": "--text-body-large-font-weight",
|
|
813
733
|
"path": "text.body.large.font.weight",
|
|
@@ -838,16 +758,6 @@
|
|
|
838
758
|
"derivedFrom": "typography",
|
|
839
759
|
"legacyMapping": null
|
|
840
760
|
},
|
|
841
|
-
{
|
|
842
|
-
"cssVar": "--text-navigation-font-family",
|
|
843
|
-
"path": "text.navigation.font.family",
|
|
844
|
-
"type": "fontFamilies",
|
|
845
|
-
"value": "Roboto",
|
|
846
|
-
"description": null,
|
|
847
|
-
"references": "font.family.sans",
|
|
848
|
-
"derivedFrom": "typography",
|
|
849
|
-
"legacyMapping": null
|
|
850
|
-
},
|
|
851
761
|
{
|
|
852
762
|
"cssVar": "--text-navigation-font-weight",
|
|
853
763
|
"path": "text.navigation.font.weight",
|
|
@@ -878,16 +788,6 @@
|
|
|
878
788
|
"derivedFrom": "typography",
|
|
879
789
|
"legacyMapping": null
|
|
880
790
|
},
|
|
881
|
-
{
|
|
882
|
-
"cssVar": "--text-menu-font-family",
|
|
883
|
-
"path": "text.menu.font.family",
|
|
884
|
-
"type": "fontFamilies",
|
|
885
|
-
"value": "Roboto",
|
|
886
|
-
"description": null,
|
|
887
|
-
"references": "font.family.sans",
|
|
888
|
-
"derivedFrom": "typography",
|
|
889
|
-
"legacyMapping": null
|
|
890
|
-
},
|
|
891
791
|
{
|
|
892
792
|
"cssVar": "--text-menu-font-weight",
|
|
893
793
|
"path": "text.menu.font.weight",
|
|
@@ -918,16 +818,6 @@
|
|
|
918
818
|
"derivedFrom": "typography",
|
|
919
819
|
"legacyMapping": null
|
|
920
820
|
},
|
|
921
|
-
{
|
|
922
|
-
"cssVar": "--text-button-font-family",
|
|
923
|
-
"path": "text.button.font.family",
|
|
924
|
-
"type": "fontFamilies",
|
|
925
|
-
"value": "Roboto",
|
|
926
|
-
"description": null,
|
|
927
|
-
"references": "font.family.sans",
|
|
928
|
-
"derivedFrom": "typography",
|
|
929
|
-
"legacyMapping": null
|
|
930
|
-
},
|
|
931
821
|
{
|
|
932
822
|
"cssVar": "--text-button-font-weight",
|
|
933
823
|
"path": "text.button.font.weight",
|
|
@@ -958,16 +848,6 @@
|
|
|
958
848
|
"derivedFrom": "typography",
|
|
959
849
|
"legacyMapping": null
|
|
960
850
|
},
|
|
961
|
-
{
|
|
962
|
-
"cssVar": "--text-label-small-font-family",
|
|
963
|
-
"path": "text.label.small.font.family",
|
|
964
|
-
"type": "fontFamilies",
|
|
965
|
-
"value": "Roboto",
|
|
966
|
-
"description": null,
|
|
967
|
-
"references": "font.family.sans",
|
|
968
|
-
"derivedFrom": "typography",
|
|
969
|
-
"legacyMapping": null
|
|
970
|
-
},
|
|
971
851
|
{
|
|
972
852
|
"cssVar": "--text-label-small-font-weight",
|
|
973
853
|
"path": "text.label.small.font.weight",
|
|
@@ -998,16 +878,6 @@
|
|
|
998
878
|
"derivedFrom": "typography",
|
|
999
879
|
"legacyMapping": null
|
|
1000
880
|
},
|
|
1001
|
-
{
|
|
1002
|
-
"cssVar": "--text-label-medium-font-family",
|
|
1003
|
-
"path": "text.label.medium.font.family",
|
|
1004
|
-
"type": "fontFamilies",
|
|
1005
|
-
"value": "Roboto",
|
|
1006
|
-
"description": null,
|
|
1007
|
-
"references": "font.family.sans",
|
|
1008
|
-
"derivedFrom": "typography",
|
|
1009
|
-
"legacyMapping": null
|
|
1010
|
-
},
|
|
1011
881
|
{
|
|
1012
882
|
"cssVar": "--text-label-medium-font-weight",
|
|
1013
883
|
"path": "text.label.medium.font.weight",
|
|
@@ -1038,16 +908,6 @@
|
|
|
1038
908
|
"derivedFrom": "typography",
|
|
1039
909
|
"legacyMapping": null
|
|
1040
910
|
},
|
|
1041
|
-
{
|
|
1042
|
-
"cssVar": "--text-caption-font-family",
|
|
1043
|
-
"path": "text.caption.font.family",
|
|
1044
|
-
"type": "fontFamilies",
|
|
1045
|
-
"value": "Roboto",
|
|
1046
|
-
"description": null,
|
|
1047
|
-
"references": "font.family.sans",
|
|
1048
|
-
"derivedFrom": "typography",
|
|
1049
|
-
"legacyMapping": null
|
|
1050
|
-
},
|
|
1051
911
|
{
|
|
1052
912
|
"cssVar": "--text-caption-font-weight",
|
|
1053
913
|
"path": "text.caption.font.weight",
|
|
@@ -1078,16 +938,6 @@
|
|
|
1078
938
|
"derivedFrom": "typography",
|
|
1079
939
|
"legacyMapping": null
|
|
1080
940
|
},
|
|
1081
|
-
{
|
|
1082
|
-
"cssVar": "--text-code-font-family",
|
|
1083
|
-
"path": "text.code.font.family",
|
|
1084
|
-
"type": "fontFamilies",
|
|
1085
|
-
"value": "Roboto Mono",
|
|
1086
|
-
"description": null,
|
|
1087
|
-
"references": "font.family.mono",
|
|
1088
|
-
"derivedFrom": "typography",
|
|
1089
|
-
"legacyMapping": null
|
|
1090
|
-
},
|
|
1091
941
|
{
|
|
1092
942
|
"cssVar": "--text-code-font-weight",
|
|
1093
943
|
"path": "text.code.font.weight",
|
|
@@ -1165,6 +1015,28 @@
|
|
|
1165
1015
|
]
|
|
1166
1016
|
},
|
|
1167
1017
|
"components": {
|
|
1018
|
+
"backtotop": [
|
|
1019
|
+
{
|
|
1020
|
+
"cssVar": "--backtotop-background",
|
|
1021
|
+
"path": "backtotop.background",
|
|
1022
|
+
"type": "color",
|
|
1023
|
+
"value": "#2B3346",
|
|
1024
|
+
"description": "Back-to-top button background.",
|
|
1025
|
+
"references": "color.surface.inverse",
|
|
1026
|
+
"derivedFrom": "surface",
|
|
1027
|
+
"legacyMapping": "$config-footer-background-color"
|
|
1028
|
+
},
|
|
1029
|
+
{
|
|
1030
|
+
"cssVar": "--backtotop-content",
|
|
1031
|
+
"path": "backtotop.content",
|
|
1032
|
+
"type": "color",
|
|
1033
|
+
"value": "#FFFFFF",
|
|
1034
|
+
"description": "Back-to-top button icon/content color.",
|
|
1035
|
+
"references": "color.content.inverse",
|
|
1036
|
+
"derivedFrom": "content",
|
|
1037
|
+
"legacyMapping": "$config-footer-color"
|
|
1038
|
+
}
|
|
1039
|
+
],
|
|
1168
1040
|
"button": [
|
|
1169
1041
|
{
|
|
1170
1042
|
"cssVar": "--button-radius",
|
|
@@ -1210,7 +1082,7 @@
|
|
|
1210
1082
|
"cssVar": "--button-primary-background-default",
|
|
1211
1083
|
"path": "button.primary.background.default",
|
|
1212
1084
|
"type": "color",
|
|
1213
|
-
"value": "#
|
|
1085
|
+
"value": "#645DC6",
|
|
1214
1086
|
"description": "Primary button background in default state.",
|
|
1215
1087
|
"references": "color.action.primary.default",
|
|
1216
1088
|
"derivedFrom": "action",
|
|
@@ -1220,7 +1092,7 @@
|
|
|
1220
1092
|
"cssVar": "--button-primary-background-hover",
|
|
1221
1093
|
"path": "button.primary.background.hover",
|
|
1222
1094
|
"type": "color",
|
|
1223
|
-
"value": "#
|
|
1095
|
+
"value": "#544DB2",
|
|
1224
1096
|
"description": "Primary button background on hover.",
|
|
1225
1097
|
"references": "color.action.primary.hover",
|
|
1226
1098
|
"derivedFrom": "action",
|
|
@@ -1230,7 +1102,7 @@
|
|
|
1230
1102
|
"cssVar": "--button-primary-background-pressed",
|
|
1231
1103
|
"path": "button.primary.background.pressed",
|
|
1232
1104
|
"type": "color",
|
|
1233
|
-
"value": "#
|
|
1105
|
+
"value": "#2F2C63",
|
|
1234
1106
|
"description": "Primary button background on press.",
|
|
1235
1107
|
"references": "color.action.primary.pressed",
|
|
1236
1108
|
"derivedFrom": "action",
|
|
@@ -1420,7 +1292,7 @@
|
|
|
1420
1292
|
"cssVar": "--button-destructive-background-hover",
|
|
1421
1293
|
"path": "button.destructive.background.hover",
|
|
1422
1294
|
"type": "color",
|
|
1423
|
-
"value": "#
|
|
1295
|
+
"value": "#ae2424",
|
|
1424
1296
|
"description": "Destructive button background on hover.",
|
|
1425
1297
|
"references": "color.action.destructive.hover",
|
|
1426
1298
|
"derivedFrom": "action",
|
|
@@ -1630,7 +1502,7 @@
|
|
|
1630
1502
|
"cssVar": "--button-vote-selected-background-default",
|
|
1631
1503
|
"path": "button.vote.selected.background.default",
|
|
1632
1504
|
"type": "color",
|
|
1633
|
-
"value": "#
|
|
1505
|
+
"value": "#645DC6",
|
|
1634
1506
|
"description": "Vote button background when selected (default).",
|
|
1635
1507
|
"references": "color.action.primary.default",
|
|
1636
1508
|
"derivedFrom": "action",
|
|
@@ -1640,7 +1512,7 @@
|
|
|
1640
1512
|
"cssVar": "--button-vote-selected-background-hover",
|
|
1641
1513
|
"path": "button.vote.selected.background.hover",
|
|
1642
1514
|
"type": "color",
|
|
1643
|
-
"value": "#
|
|
1515
|
+
"value": "#544DB2",
|
|
1644
1516
|
"description": "Vote button background when selected (hovered).",
|
|
1645
1517
|
"references": "color.action.primary.hover",
|
|
1646
1518
|
"derivedFrom": "action",
|
|
@@ -1650,7 +1522,7 @@
|
|
|
1650
1522
|
"cssVar": "--button-vote-selected-background-pressed",
|
|
1651
1523
|
"path": "button.vote.selected.background.pressed",
|
|
1652
1524
|
"type": "color",
|
|
1653
|
-
"value": "#
|
|
1525
|
+
"value": "#2F2C63",
|
|
1654
1526
|
"description": "Vote button background when selected (pressed).",
|
|
1655
1527
|
"references": "color.action.primary.pressed",
|
|
1656
1528
|
"derivedFrom": "action",
|
|
@@ -1842,7 +1714,7 @@
|
|
|
1842
1714
|
"cssVar": "--card-title-hover",
|
|
1843
1715
|
"path": "card.title.hover",
|
|
1844
1716
|
"type": "color",
|
|
1845
|
-
"value": "#
|
|
1717
|
+
"value": "#645DC6",
|
|
1846
1718
|
"description": "Card title color on hover (link styling).",
|
|
1847
1719
|
"references": "color.link.default",
|
|
1848
1720
|
"derivedFrom": "link",
|
|
@@ -1882,7 +1754,7 @@
|
|
|
1882
1754
|
"cssVar": "--card-content-pressed",
|
|
1883
1755
|
"path": "card.content.pressed",
|
|
1884
1756
|
"type": "color",
|
|
1885
|
-
"value": "#
|
|
1757
|
+
"value": "#544DB2",
|
|
1886
1758
|
"description": "Card body/content color on press (link hovered styling).",
|
|
1887
1759
|
"references": "color.link.hover",
|
|
1888
1760
|
"derivedFrom": "link",
|
|
@@ -2064,7 +1936,7 @@
|
|
|
2064
1936
|
"cssVar": "--feed-item-title-hover",
|
|
2065
1937
|
"path": "feed.item.title.hover",
|
|
2066
1938
|
"type": "color",
|
|
2067
|
-
"value": "#
|
|
1939
|
+
"value": "#645DC6",
|
|
2068
1940
|
"description": "Feed item title color on hover (link styling).",
|
|
2069
1941
|
"references": "color.link.default",
|
|
2070
1942
|
"derivedFrom": "link",
|
|
@@ -2074,7 +1946,7 @@
|
|
|
2074
1946
|
"cssVar": "--feed-item-title-pressed",
|
|
2075
1947
|
"path": "feed.item.title.pressed",
|
|
2076
1948
|
"type": "color",
|
|
2077
|
-
"value": "#
|
|
1949
|
+
"value": "#544DB2",
|
|
2078
1950
|
"description": "Feed item title color on press (link hovered styling).",
|
|
2079
1951
|
"references": "color.link.hover",
|
|
2080
1952
|
"derivedFrom": "link",
|
|
@@ -2104,7 +1976,7 @@
|
|
|
2104
1976
|
"cssVar": "--feed-item-content-pressed",
|
|
2105
1977
|
"path": "feed.item.content.pressed",
|
|
2106
1978
|
"type": "color",
|
|
2107
|
-
"value": "#
|
|
1979
|
+
"value": "#544DB2",
|
|
2108
1980
|
"description": "Feed item content color on press (link hovered styling).",
|
|
2109
1981
|
"references": "color.link.hover",
|
|
2110
1982
|
"derivedFrom": "link",
|
|
@@ -2203,26 +2075,86 @@
|
|
|
2203
2075
|
"legacyMapping": "$config-main-navigation-border-bottom-color"
|
|
2204
2076
|
}
|
|
2205
2077
|
],
|
|
2206
|
-
"
|
|
2078
|
+
"sidebar": [
|
|
2207
2079
|
{
|
|
2208
|
-
"cssVar": "--
|
|
2209
|
-
"path": "
|
|
2080
|
+
"cssVar": "--sidebar-background",
|
|
2081
|
+
"path": "sidebar.background",
|
|
2210
2082
|
"type": "color",
|
|
2211
|
-
"value": "#
|
|
2212
|
-
"description": "
|
|
2213
|
-
"references": "color.surface.
|
|
2083
|
+
"value": "#FFFFFF",
|
|
2084
|
+
"description": "Sidebar widget placeholder background color.",
|
|
2085
|
+
"references": "color.surface.default",
|
|
2214
2086
|
"derivedFrom": "surface",
|
|
2215
|
-
"legacyMapping": "$config-
|
|
2087
|
+
"legacyMapping": "$config-sidebar-background-color"
|
|
2216
2088
|
},
|
|
2217
2089
|
{
|
|
2218
|
-
"cssVar": "--
|
|
2219
|
-
"path": "
|
|
2090
|
+
"cssVar": "--sidebar-border-radius",
|
|
2091
|
+
"path": "sidebar.border.radius",
|
|
2092
|
+
"type": "borderRadius",
|
|
2093
|
+
"value": "8px",
|
|
2094
|
+
"description": "Sidebar widget placeholder border radius.",
|
|
2095
|
+
"references": "radius.100",
|
|
2096
|
+
"derivedFrom": "shape",
|
|
2097
|
+
"legacyMapping": "$config-sidebar-border-radius"
|
|
2098
|
+
},
|
|
2099
|
+
{
|
|
2100
|
+
"cssVar": "--sidebar-border-color",
|
|
2101
|
+
"path": "sidebar.border.color",
|
|
2220
2102
|
"type": "color",
|
|
2221
|
-
"value": "#
|
|
2222
|
-
"description": "
|
|
2223
|
-
"references": "color.
|
|
2103
|
+
"value": "#DEDFE2",
|
|
2104
|
+
"description": "Sidebar widget placeholder border color.",
|
|
2105
|
+
"references": "color.line.default",
|
|
2106
|
+
"derivedFrom": "line",
|
|
2107
|
+
"legacyMapping": "$config-sidebar-border-color"
|
|
2108
|
+
},
|
|
2109
|
+
{
|
|
2110
|
+
"cssVar": "--sidebar-border-width",
|
|
2111
|
+
"path": "sidebar.border.width",
|
|
2112
|
+
"type": "borderWidth",
|
|
2113
|
+
"value": "1px",
|
|
2114
|
+
"description": "Sidebar widget placeholder border width.",
|
|
2115
|
+
"references": "border.width.100",
|
|
2116
|
+
"derivedFrom": "shape",
|
|
2117
|
+
"legacyMapping": "$config-sidebar-border-width"
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
"cssVar": "--sidebar-shadow",
|
|
2121
|
+
"path": "sidebar.shadow",
|
|
2122
|
+
"type": "boxShadow",
|
|
2123
|
+
"value": "none",
|
|
2124
|
+
"description": "Sidebar widget placeholder box shadow.",
|
|
2125
|
+
"references": null,
|
|
2126
|
+
"derivedFrom": "static",
|
|
2127
|
+
"legacyMapping": "$config-sidebar-shadow"
|
|
2128
|
+
},
|
|
2129
|
+
{
|
|
2130
|
+
"cssVar": "--sidebar-title-color",
|
|
2131
|
+
"path": "sidebar.title.color",
|
|
2132
|
+
"type": "color",
|
|
2133
|
+
"value": "#2B3346",
|
|
2134
|
+
"description": "Sidebar widget title text color.",
|
|
2135
|
+
"references": "color.content.heading.default",
|
|
2224
2136
|
"derivedFrom": "content",
|
|
2225
|
-
"legacyMapping": "$config-
|
|
2137
|
+
"legacyMapping": "$config-header-color"
|
|
2138
|
+
},
|
|
2139
|
+
{
|
|
2140
|
+
"cssVar": "--sidebar-title-font-family",
|
|
2141
|
+
"path": "sidebar.title.font.family",
|
|
2142
|
+
"type": "fontFamilies",
|
|
2143
|
+
"value": "Roboto",
|
|
2144
|
+
"description": "Sidebar widget title font family.",
|
|
2145
|
+
"references": "font.family.sans",
|
|
2146
|
+
"derivedFrom": "typography",
|
|
2147
|
+
"legacyMapping": "$config-sidebar-widget-font-family"
|
|
2148
|
+
},
|
|
2149
|
+
{
|
|
2150
|
+
"cssVar": "--sidebar-title-font-weight",
|
|
2151
|
+
"path": "sidebar.title.font.weight",
|
|
2152
|
+
"type": "fontWeights",
|
|
2153
|
+
"value": "500",
|
|
2154
|
+
"description": "Sidebar widget title font weight.",
|
|
2155
|
+
"references": "font.weight.medium",
|
|
2156
|
+
"derivedFrom": "typography",
|
|
2157
|
+
"legacyMapping": "$config-sidebar-widget-font-weight"
|
|
2226
2158
|
}
|
|
2227
2159
|
],
|
|
2228
2160
|
"widget": [
|
|
@@ -2604,6 +2536,26 @@
|
|
|
2604
2536
|
"derivedFrom": "static",
|
|
2605
2537
|
"legacyMapping": null
|
|
2606
2538
|
},
|
|
2539
|
+
{
|
|
2540
|
+
"cssVar": "--font-family-heading",
|
|
2541
|
+
"path": "font.family.heading",
|
|
2542
|
+
"type": "fontFamilies",
|
|
2543
|
+
"value": "Roboto",
|
|
2544
|
+
"description": null,
|
|
2545
|
+
"references": null,
|
|
2546
|
+
"derivedFrom": "static",
|
|
2547
|
+
"legacyMapping": null
|
|
2548
|
+
},
|
|
2549
|
+
{
|
|
2550
|
+
"cssVar": "--font-family-button",
|
|
2551
|
+
"path": "font.family.button",
|
|
2552
|
+
"type": "fontFamilies",
|
|
2553
|
+
"value": "Roboto",
|
|
2554
|
+
"description": null,
|
|
2555
|
+
"references": null,
|
|
2556
|
+
"derivedFrom": "static",
|
|
2557
|
+
"legacyMapping": null
|
|
2558
|
+
},
|
|
2607
2559
|
{
|
|
2608
2560
|
"cssVar": "--font-family-mono",
|
|
2609
2561
|
"path": "font.family.mono",
|
|
@@ -2867,7 +2819,7 @@
|
|
|
2867
2819
|
"cssVar": "--color-action-primary-default",
|
|
2868
2820
|
"path": "color.action.primary.default",
|
|
2869
2821
|
"type": "color",
|
|
2870
|
-
"value": "#
|
|
2822
|
+
"value": "#645DC6",
|
|
2871
2823
|
"description": "default color used for the most prominent call-to-action in the interface",
|
|
2872
2824
|
"references": "color.brand.700",
|
|
2873
2825
|
"derivedFrom": "brand",
|
|
@@ -2877,7 +2829,7 @@
|
|
|
2877
2829
|
"cssVar": "--color-action-primary-hover",
|
|
2878
2830
|
"path": "color.action.primary.hover",
|
|
2879
2831
|
"type": "color",
|
|
2880
|
-
"value": "#
|
|
2832
|
+
"value": "#544DB2",
|
|
2881
2833
|
"description": "color used when a primary action is hovered",
|
|
2882
2834
|
"references": "color.brand.800",
|
|
2883
2835
|
"derivedFrom": "brand",
|
|
@@ -2887,7 +2839,7 @@
|
|
|
2887
2839
|
"cssVar": "--color-action-primary-pressed",
|
|
2888
2840
|
"path": "color.action.primary.pressed",
|
|
2889
2841
|
"type": "color",
|
|
2890
|
-
"value": "#
|
|
2842
|
+
"value": "#2F2C63",
|
|
2891
2843
|
"description": "color used when a primary action is actively pressed",
|
|
2892
2844
|
"references": "color.brand.900",
|
|
2893
2845
|
"derivedFrom": "brand",
|
|
@@ -2937,7 +2889,7 @@
|
|
|
2937
2889
|
"cssVar": "--color-action-destructive-hover",
|
|
2938
2890
|
"path": "color.action.destructive.hover",
|
|
2939
2891
|
"type": "color",
|
|
2940
|
-
"value": "#
|
|
2892
|
+
"value": "#ae2424",
|
|
2941
2893
|
"description": "color used when a destructive action is hovered",
|
|
2942
2894
|
"references": "color.red.800",
|
|
2943
2895
|
"derivedFrom": "status",
|
|
@@ -3157,7 +3109,7 @@
|
|
|
3157
3109
|
"cssVar": "--color-community-highlighted",
|
|
3158
3110
|
"path": "color.community.highlighted",
|
|
3159
3111
|
"type": "color",
|
|
3160
|
-
"value": "#
|
|
3112
|
+
"value": "#645DC6",
|
|
3161
3113
|
"description": "color used to highlight content that is featured or editorially promoted",
|
|
3162
3114
|
"references": "color.brand.700",
|
|
3163
3115
|
"derivedFrom": "brand",
|
|
@@ -3167,7 +3119,7 @@
|
|
|
3167
3119
|
"cssVar": "--color-community-pinned",
|
|
3168
3120
|
"path": "color.community.pinned",
|
|
3169
3121
|
"type": "color",
|
|
3170
|
-
"value": "#
|
|
3122
|
+
"value": "#645DC6",
|
|
3171
3123
|
"description": "color used to indicate content that is pinned and prioritized in listings",
|
|
3172
3124
|
"references": "color.brand.700",
|
|
3173
3125
|
"derivedFrom": "brand",
|
|
@@ -3177,7 +3129,7 @@
|
|
|
3177
3129
|
"cssVar": "--color-link-default",
|
|
3178
3130
|
"path": "color.link.default",
|
|
3179
3131
|
"type": "color",
|
|
3180
|
-
"value": "#
|
|
3132
|
+
"value": "#645DC6",
|
|
3181
3133
|
"description": "default color used for interactive text links",
|
|
3182
3134
|
"references": "color.brand.700",
|
|
3183
3135
|
"derivedFrom": "brand",
|
|
@@ -3187,7 +3139,7 @@
|
|
|
3187
3139
|
"cssVar": "--color-link-hover",
|
|
3188
3140
|
"path": "color.link.hover",
|
|
3189
3141
|
"type": "color",
|
|
3190
|
-
"value": "#
|
|
3142
|
+
"value": "#544DB2",
|
|
3191
3143
|
"description": "color used for interactive text links on hover",
|
|
3192
3144
|
"references": "color.brand.800",
|
|
3193
3145
|
"derivedFrom": "brand",
|
|
@@ -3253,16 +3205,6 @@
|
|
|
3253
3205
|
"derivedFrom": "neutral",
|
|
3254
3206
|
"legacyMapping": "$color.skeleton.default"
|
|
3255
3207
|
},
|
|
3256
|
-
{
|
|
3257
|
-
"cssVar": "--text-hero-font-family",
|
|
3258
|
-
"path": "text.hero.font.family",
|
|
3259
|
-
"type": "fontFamilies",
|
|
3260
|
-
"value": "Roboto",
|
|
3261
|
-
"description": null,
|
|
3262
|
-
"references": "font.family.sans",
|
|
3263
|
-
"derivedFrom": "typography",
|
|
3264
|
-
"legacyMapping": null
|
|
3265
|
-
},
|
|
3266
3208
|
{
|
|
3267
3209
|
"cssVar": "--text-hero-font-weight",
|
|
3268
3210
|
"path": "text.hero.font.weight",
|
|
@@ -3293,16 +3235,6 @@
|
|
|
3293
3235
|
"derivedFrom": "typography",
|
|
3294
3236
|
"legacyMapping": null
|
|
3295
3237
|
},
|
|
3296
|
-
{
|
|
3297
|
-
"cssVar": "--text-heading-small-font-family",
|
|
3298
|
-
"path": "text.heading.small.font.family",
|
|
3299
|
-
"type": "fontFamilies",
|
|
3300
|
-
"value": "Roboto",
|
|
3301
|
-
"description": null,
|
|
3302
|
-
"references": "font.family.sans",
|
|
3303
|
-
"derivedFrom": "typography",
|
|
3304
|
-
"legacyMapping": null
|
|
3305
|
-
},
|
|
3306
3238
|
{
|
|
3307
3239
|
"cssVar": "--text-heading-small-font-weight",
|
|
3308
3240
|
"path": "text.heading.small.font.weight",
|
|
@@ -3333,16 +3265,6 @@
|
|
|
3333
3265
|
"derivedFrom": "typography",
|
|
3334
3266
|
"legacyMapping": null
|
|
3335
3267
|
},
|
|
3336
|
-
{
|
|
3337
|
-
"cssVar": "--text-heading-medium-font-family",
|
|
3338
|
-
"path": "text.heading.medium.font.family",
|
|
3339
|
-
"type": "fontFamilies",
|
|
3340
|
-
"value": "Roboto",
|
|
3341
|
-
"description": null,
|
|
3342
|
-
"references": "font.family.sans",
|
|
3343
|
-
"derivedFrom": "typography",
|
|
3344
|
-
"legacyMapping": null
|
|
3345
|
-
},
|
|
3346
3268
|
{
|
|
3347
3269
|
"cssVar": "--text-heading-medium-font-weight",
|
|
3348
3270
|
"path": "text.heading.medium.font.weight",
|
|
@@ -3373,16 +3295,6 @@
|
|
|
3373
3295
|
"derivedFrom": "typography",
|
|
3374
3296
|
"legacyMapping": null
|
|
3375
3297
|
},
|
|
3376
|
-
{
|
|
3377
|
-
"cssVar": "--text-heading-large-font-family",
|
|
3378
|
-
"path": "text.heading.large.font.family",
|
|
3379
|
-
"type": "fontFamilies",
|
|
3380
|
-
"value": "Roboto",
|
|
3381
|
-
"description": null,
|
|
3382
|
-
"references": "font.family.sans",
|
|
3383
|
-
"derivedFrom": "typography",
|
|
3384
|
-
"legacyMapping": null
|
|
3385
|
-
},
|
|
3386
3298
|
{
|
|
3387
3299
|
"cssVar": "--text-heading-large-font-weight",
|
|
3388
3300
|
"path": "text.heading.large.font.weight",
|
|
@@ -3413,16 +3325,6 @@
|
|
|
3413
3325
|
"derivedFrom": "typography",
|
|
3414
3326
|
"legacyMapping": null
|
|
3415
3327
|
},
|
|
3416
|
-
{
|
|
3417
|
-
"cssVar": "--text-heading-xlarge-font-family",
|
|
3418
|
-
"path": "text.heading.xlarge.font.family",
|
|
3419
|
-
"type": "fontFamilies",
|
|
3420
|
-
"value": "Roboto",
|
|
3421
|
-
"description": null,
|
|
3422
|
-
"references": "font.family.sans",
|
|
3423
|
-
"derivedFrom": "typography",
|
|
3424
|
-
"legacyMapping": null
|
|
3425
|
-
},
|
|
3426
3328
|
{
|
|
3427
3329
|
"cssVar": "--text-heading-xlarge-font-weight",
|
|
3428
3330
|
"path": "text.heading.xlarge.font.weight",
|
|
@@ -3453,16 +3355,6 @@
|
|
|
3453
3355
|
"derivedFrom": "typography",
|
|
3454
3356
|
"legacyMapping": null
|
|
3455
3357
|
},
|
|
3456
|
-
{
|
|
3457
|
-
"cssVar": "--text-body-small-font-family",
|
|
3458
|
-
"path": "text.body.small.font.family",
|
|
3459
|
-
"type": "fontFamilies",
|
|
3460
|
-
"value": "Roboto",
|
|
3461
|
-
"description": null,
|
|
3462
|
-
"references": "font.family.sans",
|
|
3463
|
-
"derivedFrom": "typography",
|
|
3464
|
-
"legacyMapping": null
|
|
3465
|
-
},
|
|
3466
3358
|
{
|
|
3467
3359
|
"cssVar": "--text-body-small-font-weight",
|
|
3468
3360
|
"path": "text.body.small.font.weight",
|
|
@@ -3493,16 +3385,6 @@
|
|
|
3493
3385
|
"derivedFrom": "typography",
|
|
3494
3386
|
"legacyMapping": null
|
|
3495
3387
|
},
|
|
3496
|
-
{
|
|
3497
|
-
"cssVar": "--text-body-medium-font-family",
|
|
3498
|
-
"path": "text.body.medium.font.family",
|
|
3499
|
-
"type": "fontFamilies",
|
|
3500
|
-
"value": "Roboto",
|
|
3501
|
-
"description": null,
|
|
3502
|
-
"references": "font.family.sans",
|
|
3503
|
-
"derivedFrom": "typography",
|
|
3504
|
-
"legacyMapping": null
|
|
3505
|
-
},
|
|
3506
3388
|
{
|
|
3507
3389
|
"cssVar": "--text-body-medium-font-weight",
|
|
3508
3390
|
"path": "text.body.medium.font.weight",
|
|
@@ -3533,16 +3415,6 @@
|
|
|
3533
3415
|
"derivedFrom": "typography",
|
|
3534
3416
|
"legacyMapping": null
|
|
3535
3417
|
},
|
|
3536
|
-
{
|
|
3537
|
-
"cssVar": "--text-body-large-font-family",
|
|
3538
|
-
"path": "text.body.large.font.family",
|
|
3539
|
-
"type": "fontFamilies",
|
|
3540
|
-
"value": "Roboto",
|
|
3541
|
-
"description": null,
|
|
3542
|
-
"references": "font.family.sans",
|
|
3543
|
-
"derivedFrom": "typography",
|
|
3544
|
-
"legacyMapping": null
|
|
3545
|
-
},
|
|
3546
3418
|
{
|
|
3547
3419
|
"cssVar": "--text-body-large-font-weight",
|
|
3548
3420
|
"path": "text.body.large.font.weight",
|
|
@@ -3573,16 +3445,6 @@
|
|
|
3573
3445
|
"derivedFrom": "typography",
|
|
3574
3446
|
"legacyMapping": null
|
|
3575
3447
|
},
|
|
3576
|
-
{
|
|
3577
|
-
"cssVar": "--text-navigation-font-family",
|
|
3578
|
-
"path": "text.navigation.font.family",
|
|
3579
|
-
"type": "fontFamilies",
|
|
3580
|
-
"value": "Roboto",
|
|
3581
|
-
"description": null,
|
|
3582
|
-
"references": "font.family.sans",
|
|
3583
|
-
"derivedFrom": "typography",
|
|
3584
|
-
"legacyMapping": null
|
|
3585
|
-
},
|
|
3586
3448
|
{
|
|
3587
3449
|
"cssVar": "--text-navigation-font-weight",
|
|
3588
3450
|
"path": "text.navigation.font.weight",
|
|
@@ -3613,16 +3475,6 @@
|
|
|
3613
3475
|
"derivedFrom": "typography",
|
|
3614
3476
|
"legacyMapping": null
|
|
3615
3477
|
},
|
|
3616
|
-
{
|
|
3617
|
-
"cssVar": "--text-menu-font-family",
|
|
3618
|
-
"path": "text.menu.font.family",
|
|
3619
|
-
"type": "fontFamilies",
|
|
3620
|
-
"value": "Roboto",
|
|
3621
|
-
"description": null,
|
|
3622
|
-
"references": "font.family.sans",
|
|
3623
|
-
"derivedFrom": "typography",
|
|
3624
|
-
"legacyMapping": null
|
|
3625
|
-
},
|
|
3626
3478
|
{
|
|
3627
3479
|
"cssVar": "--text-menu-font-weight",
|
|
3628
3480
|
"path": "text.menu.font.weight",
|
|
@@ -3653,16 +3505,6 @@
|
|
|
3653
3505
|
"derivedFrom": "typography",
|
|
3654
3506
|
"legacyMapping": null
|
|
3655
3507
|
},
|
|
3656
|
-
{
|
|
3657
|
-
"cssVar": "--text-button-font-family",
|
|
3658
|
-
"path": "text.button.font.family",
|
|
3659
|
-
"type": "fontFamilies",
|
|
3660
|
-
"value": "Roboto",
|
|
3661
|
-
"description": null,
|
|
3662
|
-
"references": "font.family.sans",
|
|
3663
|
-
"derivedFrom": "typography",
|
|
3664
|
-
"legacyMapping": null
|
|
3665
|
-
},
|
|
3666
3508
|
{
|
|
3667
3509
|
"cssVar": "--text-button-font-weight",
|
|
3668
3510
|
"path": "text.button.font.weight",
|
|
@@ -3693,16 +3535,6 @@
|
|
|
3693
3535
|
"derivedFrom": "typography",
|
|
3694
3536
|
"legacyMapping": null
|
|
3695
3537
|
},
|
|
3696
|
-
{
|
|
3697
|
-
"cssVar": "--text-label-small-font-family",
|
|
3698
|
-
"path": "text.label.small.font.family",
|
|
3699
|
-
"type": "fontFamilies",
|
|
3700
|
-
"value": "Roboto",
|
|
3701
|
-
"description": null,
|
|
3702
|
-
"references": "font.family.sans",
|
|
3703
|
-
"derivedFrom": "typography",
|
|
3704
|
-
"legacyMapping": null
|
|
3705
|
-
},
|
|
3706
3538
|
{
|
|
3707
3539
|
"cssVar": "--text-label-small-font-weight",
|
|
3708
3540
|
"path": "text.label.small.font.weight",
|
|
@@ -3733,16 +3565,6 @@
|
|
|
3733
3565
|
"derivedFrom": "typography",
|
|
3734
3566
|
"legacyMapping": null
|
|
3735
3567
|
},
|
|
3736
|
-
{
|
|
3737
|
-
"cssVar": "--text-label-medium-font-family",
|
|
3738
|
-
"path": "text.label.medium.font.family",
|
|
3739
|
-
"type": "fontFamilies",
|
|
3740
|
-
"value": "Roboto",
|
|
3741
|
-
"description": null,
|
|
3742
|
-
"references": "font.family.sans",
|
|
3743
|
-
"derivedFrom": "typography",
|
|
3744
|
-
"legacyMapping": null
|
|
3745
|
-
},
|
|
3746
3568
|
{
|
|
3747
3569
|
"cssVar": "--text-label-medium-font-weight",
|
|
3748
3570
|
"path": "text.label.medium.font.weight",
|
|
@@ -3773,16 +3595,6 @@
|
|
|
3773
3595
|
"derivedFrom": "typography",
|
|
3774
3596
|
"legacyMapping": null
|
|
3775
3597
|
},
|
|
3776
|
-
{
|
|
3777
|
-
"cssVar": "--text-caption-font-family",
|
|
3778
|
-
"path": "text.caption.font.family",
|
|
3779
|
-
"type": "fontFamilies",
|
|
3780
|
-
"value": "Roboto",
|
|
3781
|
-
"description": null,
|
|
3782
|
-
"references": "font.family.sans",
|
|
3783
|
-
"derivedFrom": "typography",
|
|
3784
|
-
"legacyMapping": null
|
|
3785
|
-
},
|
|
3786
3598
|
{
|
|
3787
3599
|
"cssVar": "--text-caption-font-weight",
|
|
3788
3600
|
"path": "text.caption.font.weight",
|
|
@@ -3813,16 +3625,6 @@
|
|
|
3813
3625
|
"derivedFrom": "typography",
|
|
3814
3626
|
"legacyMapping": null
|
|
3815
3627
|
},
|
|
3816
|
-
{
|
|
3817
|
-
"cssVar": "--text-code-font-family",
|
|
3818
|
-
"path": "text.code.font.family",
|
|
3819
|
-
"type": "fontFamilies",
|
|
3820
|
-
"value": "Roboto Mono",
|
|
3821
|
-
"description": null,
|
|
3822
|
-
"references": "font.family.mono",
|
|
3823
|
-
"derivedFrom": "typography",
|
|
3824
|
-
"legacyMapping": null
|
|
3825
|
-
},
|
|
3826
3628
|
{
|
|
3827
3629
|
"cssVar": "--text-code-font-weight",
|
|
3828
3630
|
"path": "text.code.font.weight",
|
|
@@ -3893,6 +3695,26 @@
|
|
|
3893
3695
|
"derivedFrom": "elevation",
|
|
3894
3696
|
"legacyMapping": null
|
|
3895
3697
|
},
|
|
3698
|
+
{
|
|
3699
|
+
"cssVar": "--backtotop-background",
|
|
3700
|
+
"path": "backtotop.background",
|
|
3701
|
+
"type": "color",
|
|
3702
|
+
"value": "#2B3346",
|
|
3703
|
+
"description": "Back-to-top button background.",
|
|
3704
|
+
"references": "color.surface.inverse",
|
|
3705
|
+
"derivedFrom": "surface",
|
|
3706
|
+
"legacyMapping": "$config-footer-background-color"
|
|
3707
|
+
},
|
|
3708
|
+
{
|
|
3709
|
+
"cssVar": "--backtotop-content",
|
|
3710
|
+
"path": "backtotop.content",
|
|
3711
|
+
"type": "color",
|
|
3712
|
+
"value": "#FFFFFF",
|
|
3713
|
+
"description": "Back-to-top button icon/content color.",
|
|
3714
|
+
"references": "color.content.inverse",
|
|
3715
|
+
"derivedFrom": "content",
|
|
3716
|
+
"legacyMapping": "$config-footer-color"
|
|
3717
|
+
},
|
|
3896
3718
|
{
|
|
3897
3719
|
"cssVar": "--button-radius",
|
|
3898
3720
|
"path": "button.radius",
|
|
@@ -3937,7 +3759,7 @@
|
|
|
3937
3759
|
"cssVar": "--button-primary-background-default",
|
|
3938
3760
|
"path": "button.primary.background.default",
|
|
3939
3761
|
"type": "color",
|
|
3940
|
-
"value": "#
|
|
3762
|
+
"value": "#645DC6",
|
|
3941
3763
|
"description": "Primary button background in default state.",
|
|
3942
3764
|
"references": "color.action.primary.default",
|
|
3943
3765
|
"derivedFrom": "action",
|
|
@@ -3947,7 +3769,7 @@
|
|
|
3947
3769
|
"cssVar": "--button-primary-background-hover",
|
|
3948
3770
|
"path": "button.primary.background.hover",
|
|
3949
3771
|
"type": "color",
|
|
3950
|
-
"value": "#
|
|
3772
|
+
"value": "#544DB2",
|
|
3951
3773
|
"description": "Primary button background on hover.",
|
|
3952
3774
|
"references": "color.action.primary.hover",
|
|
3953
3775
|
"derivedFrom": "action",
|
|
@@ -3957,7 +3779,7 @@
|
|
|
3957
3779
|
"cssVar": "--button-primary-background-pressed",
|
|
3958
3780
|
"path": "button.primary.background.pressed",
|
|
3959
3781
|
"type": "color",
|
|
3960
|
-
"value": "#
|
|
3782
|
+
"value": "#2F2C63",
|
|
3961
3783
|
"description": "Primary button background on press.",
|
|
3962
3784
|
"references": "color.action.primary.pressed",
|
|
3963
3785
|
"derivedFrom": "action",
|
|
@@ -4147,7 +3969,7 @@
|
|
|
4147
3969
|
"cssVar": "--button-destructive-background-hover",
|
|
4148
3970
|
"path": "button.destructive.background.hover",
|
|
4149
3971
|
"type": "color",
|
|
4150
|
-
"value": "#
|
|
3972
|
+
"value": "#ae2424",
|
|
4151
3973
|
"description": "Destructive button background on hover.",
|
|
4152
3974
|
"references": "color.action.destructive.hover",
|
|
4153
3975
|
"derivedFrom": "action",
|
|
@@ -4357,7 +4179,7 @@
|
|
|
4357
4179
|
"cssVar": "--button-vote-selected-background-default",
|
|
4358
4180
|
"path": "button.vote.selected.background.default",
|
|
4359
4181
|
"type": "color",
|
|
4360
|
-
"value": "#
|
|
4182
|
+
"value": "#645DC6",
|
|
4361
4183
|
"description": "Vote button background when selected (default).",
|
|
4362
4184
|
"references": "color.action.primary.default",
|
|
4363
4185
|
"derivedFrom": "action",
|
|
@@ -4367,7 +4189,7 @@
|
|
|
4367
4189
|
"cssVar": "--button-vote-selected-background-hover",
|
|
4368
4190
|
"path": "button.vote.selected.background.hover",
|
|
4369
4191
|
"type": "color",
|
|
4370
|
-
"value": "#
|
|
4192
|
+
"value": "#544DB2",
|
|
4371
4193
|
"description": "Vote button background when selected (hovered).",
|
|
4372
4194
|
"references": "color.action.primary.hover",
|
|
4373
4195
|
"derivedFrom": "action",
|
|
@@ -4377,7 +4199,7 @@
|
|
|
4377
4199
|
"cssVar": "--button-vote-selected-background-pressed",
|
|
4378
4200
|
"path": "button.vote.selected.background.pressed",
|
|
4379
4201
|
"type": "color",
|
|
4380
|
-
"value": "#
|
|
4202
|
+
"value": "#2F2C63",
|
|
4381
4203
|
"description": "Vote button background when selected (pressed).",
|
|
4382
4204
|
"references": "color.action.primary.pressed",
|
|
4383
4205
|
"derivedFrom": "action",
|
|
@@ -4567,7 +4389,7 @@
|
|
|
4567
4389
|
"cssVar": "--card-title-hover",
|
|
4568
4390
|
"path": "card.title.hover",
|
|
4569
4391
|
"type": "color",
|
|
4570
|
-
"value": "#
|
|
4392
|
+
"value": "#645DC6",
|
|
4571
4393
|
"description": "Card title color on hover (link styling).",
|
|
4572
4394
|
"references": "color.link.default",
|
|
4573
4395
|
"derivedFrom": "link",
|
|
@@ -4607,7 +4429,7 @@
|
|
|
4607
4429
|
"cssVar": "--card-content-pressed",
|
|
4608
4430
|
"path": "card.content.pressed",
|
|
4609
4431
|
"type": "color",
|
|
4610
|
-
"value": "#
|
|
4432
|
+
"value": "#544DB2",
|
|
4611
4433
|
"description": "Card body/content color on press (link hovered styling).",
|
|
4612
4434
|
"references": "color.link.hover",
|
|
4613
4435
|
"derivedFrom": "link",
|
|
@@ -4787,7 +4609,7 @@
|
|
|
4787
4609
|
"cssVar": "--feed-item-title-hover",
|
|
4788
4610
|
"path": "feed.item.title.hover",
|
|
4789
4611
|
"type": "color",
|
|
4790
|
-
"value": "#
|
|
4612
|
+
"value": "#645DC6",
|
|
4791
4613
|
"description": "Feed item title color on hover (link styling).",
|
|
4792
4614
|
"references": "color.link.default",
|
|
4793
4615
|
"derivedFrom": "link",
|
|
@@ -4797,7 +4619,7 @@
|
|
|
4797
4619
|
"cssVar": "--feed-item-title-pressed",
|
|
4798
4620
|
"path": "feed.item.title.pressed",
|
|
4799
4621
|
"type": "color",
|
|
4800
|
-
"value": "#
|
|
4622
|
+
"value": "#544DB2",
|
|
4801
4623
|
"description": "Feed item title color on press (link hovered styling).",
|
|
4802
4624
|
"references": "color.link.hover",
|
|
4803
4625
|
"derivedFrom": "link",
|
|
@@ -4827,7 +4649,7 @@
|
|
|
4827
4649
|
"cssVar": "--feed-item-content-pressed",
|
|
4828
4650
|
"path": "feed.item.content.pressed",
|
|
4829
4651
|
"type": "color",
|
|
4830
|
-
"value": "#
|
|
4652
|
+
"value": "#544DB2",
|
|
4831
4653
|
"description": "Feed item content color on press (link hovered styling).",
|
|
4832
4654
|
"references": "color.link.hover",
|
|
4833
4655
|
"derivedFrom": "link",
|
|
@@ -4924,24 +4746,84 @@
|
|
|
4924
4746
|
"legacyMapping": "$config-main-navigation-border-bottom-color"
|
|
4925
4747
|
},
|
|
4926
4748
|
{
|
|
4927
|
-
"cssVar": "--
|
|
4928
|
-
"path": "
|
|
4749
|
+
"cssVar": "--sidebar-background",
|
|
4750
|
+
"path": "sidebar.background",
|
|
4929
4751
|
"type": "color",
|
|
4930
|
-
"value": "#
|
|
4931
|
-
"description": "
|
|
4932
|
-
"references": "color.surface.
|
|
4752
|
+
"value": "#FFFFFF",
|
|
4753
|
+
"description": "Sidebar widget placeholder background color.",
|
|
4754
|
+
"references": "color.surface.default",
|
|
4933
4755
|
"derivedFrom": "surface",
|
|
4934
|
-
"legacyMapping": "$config-
|
|
4756
|
+
"legacyMapping": "$config-sidebar-background-color"
|
|
4935
4757
|
},
|
|
4936
4758
|
{
|
|
4937
|
-
"cssVar": "--
|
|
4938
|
-
"path": "
|
|
4759
|
+
"cssVar": "--sidebar-border-radius",
|
|
4760
|
+
"path": "sidebar.border.radius",
|
|
4761
|
+
"type": "borderRadius",
|
|
4762
|
+
"value": "8px",
|
|
4763
|
+
"description": "Sidebar widget placeholder border radius.",
|
|
4764
|
+
"references": "radius.100",
|
|
4765
|
+
"derivedFrom": "shape",
|
|
4766
|
+
"legacyMapping": "$config-sidebar-border-radius"
|
|
4767
|
+
},
|
|
4768
|
+
{
|
|
4769
|
+
"cssVar": "--sidebar-border-color",
|
|
4770
|
+
"path": "sidebar.border.color",
|
|
4939
4771
|
"type": "color",
|
|
4940
|
-
"value": "#
|
|
4941
|
-
"description": "
|
|
4942
|
-
"references": "color.
|
|
4772
|
+
"value": "#DEDFE2",
|
|
4773
|
+
"description": "Sidebar widget placeholder border color.",
|
|
4774
|
+
"references": "color.line.default",
|
|
4775
|
+
"derivedFrom": "line",
|
|
4776
|
+
"legacyMapping": "$config-sidebar-border-color"
|
|
4777
|
+
},
|
|
4778
|
+
{
|
|
4779
|
+
"cssVar": "--sidebar-border-width",
|
|
4780
|
+
"path": "sidebar.border.width",
|
|
4781
|
+
"type": "borderWidth",
|
|
4782
|
+
"value": "1px",
|
|
4783
|
+
"description": "Sidebar widget placeholder border width.",
|
|
4784
|
+
"references": "border.width.100",
|
|
4785
|
+
"derivedFrom": "shape",
|
|
4786
|
+
"legacyMapping": "$config-sidebar-border-width"
|
|
4787
|
+
},
|
|
4788
|
+
{
|
|
4789
|
+
"cssVar": "--sidebar-shadow",
|
|
4790
|
+
"path": "sidebar.shadow",
|
|
4791
|
+
"type": "boxShadow",
|
|
4792
|
+
"value": "none",
|
|
4793
|
+
"description": "Sidebar widget placeholder box shadow.",
|
|
4794
|
+
"references": null,
|
|
4795
|
+
"derivedFrom": "static",
|
|
4796
|
+
"legacyMapping": "$config-sidebar-shadow"
|
|
4797
|
+
},
|
|
4798
|
+
{
|
|
4799
|
+
"cssVar": "--sidebar-title-color",
|
|
4800
|
+
"path": "sidebar.title.color",
|
|
4801
|
+
"type": "color",
|
|
4802
|
+
"value": "#2B3346",
|
|
4803
|
+
"description": "Sidebar widget title text color.",
|
|
4804
|
+
"references": "color.content.heading.default",
|
|
4943
4805
|
"derivedFrom": "content",
|
|
4944
|
-
"legacyMapping": "$config-
|
|
4806
|
+
"legacyMapping": "$config-header-color"
|
|
4807
|
+
},
|
|
4808
|
+
{
|
|
4809
|
+
"cssVar": "--sidebar-title-font-family",
|
|
4810
|
+
"path": "sidebar.title.font.family",
|
|
4811
|
+
"type": "fontFamilies",
|
|
4812
|
+
"value": "Roboto",
|
|
4813
|
+
"description": "Sidebar widget title font family.",
|
|
4814
|
+
"references": "font.family.sans",
|
|
4815
|
+
"derivedFrom": "typography",
|
|
4816
|
+
"legacyMapping": "$config-sidebar-widget-font-family"
|
|
4817
|
+
},
|
|
4818
|
+
{
|
|
4819
|
+
"cssVar": "--sidebar-title-font-weight",
|
|
4820
|
+
"path": "sidebar.title.font.weight",
|
|
4821
|
+
"type": "fontWeights",
|
|
4822
|
+
"value": "500",
|
|
4823
|
+
"description": "Sidebar widget title font weight.",
|
|
4824
|
+
"references": "font.weight.medium",
|
|
4825
|
+
"derivedFrom": "typography",
|
|
4826
|
+
"legacyMapping": "$config-sidebar-widget-font-weight"
|
|
4945
4827
|
},
|
|
4946
4828
|
{
|
|
4947
4829
|
"cssVar": "--widget-title",
|