@preply/ds-web-root 0.17.1 → 0.20.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Wed Mar 23 2022 10:43:27 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
.ds-cluck-ui {
|
|
4
4
|
/**
|
|
@@ -52,9 +52,15 @@
|
|
|
52
52
|
/**
|
|
53
53
|
* root.palette.white (--14567) ::color
|
|
54
54
|
*
|
|
55
|
-
* =
|
|
55
|
+
* = #fff
|
|
56
56
|
*/
|
|
57
|
-
--14567:
|
|
57
|
+
--14567: #fff;
|
|
58
|
+
/**
|
|
59
|
+
* root.palette.ivory (--0e728) ::color
|
|
60
|
+
*
|
|
61
|
+
* = #f7f5f2
|
|
62
|
+
*/
|
|
63
|
+
--0e728: #f7f5f2;
|
|
58
64
|
/**
|
|
59
65
|
* root.palette.transparent (--f1876) ::color
|
|
60
66
|
*
|
|
@@ -67,72 +73,66 @@
|
|
|
67
73
|
* = #fafafa
|
|
68
74
|
*/
|
|
69
75
|
--55407: #fafafa;
|
|
70
|
-
/**
|
|
71
|
-
* root.palette.gray.150 (--4b414) ::color
|
|
72
|
-
*
|
|
73
|
-
* = #f0f0f0
|
|
74
|
-
*/
|
|
75
|
-
--4b414: #f0f0f0;
|
|
76
76
|
/**
|
|
77
77
|
* root.palette.gray.200 (--8f123) ::color
|
|
78
78
|
*
|
|
79
|
-
* = #
|
|
79
|
+
* = #d8dfe6
|
|
80
80
|
*/
|
|
81
|
-
--8f123: #
|
|
81
|
+
--8f123: #d8dfe6;
|
|
82
82
|
/**
|
|
83
83
|
* root.palette.gray.300 (--da403) ::color
|
|
84
84
|
*
|
|
85
|
-
* = #
|
|
85
|
+
* = #8194a7
|
|
86
86
|
*/
|
|
87
|
-
--da403: #
|
|
87
|
+
--da403: #8194a7;
|
|
88
88
|
/**
|
|
89
89
|
* root.palette.gray.400 (--7c8c3) ::color
|
|
90
90
|
*
|
|
91
|
-
* = #
|
|
91
|
+
* = #52667d
|
|
92
92
|
*/
|
|
93
|
-
--7c8c3: #
|
|
93
|
+
--7c8c3: #52667d;
|
|
94
94
|
/**
|
|
95
95
|
* root.palette.gray.500 (--c9575) ::color
|
|
96
96
|
*
|
|
97
|
-
* = #
|
|
97
|
+
* = #192435
|
|
98
98
|
*/
|
|
99
|
-
--c9575: #
|
|
99
|
+
--c9575: #192435;
|
|
100
100
|
/**
|
|
101
101
|
* root.palette.gray.600 (--2fb6f) ::color
|
|
102
102
|
*
|
|
103
|
-
* = #
|
|
103
|
+
* = #090f19
|
|
104
104
|
*/
|
|
105
|
-
--2fb6f: #
|
|
105
|
+
--2fb6f: #090f19;
|
|
106
106
|
/**
|
|
107
107
|
* root.palette.teal.100 (--54ed1) ::color
|
|
108
108
|
*
|
|
109
|
-
* = #
|
|
109
|
+
* = #c3f5fa
|
|
110
110
|
*/
|
|
111
|
-
--54ed1: #
|
|
111
|
+
--54ed1: #c3f5fa;
|
|
112
112
|
/**
|
|
113
113
|
* root.palette.teal.200 (--b706b) ::color
|
|
114
114
|
*
|
|
115
|
-
* = #
|
|
115
|
+
* = #27e0f6
|
|
116
116
|
*/
|
|
117
|
-
--b706b: #
|
|
117
|
+
--b706b: #27e0f6;
|
|
118
118
|
/**
|
|
119
119
|
* root.palette.teal.300 (--4adef) ::color
|
|
120
120
|
*
|
|
121
|
-
* = #
|
|
121
|
+
* = #0096b2
|
|
122
122
|
*/
|
|
123
|
-
--4adef: #
|
|
123
|
+
--4adef: #0096b2;
|
|
124
124
|
/**
|
|
125
125
|
* root.palette.teal.400 (--de8a4) ::color
|
|
126
126
|
*
|
|
127
|
-
* = #
|
|
127
|
+
* = #006987
|
|
128
128
|
*/
|
|
129
|
-
--de8a4: #
|
|
129
|
+
--de8a4: #006987;
|
|
130
130
|
/**
|
|
131
131
|
* root.palette.teal.500 (--57454) ::color
|
|
132
132
|
*
|
|
133
|
-
* = #
|
|
133
|
+
* = #002846
|
|
134
134
|
*/
|
|
135
|
-
--57454: #
|
|
135
|
+
--57454: #002846;
|
|
136
136
|
/**
|
|
137
137
|
* root.palette.green.100 (--1383a) ::color
|
|
138
138
|
*
|
|
@@ -172,9 +172,9 @@
|
|
|
172
172
|
/**
|
|
173
173
|
* root.palette.yellow.200 (--17bab) ::color
|
|
174
174
|
*
|
|
175
|
-
* = #
|
|
175
|
+
* = #fdc75f
|
|
176
176
|
*/
|
|
177
|
-
--17bab: #
|
|
177
|
+
--17bab: #fdc75f;
|
|
178
178
|
/**
|
|
179
179
|
* root.palette.yellow.300 (--f017e) ::color
|
|
180
180
|
*
|
|
@@ -253,6 +253,36 @@
|
|
|
253
253
|
* = #000635
|
|
254
254
|
*/
|
|
255
255
|
--6a142: #000635;
|
|
256
|
+
/**
|
|
257
|
+
* root.palette.magenta.100 (--1a996) ::color
|
|
258
|
+
*
|
|
259
|
+
* = #fadbea
|
|
260
|
+
*/
|
|
261
|
+
--1a996: #fadbea;
|
|
262
|
+
/**
|
|
263
|
+
* root.palette.magenta.200 (--b774d) ::color
|
|
264
|
+
*
|
|
265
|
+
* = #ff98c8
|
|
266
|
+
*/
|
|
267
|
+
--b774d: #ff98c8;
|
|
268
|
+
/**
|
|
269
|
+
* root.palette.magenta.300 (--f72cd) ::color
|
|
270
|
+
*
|
|
271
|
+
* = #cd4a86
|
|
272
|
+
*/
|
|
273
|
+
--f72cd: #cd4a86;
|
|
274
|
+
/**
|
|
275
|
+
* root.palette.magenta.400 (--6cbd8) ::color
|
|
276
|
+
*
|
|
277
|
+
* = #8e093f
|
|
278
|
+
*/
|
|
279
|
+
--6cbd8: #8e093f;
|
|
280
|
+
/**
|
|
281
|
+
* root.palette.magenta.500 (--5893e) ::color
|
|
282
|
+
*
|
|
283
|
+
* = #470017
|
|
284
|
+
*/
|
|
285
|
+
--5893e: #470017;
|
|
256
286
|
/**
|
|
257
287
|
* root.text.base.typeface (--7068b) ::typeface
|
|
258
288
|
*
|
|
@@ -352,15 +382,15 @@
|
|
|
352
382
|
/**
|
|
353
383
|
* action.base.disabled.color (--a8b89) ::fgColor
|
|
354
384
|
*
|
|
355
|
-
* = #
|
|
385
|
+
* = #52667d (via root.palette.gray.400)
|
|
356
386
|
*/
|
|
357
|
-
--a8b89: #
|
|
387
|
+
--a8b89: #52667d;
|
|
358
388
|
/**
|
|
359
389
|
* action.base.disabled.bgColor (--04dae) ::bgColor
|
|
360
390
|
*
|
|
361
|
-
* = #
|
|
391
|
+
* = #d8dfe6 (via root.palette.gray.200)
|
|
362
392
|
*/
|
|
363
|
-
--04dae: #
|
|
393
|
+
--04dae: #d8dfe6;
|
|
364
394
|
/**
|
|
365
395
|
* action.base.disabled.borderColor (--e0528) ::borderColor
|
|
366
396
|
*
|
|
@@ -811,87 +841,87 @@
|
|
|
811
841
|
/**
|
|
812
842
|
* scheme.color (--aface) ::fgColor (color scheme aware)
|
|
813
843
|
*
|
|
814
|
-
* = #
|
|
844
|
+
* = #090f19 (via root.palette.gray.600)
|
|
815
845
|
*/
|
|
816
|
-
--aface: #
|
|
846
|
+
--aface: #090f19;
|
|
817
847
|
/**
|
|
818
848
|
* scheme.bgColor (--786b9) ::bgColor (color scheme aware)
|
|
819
849
|
*
|
|
820
|
-
* =
|
|
850
|
+
* = #fff (via root.palette.white)
|
|
821
851
|
*/
|
|
822
|
-
--786b9:
|
|
852
|
+
--786b9: #fff;
|
|
823
853
|
/**
|
|
824
854
|
* action.base.focus.outlineColor (--603ec) ::outlineOffset (color scheme aware)
|
|
825
855
|
*
|
|
826
|
-
* = #
|
|
856
|
+
* = #0096b2 (via root.palette.teal.300)
|
|
827
857
|
*/
|
|
828
|
-
--603ec: #
|
|
858
|
+
--603ec: #0096b2;
|
|
829
859
|
/**
|
|
830
860
|
* action.variant.primary.color (--d2baa) ::fgColor (color scheme aware)
|
|
831
861
|
*
|
|
832
|
-
* =
|
|
862
|
+
* = #fff (via root.palette.white)
|
|
833
863
|
*/
|
|
834
|
-
--d2baa:
|
|
864
|
+
--d2baa: #fff;
|
|
835
865
|
/**
|
|
836
866
|
* action.variant.secondary.color (--1614c) ::fgColor (color scheme aware)
|
|
837
867
|
*
|
|
838
|
-
* = #
|
|
868
|
+
* = #006987 (via root.palette.teal.400)
|
|
839
869
|
*/
|
|
840
|
-
--1614c: #
|
|
870
|
+
--1614c: #006987;
|
|
841
871
|
/**
|
|
842
872
|
* action.variant.tertiary.color (--93754) ::fgColor (color scheme aware)
|
|
843
873
|
*
|
|
844
|
-
* = #
|
|
874
|
+
* = #090f19 (via root.palette.gray.600)
|
|
845
875
|
*/
|
|
846
|
-
--93754: #
|
|
876
|
+
--93754: #090f19;
|
|
847
877
|
/**
|
|
848
878
|
* action.variant.quaternary.color (--9cf6e) ::fgColor (color scheme aware)
|
|
849
879
|
*
|
|
850
|
-
* = #
|
|
880
|
+
* = #006987 (via root.palette.teal.400)
|
|
851
881
|
*/
|
|
852
|
-
--9cf6e: #
|
|
882
|
+
--9cf6e: #006987;
|
|
853
883
|
/**
|
|
854
884
|
* action.variant.plain.color (--122a9) ::fgColor (color scheme aware)
|
|
855
885
|
*
|
|
856
|
-
* = #
|
|
886
|
+
* = #006987 (via root.palette.teal.400)
|
|
857
887
|
*/
|
|
858
|
-
--122a9: #
|
|
888
|
+
--122a9: #006987;
|
|
859
889
|
/**
|
|
860
890
|
* action.variant.dangerous.color (--efde5) ::fgColor (color scheme aware)
|
|
861
891
|
*
|
|
862
|
-
* =
|
|
892
|
+
* = #fff (via root.palette.white)
|
|
863
893
|
*/
|
|
864
|
-
--efde5:
|
|
894
|
+
--efde5: #fff;
|
|
865
895
|
/**
|
|
866
896
|
* action.variant.primary.bgColor (--508b3) ::bgColor (color scheme aware)
|
|
867
897
|
*
|
|
868
|
-
* = #
|
|
898
|
+
* = #0096b2 (via root.palette.teal.300)
|
|
869
899
|
*/
|
|
870
|
-
--508b3: #
|
|
900
|
+
--508b3: #0096b2;
|
|
871
901
|
/**
|
|
872
902
|
* action.variant.secondary.bgColor (--e5616) ::bgColor (color scheme aware)
|
|
873
903
|
*
|
|
874
|
-
* = #
|
|
904
|
+
* = #c3f5fa (via root.palette.teal.100)
|
|
875
905
|
*/
|
|
876
|
-
--e5616: #
|
|
906
|
+
--e5616: #c3f5fa;
|
|
877
907
|
/**
|
|
878
908
|
* action.variant.tertiary.bgColor (--28f3c) ::bgColor (color scheme aware)
|
|
879
909
|
*
|
|
880
|
-
* = #
|
|
910
|
+
* = #f7f5f2 (via root.palette.ivory)
|
|
881
911
|
*/
|
|
882
|
-
--28f3c: #
|
|
912
|
+
--28f3c: #f7f5f2;
|
|
883
913
|
/**
|
|
884
914
|
* action.variant.quaternary.bgColor (--e4644) ::bgColor (color scheme aware)
|
|
885
915
|
*
|
|
886
|
-
* =
|
|
916
|
+
* = #fff (via root.palette.white)
|
|
887
917
|
*/
|
|
888
|
-
--e4644:
|
|
918
|
+
--e4644: #fff;
|
|
889
919
|
/**
|
|
890
920
|
* action.variant.plain.bgColor (--bbb35) ::bgColor (color scheme aware)
|
|
891
921
|
*
|
|
892
|
-
* =
|
|
922
|
+
* = #fff (via root.palette.white)
|
|
893
923
|
*/
|
|
894
|
-
--bbb35:
|
|
924
|
+
--bbb35: #fff;
|
|
895
925
|
/**
|
|
896
926
|
* action.variant.dangerous.bgColor (--118bd) ::bgColor (color scheme aware)
|
|
897
927
|
*
|
|
@@ -937,33 +967,33 @@
|
|
|
937
967
|
/**
|
|
938
968
|
* action.variant.primary.hover.bgColor (--902b5) ::bgColor (color scheme aware)
|
|
939
969
|
*
|
|
940
|
-
* = #
|
|
970
|
+
* = #22a2be
|
|
941
971
|
*/
|
|
942
|
-
--902b5: #
|
|
972
|
+
--902b5: #22a2be;
|
|
943
973
|
/**
|
|
944
974
|
* action.variant.secondary.hover.bgColor (--0d124) ::bgColor (color scheme aware)
|
|
945
975
|
*
|
|
946
|
-
* = #
|
|
976
|
+
* = #d9fafd
|
|
947
977
|
*/
|
|
948
|
-
--0d124: #
|
|
978
|
+
--0d124: #d9fafd;
|
|
949
979
|
/**
|
|
950
980
|
* action.variant.tertiary.hover.bgColor (--ec17b) ::bgColor (color scheme aware)
|
|
951
981
|
*
|
|
952
|
-
* = #
|
|
982
|
+
* = #fbf9f6
|
|
953
983
|
*/
|
|
954
|
-
--ec17b: #
|
|
984
|
+
--ec17b: #fbf9f6;
|
|
955
985
|
/**
|
|
956
986
|
* action.variant.quaternary.hover.bgColor (--afc17) ::bgColor (color scheme aware)
|
|
957
987
|
*
|
|
958
|
-
* = #
|
|
988
|
+
* = #d9fafd
|
|
959
989
|
*/
|
|
960
|
-
--afc17: #
|
|
990
|
+
--afc17: #d9fafd;
|
|
961
991
|
/**
|
|
962
992
|
* action.variant.plain.hover.bgColor (--df2ac) ::bgColor (color scheme aware)
|
|
963
993
|
*
|
|
964
|
-
* = #
|
|
994
|
+
* = #d9fafd
|
|
965
995
|
*/
|
|
966
|
-
--df2ac: #
|
|
996
|
+
--df2ac: #d9fafd;
|
|
967
997
|
/**
|
|
968
998
|
* action.variant.dangerous.hover.bgColor (--e0b0f) ::bgColor (color scheme aware)
|
|
969
999
|
*
|
|
@@ -973,33 +1003,33 @@
|
|
|
973
1003
|
/**
|
|
974
1004
|
* action.variant.primary.active.bgColor (--c1c1c) ::bgColor (color scheme aware)
|
|
975
1005
|
*
|
|
976
|
-
* = #
|
|
1006
|
+
* = #0089a3
|
|
977
1007
|
*/
|
|
978
|
-
--c1c1c: #
|
|
1008
|
+
--c1c1c: #0089a3;
|
|
979
1009
|
/**
|
|
980
1010
|
* action.variant.secondary.active.bgColor (--33b43) ::bgColor (color scheme aware)
|
|
981
1011
|
*
|
|
982
|
-
* = #
|
|
1012
|
+
* = #baecf1
|
|
983
1013
|
*/
|
|
984
|
-
--33b43: #
|
|
1014
|
+
--33b43: #baecf1;
|
|
985
1015
|
/**
|
|
986
1016
|
* action.variant.tertiary.active.bgColor (--b0bf5) ::bgColor (color scheme aware)
|
|
987
1017
|
*
|
|
988
|
-
* = #
|
|
1018
|
+
* = #edebe8
|
|
989
1019
|
*/
|
|
990
|
-
--b0bf5: #
|
|
1020
|
+
--b0bf5: #edebe8;
|
|
991
1021
|
/**
|
|
992
1022
|
* action.variant.quaternary.active.bgColor (--2ee55) ::bgColor (color scheme aware)
|
|
993
1023
|
*
|
|
994
|
-
* = #
|
|
1024
|
+
* = #baecf1
|
|
995
1025
|
*/
|
|
996
|
-
--2ee55: #
|
|
1026
|
+
--2ee55: #baecf1;
|
|
997
1027
|
/**
|
|
998
1028
|
* action.variant.plain.active.bgColor (--435fa) ::bgColor (color scheme aware)
|
|
999
1029
|
*
|
|
1000
|
-
* = #
|
|
1030
|
+
* = #baecf1
|
|
1001
1031
|
*/
|
|
1002
|
-
--435fa: #
|
|
1032
|
+
--435fa: #baecf1;
|
|
1003
1033
|
/**
|
|
1004
1034
|
* action.variant.dangerous.active.bgColor (--a5eaa) ::bgColor (color scheme aware)
|
|
1005
1035
|
*
|
|
@@ -1009,123 +1039,123 @@
|
|
|
1009
1039
|
/**
|
|
1010
1040
|
* action.variant.primary.hover.color (--df615) ::fgColor (color scheme aware)
|
|
1011
1041
|
*
|
|
1012
|
-
* =
|
|
1042
|
+
* = #fff (via root.palette.white)
|
|
1013
1043
|
*/
|
|
1014
|
-
--df615:
|
|
1044
|
+
--df615: #fff;
|
|
1015
1045
|
/**
|
|
1016
1046
|
* action.variant.secondary.hover.color (--0d6ae) ::fgColor (color scheme aware)
|
|
1017
1047
|
*
|
|
1018
|
-
* = #
|
|
1048
|
+
* = #006987 (via root.palette.teal.400)
|
|
1019
1049
|
*/
|
|
1020
|
-
--0d6ae: #
|
|
1050
|
+
--0d6ae: #006987;
|
|
1021
1051
|
/**
|
|
1022
1052
|
* action.variant.tertiary.hover.color (--175a7) ::fgColor (color scheme aware)
|
|
1023
1053
|
*
|
|
1024
|
-
* = #
|
|
1054
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1025
1055
|
*/
|
|
1026
|
-
--175a7: #
|
|
1056
|
+
--175a7: #090f19;
|
|
1027
1057
|
/**
|
|
1028
1058
|
* action.variant.quaternary.hover.color (--6609c) ::fgColor (color scheme aware)
|
|
1029
1059
|
*
|
|
1030
|
-
* = #
|
|
1060
|
+
* = #006987 (via root.palette.teal.400)
|
|
1031
1061
|
*/
|
|
1032
|
-
--6609c: #
|
|
1062
|
+
--6609c: #006987;
|
|
1033
1063
|
/**
|
|
1034
1064
|
* action.variant.plain.hover.color (--1265d) ::fgColor (color scheme aware)
|
|
1035
1065
|
*
|
|
1036
|
-
* = #
|
|
1066
|
+
* = #006987 (via root.palette.teal.400)
|
|
1037
1067
|
*/
|
|
1038
|
-
--1265d: #
|
|
1068
|
+
--1265d: #006987;
|
|
1039
1069
|
/**
|
|
1040
1070
|
* action.variant.dangerous.hover.color (--6f5d5) ::fgColor (color scheme aware)
|
|
1041
1071
|
*
|
|
1042
|
-
* =
|
|
1072
|
+
* = #fff (via root.palette.white)
|
|
1043
1073
|
*/
|
|
1044
|
-
--6f5d5:
|
|
1074
|
+
--6f5d5: #fff;
|
|
1045
1075
|
/**
|
|
1046
1076
|
* action.variant.primary.active.color (--15cee) ::fgColor (color scheme aware)
|
|
1047
1077
|
*
|
|
1048
|
-
* =
|
|
1078
|
+
* = #fff (via root.palette.white)
|
|
1049
1079
|
*/
|
|
1050
|
-
--15cee:
|
|
1080
|
+
--15cee: #fff;
|
|
1051
1081
|
/**
|
|
1052
1082
|
* action.variant.secondary.active.color (--22cb4) ::fgColor (color scheme aware)
|
|
1053
1083
|
*
|
|
1054
|
-
* = #
|
|
1084
|
+
* = #006987 (via root.palette.teal.400)
|
|
1055
1085
|
*/
|
|
1056
|
-
--22cb4: #
|
|
1086
|
+
--22cb4: #006987;
|
|
1057
1087
|
/**
|
|
1058
1088
|
* action.variant.tertiary.active.color (--8274e) ::fgColor (color scheme aware)
|
|
1059
1089
|
*
|
|
1060
|
-
* = #
|
|
1090
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1061
1091
|
*/
|
|
1062
|
-
--8274e: #
|
|
1092
|
+
--8274e: #090f19;
|
|
1063
1093
|
/**
|
|
1064
1094
|
* action.variant.quaternary.active.color (--e9f22) ::fgColor (color scheme aware)
|
|
1065
1095
|
*
|
|
1066
|
-
* = #
|
|
1096
|
+
* = #006987 (via root.palette.teal.400)
|
|
1067
1097
|
*/
|
|
1068
|
-
--e9f22: #
|
|
1098
|
+
--e9f22: #006987;
|
|
1069
1099
|
/**
|
|
1070
1100
|
* action.variant.plain.active.color (--a4162) ::fgColor (color scheme aware)
|
|
1071
1101
|
*
|
|
1072
|
-
* = #
|
|
1102
|
+
* = #006987 (via root.palette.teal.400)
|
|
1073
1103
|
*/
|
|
1074
|
-
--a4162: #
|
|
1104
|
+
--a4162: #006987;
|
|
1075
1105
|
/**
|
|
1076
1106
|
* action.variant.dangerous.active.color (--6b4e9) ::fgColor (color scheme aware)
|
|
1077
1107
|
*
|
|
1078
|
-
* =
|
|
1108
|
+
* = #fff (via root.palette.white)
|
|
1079
1109
|
*/
|
|
1080
|
-
--6b4e9:
|
|
1110
|
+
--6b4e9: #fff;
|
|
1081
1111
|
/**
|
|
1082
1112
|
* action.link.color (--1e752) ::fgColor (color scheme aware)
|
|
1083
1113
|
*
|
|
1084
|
-
* = #
|
|
1114
|
+
* = #006987 (via root.palette.teal.400)
|
|
1085
1115
|
*/
|
|
1086
|
-
--1e752: #
|
|
1116
|
+
--1e752: #006987;
|
|
1087
1117
|
/**
|
|
1088
1118
|
* action.link.hover.color (--7d796) ::fgColor (color scheme aware)
|
|
1089
1119
|
*
|
|
1090
|
-
* = #
|
|
1120
|
+
* = #2e81a0
|
|
1091
1121
|
*/
|
|
1092
|
-
--7d796: #
|
|
1122
|
+
--7d796: #2e81a0;
|
|
1093
1123
|
/**
|
|
1094
1124
|
* action.link.active.color (--17d30) ::fgColor (color scheme aware)
|
|
1095
1125
|
*
|
|
1096
|
-
* = #
|
|
1126
|
+
* = #006987 (via root.palette.teal.400)
|
|
1097
1127
|
*/
|
|
1098
|
-
--17d30: #
|
|
1128
|
+
--17d30: #006987;
|
|
1099
1129
|
/**
|
|
1100
1130
|
* panel.base.bgColor (--7c8e6) ::bgColor (color scheme aware)
|
|
1101
1131
|
*
|
|
1102
|
-
* =
|
|
1132
|
+
* = #fff (via scheme.bgColor)
|
|
1103
1133
|
*/
|
|
1104
|
-
--7c8e6:
|
|
1134
|
+
--7c8e6: #fff;
|
|
1105
1135
|
/**
|
|
1106
1136
|
* panel.divider.borderColor (--66a60) ::borderColor (color scheme aware)
|
|
1107
1137
|
*
|
|
1108
|
-
* = #
|
|
1138
|
+
* = #8194a7 (via root.palette.gray.300)
|
|
1109
1139
|
*/
|
|
1110
|
-
--66a60: #
|
|
1140
|
+
--66a60: #8194a7;
|
|
1111
1141
|
/**
|
|
1112
1142
|
* text.accent.normal.color (--937a6) ::fgColor (color scheme aware)
|
|
1113
1143
|
*
|
|
1114
|
-
* = #
|
|
1144
|
+
* = #090f19 (via scheme.color)
|
|
1115
1145
|
*/
|
|
1116
|
-
--937a6: #
|
|
1146
|
+
--937a6: #090f19;
|
|
1117
1147
|
/**
|
|
1118
1148
|
* text.accent.muted.color (--fe08e) ::fgColor (color scheme aware)
|
|
1119
1149
|
*
|
|
1120
|
-
* = #
|
|
1150
|
+
* = #52667d (via root.palette.gray.400)
|
|
1121
1151
|
*/
|
|
1122
|
-
--fe08e: #
|
|
1152
|
+
--fe08e: #52667d;
|
|
1123
1153
|
/**
|
|
1124
1154
|
* text.accent.brand.color (--32ad9) ::fgColor (color scheme aware)
|
|
1125
1155
|
*
|
|
1126
|
-
* = #
|
|
1156
|
+
* = #006987 (via root.palette.teal.400)
|
|
1127
1157
|
*/
|
|
1128
|
-
--32ad9: #
|
|
1158
|
+
--32ad9: #006987;
|
|
1129
1159
|
/**
|
|
1130
1160
|
* text.accent.positive.color (--e0400) ::fgColor (color scheme aware)
|
|
1131
1161
|
*
|
|
@@ -1159,14 +1189,14 @@
|
|
|
1159
1189
|
/**
|
|
1160
1190
|
* scheme.color
|
|
1161
1191
|
*/
|
|
1162
|
-
color: #
|
|
1192
|
+
color: #090f19
|
|
1163
1193
|
}
|
|
1164
1194
|
|
|
1165
1195
|
:global(.ds-scheme--base):global(.ds-scheme----bg) {
|
|
1166
1196
|
/**
|
|
1167
1197
|
* scheme.bgColor
|
|
1168
1198
|
*/
|
|
1169
|
-
background-color:
|
|
1199
|
+
background-color: #fff
|
|
1170
1200
|
|
|
1171
1201
|
}
|
|
1172
1202
|
|
|
@@ -1175,9 +1205,9 @@
|
|
|
1175
1205
|
/**
|
|
1176
1206
|
* scheme.color (--aface) ::fgColor (color scheme aware)
|
|
1177
1207
|
*
|
|
1178
|
-
* =
|
|
1208
|
+
* = #fff (via root.palette.white)
|
|
1179
1209
|
*/
|
|
1180
|
-
--aface:
|
|
1210
|
+
--aface: #fff;
|
|
1181
1211
|
/**
|
|
1182
1212
|
* scheme.bgColor (--786b9) ::bgColor (color scheme aware)
|
|
1183
1213
|
*
|
|
@@ -1187,9 +1217,9 @@
|
|
|
1187
1217
|
/**
|
|
1188
1218
|
* action.base.focus.outlineColor (--603ec) ::outlineOffset (color scheme aware)
|
|
1189
1219
|
*
|
|
1190
|
-
* =
|
|
1220
|
+
* = #fff (via root.palette.white)
|
|
1191
1221
|
*/
|
|
1192
|
-
--603ec:
|
|
1222
|
+
--603ec: #fff;
|
|
1193
1223
|
/**
|
|
1194
1224
|
* action.variant.primary.color (--d2baa) ::fgColor (color scheme aware)
|
|
1195
1225
|
*
|
|
@@ -1199,39 +1229,39 @@
|
|
|
1199
1229
|
/**
|
|
1200
1230
|
* action.variant.secondary.color (--1614c) ::fgColor (color scheme aware)
|
|
1201
1231
|
*
|
|
1202
|
-
* =
|
|
1232
|
+
* = #fff (via scheme.color)
|
|
1203
1233
|
*/
|
|
1204
|
-
--1614c:
|
|
1234
|
+
--1614c: #fff;
|
|
1205
1235
|
/**
|
|
1206
1236
|
* action.variant.tertiary.color (--93754) ::fgColor (color scheme aware)
|
|
1207
1237
|
*
|
|
1208
|
-
* = #
|
|
1238
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1209
1239
|
*/
|
|
1210
|
-
--93754: #
|
|
1240
|
+
--93754: #090f19;
|
|
1211
1241
|
/**
|
|
1212
1242
|
* action.variant.quaternary.color (--9cf6e) ::fgColor (color scheme aware)
|
|
1213
1243
|
*
|
|
1214
|
-
* =
|
|
1244
|
+
* = #fff (via scheme.color)
|
|
1215
1245
|
*/
|
|
1216
|
-
--9cf6e:
|
|
1246
|
+
--9cf6e: #fff;
|
|
1217
1247
|
/**
|
|
1218
1248
|
* action.variant.plain.color (--122a9) ::fgColor (color scheme aware)
|
|
1219
1249
|
*
|
|
1220
|
-
* =
|
|
1250
|
+
* = #fff (via scheme.color)
|
|
1221
1251
|
*/
|
|
1222
|
-
--122a9:
|
|
1252
|
+
--122a9: #fff;
|
|
1223
1253
|
/**
|
|
1224
1254
|
* action.variant.dangerous.color (--efde5) ::fgColor (color scheme aware)
|
|
1225
1255
|
*
|
|
1226
|
-
* =
|
|
1256
|
+
* = #fff (via root.palette.white)
|
|
1227
1257
|
*/
|
|
1228
|
-
--efde5:
|
|
1258
|
+
--efde5: #fff;
|
|
1229
1259
|
/**
|
|
1230
1260
|
* action.variant.primary.bgColor (--508b3) ::bgColor (color scheme aware)
|
|
1231
1261
|
*
|
|
1232
|
-
* =
|
|
1262
|
+
* = #fff (via scheme.color)
|
|
1233
1263
|
*/
|
|
1234
|
-
--508b3:
|
|
1264
|
+
--508b3: #fff;
|
|
1235
1265
|
/**
|
|
1236
1266
|
* action.variant.secondary.bgColor (--e5616) ::bgColor (color scheme aware)
|
|
1237
1267
|
*
|
|
@@ -1241,9 +1271,9 @@
|
|
|
1241
1271
|
/**
|
|
1242
1272
|
* action.variant.tertiary.bgColor (--28f3c) ::bgColor (color scheme aware)
|
|
1243
1273
|
*
|
|
1244
|
-
* = #
|
|
1274
|
+
* = #f7f5f2 (via root.palette.ivory)
|
|
1245
1275
|
*/
|
|
1246
|
-
--28f3c: #
|
|
1276
|
+
--28f3c: #f7f5f2;
|
|
1247
1277
|
/**
|
|
1248
1278
|
* action.variant.quaternary.bgColor (--e4644) ::bgColor (color scheme aware)
|
|
1249
1279
|
*
|
|
@@ -1271,9 +1301,9 @@
|
|
|
1271
1301
|
/**
|
|
1272
1302
|
* action.variant.secondary.borderColor (--ab736) ::borderColor (color scheme aware)
|
|
1273
1303
|
*
|
|
1274
|
-
* =
|
|
1304
|
+
* = #fff (via scheme.color)
|
|
1275
1305
|
*/
|
|
1276
|
-
--ab736:
|
|
1306
|
+
--ab736: #fff;
|
|
1277
1307
|
/**
|
|
1278
1308
|
* action.variant.tertiary.borderColor (--10556) ::borderColor (color scheme aware)
|
|
1279
1309
|
*
|
|
@@ -1301,9 +1331,9 @@
|
|
|
1301
1331
|
/**
|
|
1302
1332
|
* action.variant.primary.hover.bgColor (--902b5) ::bgColor (color scheme aware)
|
|
1303
1333
|
*
|
|
1304
|
-
* =
|
|
1334
|
+
* = #fff (via scheme.color)
|
|
1305
1335
|
*/
|
|
1306
|
-
--902b5:
|
|
1336
|
+
--902b5: #fff;
|
|
1307
1337
|
/**
|
|
1308
1338
|
* action.variant.secondary.hover.bgColor (--0d124) ::bgColor (color scheme aware)
|
|
1309
1339
|
*
|
|
@@ -1313,9 +1343,9 @@
|
|
|
1313
1343
|
/**
|
|
1314
1344
|
* action.variant.tertiary.hover.bgColor (--ec17b) ::bgColor (color scheme aware)
|
|
1315
1345
|
*
|
|
1316
|
-
* = #
|
|
1346
|
+
* = #fbf9f6
|
|
1317
1347
|
*/
|
|
1318
|
-
--ec17b: #
|
|
1348
|
+
--ec17b: #fbf9f6;
|
|
1319
1349
|
/**
|
|
1320
1350
|
* action.variant.quaternary.hover.bgColor (--afc17) ::bgColor (color scheme aware)
|
|
1321
1351
|
*
|
|
@@ -1337,9 +1367,9 @@
|
|
|
1337
1367
|
/**
|
|
1338
1368
|
* action.variant.primary.active.bgColor (--c1c1c) ::bgColor (color scheme aware)
|
|
1339
1369
|
*
|
|
1340
|
-
* =
|
|
1370
|
+
* = #fff (via scheme.color)
|
|
1341
1371
|
*/
|
|
1342
|
-
--c1c1c:
|
|
1372
|
+
--c1c1c: #fff;
|
|
1343
1373
|
/**
|
|
1344
1374
|
* action.variant.secondary.active.bgColor (--33b43) ::bgColor (color scheme aware)
|
|
1345
1375
|
*
|
|
@@ -1349,9 +1379,9 @@
|
|
|
1349
1379
|
/**
|
|
1350
1380
|
* action.variant.tertiary.active.bgColor (--b0bf5) ::bgColor (color scheme aware)
|
|
1351
1381
|
*
|
|
1352
|
-
* = #
|
|
1382
|
+
* = #edebe8
|
|
1353
1383
|
*/
|
|
1354
|
-
--b0bf5: #
|
|
1384
|
+
--b0bf5: #edebe8;
|
|
1355
1385
|
/**
|
|
1356
1386
|
* action.variant.quaternary.active.bgColor (--2ee55) ::bgColor (color scheme aware)
|
|
1357
1387
|
*
|
|
@@ -1373,93 +1403,93 @@
|
|
|
1373
1403
|
/**
|
|
1374
1404
|
* action.variant.primary.hover.color (--df615) ::fgColor (color scheme aware)
|
|
1375
1405
|
*
|
|
1376
|
-
* = #
|
|
1406
|
+
* = #2c912d
|
|
1377
1407
|
*/
|
|
1378
|
-
--df615: #
|
|
1408
|
+
--df615: #2c912d;
|
|
1379
1409
|
/**
|
|
1380
1410
|
* action.variant.secondary.hover.color (--0d6ae) ::fgColor (color scheme aware)
|
|
1381
1411
|
*
|
|
1382
|
-
* =
|
|
1412
|
+
* = #fff (via scheme.color)
|
|
1383
1413
|
*/
|
|
1384
|
-
--0d6ae:
|
|
1414
|
+
--0d6ae: #fff;
|
|
1385
1415
|
/**
|
|
1386
1416
|
* action.variant.tertiary.hover.color (--175a7) ::fgColor (color scheme aware)
|
|
1387
1417
|
*
|
|
1388
|
-
* = #
|
|
1418
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1389
1419
|
*/
|
|
1390
|
-
--175a7: #
|
|
1420
|
+
--175a7: #090f19;
|
|
1391
1421
|
/**
|
|
1392
1422
|
* action.variant.quaternary.hover.color (--6609c) ::fgColor (color scheme aware)
|
|
1393
1423
|
*
|
|
1394
|
-
* =
|
|
1424
|
+
* = #fff (via scheme.color)
|
|
1395
1425
|
*/
|
|
1396
|
-
--6609c:
|
|
1426
|
+
--6609c: #fff;
|
|
1397
1427
|
/**
|
|
1398
1428
|
* action.variant.plain.hover.color (--1265d) ::fgColor (color scheme aware)
|
|
1399
1429
|
*
|
|
1400
|
-
* =
|
|
1430
|
+
* = #fff (via scheme.color)
|
|
1401
1431
|
*/
|
|
1402
|
-
--1265d:
|
|
1432
|
+
--1265d: #fff;
|
|
1403
1433
|
/**
|
|
1404
1434
|
* action.variant.dangerous.hover.color (--6f5d5) ::fgColor (color scheme aware)
|
|
1405
1435
|
*
|
|
1406
|
-
* =
|
|
1436
|
+
* = #fff (via root.palette.white)
|
|
1407
1437
|
*/
|
|
1408
|
-
--6f5d5:
|
|
1438
|
+
--6f5d5: #fff;
|
|
1409
1439
|
/**
|
|
1410
1440
|
* action.variant.primary.active.color (--15cee) ::fgColor (color scheme aware)
|
|
1411
1441
|
*
|
|
1412
|
-
* = #
|
|
1442
|
+
* = #046b12
|
|
1413
1443
|
*/
|
|
1414
|
-
--15cee: #
|
|
1444
|
+
--15cee: #046b12;
|
|
1415
1445
|
/**
|
|
1416
1446
|
* action.variant.secondary.active.color (--22cb4) ::fgColor (color scheme aware)
|
|
1417
1447
|
*
|
|
1418
|
-
* =
|
|
1448
|
+
* = #fff (via scheme.color)
|
|
1419
1449
|
*/
|
|
1420
|
-
--22cb4:
|
|
1450
|
+
--22cb4: #fff;
|
|
1421
1451
|
/**
|
|
1422
1452
|
* action.variant.tertiary.active.color (--8274e) ::fgColor (color scheme aware)
|
|
1423
1453
|
*
|
|
1424
|
-
* = #
|
|
1454
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1425
1455
|
*/
|
|
1426
|
-
--8274e: #
|
|
1456
|
+
--8274e: #090f19;
|
|
1427
1457
|
/**
|
|
1428
1458
|
* action.variant.quaternary.active.color (--e9f22) ::fgColor (color scheme aware)
|
|
1429
1459
|
*
|
|
1430
|
-
* =
|
|
1460
|
+
* = #fff (via scheme.color)
|
|
1431
1461
|
*/
|
|
1432
|
-
--e9f22:
|
|
1462
|
+
--e9f22: #fff;
|
|
1433
1463
|
/**
|
|
1434
1464
|
* action.variant.plain.active.color (--a4162) ::fgColor (color scheme aware)
|
|
1435
1465
|
*
|
|
1436
|
-
* =
|
|
1466
|
+
* = #fff (via scheme.color)
|
|
1437
1467
|
*/
|
|
1438
|
-
--a4162:
|
|
1468
|
+
--a4162: #fff;
|
|
1439
1469
|
/**
|
|
1440
1470
|
* action.variant.dangerous.active.color (--6b4e9) ::fgColor (color scheme aware)
|
|
1441
1471
|
*
|
|
1442
|
-
* =
|
|
1472
|
+
* = #fff (via root.palette.white)
|
|
1443
1473
|
*/
|
|
1444
|
-
--6b4e9:
|
|
1474
|
+
--6b4e9: #fff;
|
|
1445
1475
|
/**
|
|
1446
1476
|
* action.link.color (--1e752) ::fgColor (color scheme aware)
|
|
1447
1477
|
*
|
|
1448
|
-
* =
|
|
1478
|
+
* = #fff (via root.palette.white)
|
|
1449
1479
|
*/
|
|
1450
|
-
--1e752:
|
|
1480
|
+
--1e752: #fff;
|
|
1451
1481
|
/**
|
|
1452
1482
|
* action.link.hover.color (--7d796) ::fgColor (color scheme aware)
|
|
1453
1483
|
*
|
|
1454
|
-
* =
|
|
1484
|
+
* = #fff (via root.palette.white)
|
|
1455
1485
|
*/
|
|
1456
|
-
--7d796:
|
|
1486
|
+
--7d796: #fff;
|
|
1457
1487
|
/**
|
|
1458
1488
|
* action.link.active.color (--17d30) ::fgColor (color scheme aware)
|
|
1459
1489
|
*
|
|
1460
|
-
* =
|
|
1490
|
+
* = #fff (via root.palette.white)
|
|
1461
1491
|
*/
|
|
1462
|
-
--17d30:
|
|
1492
|
+
--17d30: #fff;
|
|
1463
1493
|
/**
|
|
1464
1494
|
* panel.base.bgColor (--7c8e6) ::bgColor (color scheme aware)
|
|
1465
1495
|
*
|
|
@@ -1469,33 +1499,33 @@
|
|
|
1469
1499
|
/**
|
|
1470
1500
|
* panel.divider.borderColor (--66a60) ::borderColor (color scheme aware)
|
|
1471
1501
|
*
|
|
1472
|
-
* =
|
|
1502
|
+
* = #fff (via scheme.color)
|
|
1473
1503
|
*/
|
|
1474
|
-
--66a60:
|
|
1504
|
+
--66a60: #fff;
|
|
1475
1505
|
/**
|
|
1476
1506
|
* text.accent.normal.color (--937a6) ::fgColor (color scheme aware)
|
|
1477
1507
|
*
|
|
1478
|
-
* =
|
|
1508
|
+
* = #fff (via scheme.color)
|
|
1479
1509
|
*/
|
|
1480
|
-
--937a6:
|
|
1510
|
+
--937a6: #fff;
|
|
1481
1511
|
/**
|
|
1482
1512
|
* text.accent.muted.color (--fe08e) ::fgColor (color scheme aware)
|
|
1483
1513
|
*
|
|
1484
|
-
* =
|
|
1514
|
+
* = #fff (via scheme.color)
|
|
1485
1515
|
*/
|
|
1486
|
-
--fe08e:
|
|
1516
|
+
--fe08e: #fff;
|
|
1487
1517
|
/**
|
|
1488
1518
|
* text.accent.brand.color (--32ad9) ::fgColor (color scheme aware)
|
|
1489
1519
|
*
|
|
1490
|
-
* =
|
|
1520
|
+
* = #fff (via root.palette.white)
|
|
1491
1521
|
*/
|
|
1492
|
-
--32ad9:
|
|
1522
|
+
--32ad9: #fff;
|
|
1493
1523
|
/**
|
|
1494
1524
|
* text.accent.positive.color (--e0400) ::fgColor (color scheme aware)
|
|
1495
1525
|
*
|
|
1496
|
-
* =
|
|
1526
|
+
* = #fff (via root.palette.white)
|
|
1497
1527
|
*/
|
|
1498
|
-
--e0400:
|
|
1528
|
+
--e0400: #fff;
|
|
1499
1529
|
/**
|
|
1500
1530
|
* text.highlight.blue.color (--68bd1) ::fgColor (color scheme aware)
|
|
1501
1531
|
*
|
|
@@ -1523,7 +1553,7 @@
|
|
|
1523
1553
|
/**
|
|
1524
1554
|
* scheme.color
|
|
1525
1555
|
*/
|
|
1526
|
-
color:
|
|
1556
|
+
color: #fff
|
|
1527
1557
|
}
|
|
1528
1558
|
|
|
1529
1559
|
:global(.ds-scheme--banner):global(.ds-scheme----bg) {
|
|
@@ -1539,87 +1569,87 @@
|
|
|
1539
1569
|
/**
|
|
1540
1570
|
* scheme.color (--aface) ::fgColor (color scheme aware)
|
|
1541
1571
|
*
|
|
1542
|
-
* =
|
|
1572
|
+
* = #fff (via root.palette.white)
|
|
1543
1573
|
*/
|
|
1544
|
-
--aface:
|
|
1574
|
+
--aface: #fff;
|
|
1545
1575
|
/**
|
|
1546
1576
|
* scheme.bgColor (--786b9) ::bgColor (color scheme aware)
|
|
1547
1577
|
*
|
|
1548
|
-
* = #
|
|
1578
|
+
* = #192435 (via root.palette.gray.500)
|
|
1549
1579
|
*/
|
|
1550
|
-
--786b9: #
|
|
1580
|
+
--786b9: #192435;
|
|
1551
1581
|
/**
|
|
1552
1582
|
* action.base.focus.outlineColor (--603ec) ::outlineOffset (color scheme aware)
|
|
1553
1583
|
*
|
|
1554
|
-
* = #
|
|
1584
|
+
* = #0096b2 (via root.palette.teal.300)
|
|
1555
1585
|
*/
|
|
1556
|
-
--603ec: #
|
|
1586
|
+
--603ec: #0096b2;
|
|
1557
1587
|
/**
|
|
1558
1588
|
* action.variant.primary.color (--d2baa) ::fgColor (color scheme aware)
|
|
1559
1589
|
*
|
|
1560
|
-
* =
|
|
1590
|
+
* = #fff (via root.palette.white)
|
|
1561
1591
|
*/
|
|
1562
|
-
--d2baa:
|
|
1592
|
+
--d2baa: #fff;
|
|
1563
1593
|
/**
|
|
1564
1594
|
* action.variant.secondary.color (--1614c) ::fgColor (color scheme aware)
|
|
1565
1595
|
*
|
|
1566
|
-
* =
|
|
1596
|
+
* = #fff (via scheme.color)
|
|
1567
1597
|
*/
|
|
1568
|
-
--1614c:
|
|
1598
|
+
--1614c: #fff;
|
|
1569
1599
|
/**
|
|
1570
1600
|
* action.variant.tertiary.color (--93754) ::fgColor (color scheme aware)
|
|
1571
1601
|
*
|
|
1572
|
-
* = #
|
|
1602
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1573
1603
|
*/
|
|
1574
|
-
--93754: #
|
|
1604
|
+
--93754: #090f19;
|
|
1575
1605
|
/**
|
|
1576
1606
|
* action.variant.quaternary.color (--9cf6e) ::fgColor (color scheme aware)
|
|
1577
1607
|
*
|
|
1578
|
-
* =
|
|
1608
|
+
* = #fff (via scheme.color)
|
|
1579
1609
|
*/
|
|
1580
|
-
--9cf6e:
|
|
1610
|
+
--9cf6e: #fff;
|
|
1581
1611
|
/**
|
|
1582
1612
|
* action.variant.plain.color (--122a9) ::fgColor (color scheme aware)
|
|
1583
1613
|
*
|
|
1584
|
-
* =
|
|
1614
|
+
* = #fff (via scheme.color)
|
|
1585
1615
|
*/
|
|
1586
|
-
--122a9:
|
|
1616
|
+
--122a9: #fff;
|
|
1587
1617
|
/**
|
|
1588
1618
|
* action.variant.dangerous.color (--efde5) ::fgColor (color scheme aware)
|
|
1589
1619
|
*
|
|
1590
|
-
* =
|
|
1620
|
+
* = #fff (via root.palette.white)
|
|
1591
1621
|
*/
|
|
1592
|
-
--efde5:
|
|
1622
|
+
--efde5: #fff;
|
|
1593
1623
|
/**
|
|
1594
1624
|
* action.variant.primary.bgColor (--508b3) ::bgColor (color scheme aware)
|
|
1595
1625
|
*
|
|
1596
|
-
* = #
|
|
1626
|
+
* = #0096b2 (via root.palette.teal.300)
|
|
1597
1627
|
*/
|
|
1598
|
-
--508b3: #
|
|
1628
|
+
--508b3: #0096b2;
|
|
1599
1629
|
/**
|
|
1600
1630
|
* action.variant.secondary.bgColor (--e5616) ::bgColor (color scheme aware)
|
|
1601
1631
|
*
|
|
1602
|
-
* = #
|
|
1632
|
+
* = #192435 (via scheme.bgColor)
|
|
1603
1633
|
*/
|
|
1604
|
-
--e5616: #
|
|
1634
|
+
--e5616: #192435;
|
|
1605
1635
|
/**
|
|
1606
1636
|
* action.variant.tertiary.bgColor (--28f3c) ::bgColor (color scheme aware)
|
|
1607
1637
|
*
|
|
1608
|
-
* = #
|
|
1638
|
+
* = #f7f5f2 (via root.palette.ivory)
|
|
1609
1639
|
*/
|
|
1610
|
-
--28f3c: #
|
|
1640
|
+
--28f3c: #f7f5f2;
|
|
1611
1641
|
/**
|
|
1612
1642
|
* action.variant.quaternary.bgColor (--e4644) ::bgColor (color scheme aware)
|
|
1613
1643
|
*
|
|
1614
|
-
* = #
|
|
1644
|
+
* = #192435 (via scheme.bgColor)
|
|
1615
1645
|
*/
|
|
1616
|
-
--e4644: #
|
|
1646
|
+
--e4644: #192435;
|
|
1617
1647
|
/**
|
|
1618
1648
|
* action.variant.plain.bgColor (--bbb35) ::bgColor (color scheme aware)
|
|
1619
1649
|
*
|
|
1620
|
-
* = #
|
|
1650
|
+
* = #192435 (via scheme.bgColor)
|
|
1621
1651
|
*/
|
|
1622
|
-
--bbb35: #
|
|
1652
|
+
--bbb35: #192435;
|
|
1623
1653
|
/**
|
|
1624
1654
|
* action.variant.dangerous.bgColor (--118bd) ::bgColor (color scheme aware)
|
|
1625
1655
|
*
|
|
@@ -1635,9 +1665,9 @@
|
|
|
1635
1665
|
/**
|
|
1636
1666
|
* action.variant.secondary.borderColor (--ab736) ::borderColor (color scheme aware)
|
|
1637
1667
|
*
|
|
1638
|
-
* =
|
|
1668
|
+
* = #fff (via scheme.color)
|
|
1639
1669
|
*/
|
|
1640
|
-
--ab736:
|
|
1670
|
+
--ab736: #fff;
|
|
1641
1671
|
/**
|
|
1642
1672
|
* action.variant.tertiary.borderColor (--10556) ::borderColor (color scheme aware)
|
|
1643
1673
|
*
|
|
@@ -1665,27 +1695,27 @@
|
|
|
1665
1695
|
/**
|
|
1666
1696
|
* action.variant.primary.hover.bgColor (--902b5) ::bgColor (color scheme aware)
|
|
1667
1697
|
*
|
|
1668
|
-
* = #
|
|
1698
|
+
* = #22a2be
|
|
1669
1699
|
*/
|
|
1670
|
-
--902b5: #
|
|
1700
|
+
--902b5: #22a2be;
|
|
1671
1701
|
/**
|
|
1672
1702
|
* action.variant.secondary.hover.bgColor (--0d124) ::bgColor (color scheme aware)
|
|
1673
1703
|
*
|
|
1674
|
-
* = #
|
|
1704
|
+
* = #202b3c
|
|
1675
1705
|
*/
|
|
1676
|
-
--0d124: #
|
|
1706
|
+
--0d124: #202b3c;
|
|
1677
1707
|
/**
|
|
1678
1708
|
* action.variant.tertiary.hover.bgColor (--ec17b) ::bgColor (color scheme aware)
|
|
1679
1709
|
*
|
|
1680
|
-
* = #
|
|
1710
|
+
* = #fbf9f6
|
|
1681
1711
|
*/
|
|
1682
|
-
--ec17b: #
|
|
1712
|
+
--ec17b: #fbf9f6;
|
|
1683
1713
|
/**
|
|
1684
1714
|
* action.variant.quaternary.hover.bgColor (--afc17) ::bgColor (color scheme aware)
|
|
1685
1715
|
*
|
|
1686
|
-
* = #
|
|
1716
|
+
* = #202b3c
|
|
1687
1717
|
*/
|
|
1688
|
-
--afc17: #
|
|
1718
|
+
--afc17: #202b3c;
|
|
1689
1719
|
/**
|
|
1690
1720
|
* action.variant.plain.hover.bgColor (--df2ac) ::bgColor (color scheme aware)
|
|
1691
1721
|
*
|
|
@@ -1701,27 +1731,27 @@
|
|
|
1701
1731
|
/**
|
|
1702
1732
|
* action.variant.primary.active.bgColor (--c1c1c) ::bgColor (color scheme aware)
|
|
1703
1733
|
*
|
|
1704
|
-
* = #
|
|
1734
|
+
* = #0089a3
|
|
1705
1735
|
*/
|
|
1706
|
-
--c1c1c: #
|
|
1736
|
+
--c1c1c: #0089a3;
|
|
1707
1737
|
/**
|
|
1708
1738
|
* action.variant.secondary.active.bgColor (--33b43) ::bgColor (color scheme aware)
|
|
1709
1739
|
*
|
|
1710
|
-
* = #
|
|
1740
|
+
* = #131e2f
|
|
1711
1741
|
*/
|
|
1712
|
-
--33b43: #
|
|
1742
|
+
--33b43: #131e2f;
|
|
1713
1743
|
/**
|
|
1714
1744
|
* action.variant.tertiary.active.bgColor (--b0bf5) ::bgColor (color scheme aware)
|
|
1715
1745
|
*
|
|
1716
|
-
* = #
|
|
1746
|
+
* = #edebe8
|
|
1717
1747
|
*/
|
|
1718
|
-
--b0bf5: #
|
|
1748
|
+
--b0bf5: #edebe8;
|
|
1719
1749
|
/**
|
|
1720
1750
|
* action.variant.quaternary.active.bgColor (--2ee55) ::bgColor (color scheme aware)
|
|
1721
1751
|
*
|
|
1722
|
-
* = #
|
|
1752
|
+
* = #131e2f
|
|
1723
1753
|
*/
|
|
1724
|
-
--2ee55: #
|
|
1754
|
+
--2ee55: #131e2f;
|
|
1725
1755
|
/**
|
|
1726
1756
|
* action.variant.plain.active.bgColor (--435fa) ::bgColor (color scheme aware)
|
|
1727
1757
|
*
|
|
@@ -1737,123 +1767,123 @@
|
|
|
1737
1767
|
/**
|
|
1738
1768
|
* action.variant.primary.hover.color (--df615) ::fgColor (color scheme aware)
|
|
1739
1769
|
*
|
|
1740
|
-
* =
|
|
1770
|
+
* = #fff (via root.palette.white)
|
|
1741
1771
|
*/
|
|
1742
|
-
--df615:
|
|
1772
|
+
--df615: #fff;
|
|
1743
1773
|
/**
|
|
1744
1774
|
* action.variant.secondary.hover.color (--0d6ae) ::fgColor (color scheme aware)
|
|
1745
1775
|
*
|
|
1746
|
-
* =
|
|
1776
|
+
* = #fff (via scheme.color)
|
|
1747
1777
|
*/
|
|
1748
|
-
--0d6ae:
|
|
1778
|
+
--0d6ae: #fff;
|
|
1749
1779
|
/**
|
|
1750
1780
|
* action.variant.tertiary.hover.color (--175a7) ::fgColor (color scheme aware)
|
|
1751
1781
|
*
|
|
1752
|
-
* = #
|
|
1782
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1753
1783
|
*/
|
|
1754
|
-
--175a7: #
|
|
1784
|
+
--175a7: #090f19;
|
|
1755
1785
|
/**
|
|
1756
1786
|
* action.variant.quaternary.hover.color (--6609c) ::fgColor (color scheme aware)
|
|
1757
1787
|
*
|
|
1758
|
-
* =
|
|
1788
|
+
* = #fff (via scheme.color)
|
|
1759
1789
|
*/
|
|
1760
|
-
--6609c:
|
|
1790
|
+
--6609c: #fff;
|
|
1761
1791
|
/**
|
|
1762
1792
|
* action.variant.plain.hover.color (--1265d) ::fgColor (color scheme aware)
|
|
1763
1793
|
*
|
|
1764
|
-
* =
|
|
1794
|
+
* = #fff (via scheme.color)
|
|
1765
1795
|
*/
|
|
1766
|
-
--1265d:
|
|
1796
|
+
--1265d: #fff;
|
|
1767
1797
|
/**
|
|
1768
1798
|
* action.variant.dangerous.hover.color (--6f5d5) ::fgColor (color scheme aware)
|
|
1769
1799
|
*
|
|
1770
|
-
* =
|
|
1800
|
+
* = #fff (via root.palette.white)
|
|
1771
1801
|
*/
|
|
1772
|
-
--6f5d5:
|
|
1802
|
+
--6f5d5: #fff;
|
|
1773
1803
|
/**
|
|
1774
1804
|
* action.variant.primary.active.color (--15cee) ::fgColor (color scheme aware)
|
|
1775
1805
|
*
|
|
1776
|
-
* =
|
|
1806
|
+
* = #fff (via root.palette.white)
|
|
1777
1807
|
*/
|
|
1778
|
-
--15cee:
|
|
1808
|
+
--15cee: #fff;
|
|
1779
1809
|
/**
|
|
1780
1810
|
* action.variant.secondary.active.color (--22cb4) ::fgColor (color scheme aware)
|
|
1781
1811
|
*
|
|
1782
|
-
* =
|
|
1812
|
+
* = #fff (via scheme.color)
|
|
1783
1813
|
*/
|
|
1784
|
-
--22cb4:
|
|
1814
|
+
--22cb4: #fff;
|
|
1785
1815
|
/**
|
|
1786
1816
|
* action.variant.tertiary.active.color (--8274e) ::fgColor (color scheme aware)
|
|
1787
1817
|
*
|
|
1788
|
-
* = #
|
|
1818
|
+
* = #090f19 (via root.palette.gray.600)
|
|
1789
1819
|
*/
|
|
1790
|
-
--8274e: #
|
|
1820
|
+
--8274e: #090f19;
|
|
1791
1821
|
/**
|
|
1792
1822
|
* action.variant.quaternary.active.color (--e9f22) ::fgColor (color scheme aware)
|
|
1793
1823
|
*
|
|
1794
|
-
* =
|
|
1824
|
+
* = #fff (via scheme.color)
|
|
1795
1825
|
*/
|
|
1796
|
-
--e9f22:
|
|
1826
|
+
--e9f22: #fff;
|
|
1797
1827
|
/**
|
|
1798
1828
|
* action.variant.plain.active.color (--a4162) ::fgColor (color scheme aware)
|
|
1799
1829
|
*
|
|
1800
|
-
* =
|
|
1830
|
+
* = #fff (via scheme.color)
|
|
1801
1831
|
*/
|
|
1802
|
-
--a4162:
|
|
1832
|
+
--a4162: #fff;
|
|
1803
1833
|
/**
|
|
1804
1834
|
* action.variant.dangerous.active.color (--6b4e9) ::fgColor (color scheme aware)
|
|
1805
1835
|
*
|
|
1806
|
-
* =
|
|
1836
|
+
* = #fff (via root.palette.white)
|
|
1807
1837
|
*/
|
|
1808
|
-
--6b4e9:
|
|
1838
|
+
--6b4e9: #fff;
|
|
1809
1839
|
/**
|
|
1810
1840
|
* action.link.color (--1e752) ::fgColor (color scheme aware)
|
|
1811
1841
|
*
|
|
1812
|
-
* = #
|
|
1842
|
+
* = #27e0f6 (via root.palette.teal.200)
|
|
1813
1843
|
*/
|
|
1814
|
-
--1e752: #
|
|
1844
|
+
--1e752: #27e0f6;
|
|
1815
1845
|
/**
|
|
1816
1846
|
* action.link.hover.color (--7d796) ::fgColor (color scheme aware)
|
|
1817
1847
|
*
|
|
1818
|
-
* = #
|
|
1848
|
+
* = #c3f5fa (via root.palette.teal.100)
|
|
1819
1849
|
*/
|
|
1820
|
-
--7d796: #
|
|
1850
|
+
--7d796: #c3f5fa;
|
|
1821
1851
|
/**
|
|
1822
1852
|
* action.link.active.color (--17d30) ::fgColor (color scheme aware)
|
|
1823
1853
|
*
|
|
1824
|
-
* =
|
|
1854
|
+
* = #fff (via root.palette.white)
|
|
1825
1855
|
*/
|
|
1826
|
-
--17d30:
|
|
1856
|
+
--17d30: #fff;
|
|
1827
1857
|
/**
|
|
1828
1858
|
* panel.base.bgColor (--7c8e6) ::bgColor (color scheme aware)
|
|
1829
1859
|
*
|
|
1830
|
-
* = #
|
|
1860
|
+
* = #192435 (via scheme.bgColor)
|
|
1831
1861
|
*/
|
|
1832
|
-
--7c8e6: #
|
|
1862
|
+
--7c8e6: #192435;
|
|
1833
1863
|
/**
|
|
1834
1864
|
* panel.divider.borderColor (--66a60) ::borderColor (color scheme aware)
|
|
1835
1865
|
*
|
|
1836
|
-
* =
|
|
1866
|
+
* = #fff (via scheme.color)
|
|
1837
1867
|
*/
|
|
1838
|
-
--66a60:
|
|
1868
|
+
--66a60: #fff;
|
|
1839
1869
|
/**
|
|
1840
1870
|
* text.accent.normal.color (--937a6) ::fgColor (color scheme aware)
|
|
1841
1871
|
*
|
|
1842
|
-
* =
|
|
1872
|
+
* = #fff (via scheme.color)
|
|
1843
1873
|
*/
|
|
1844
|
-
--937a6:
|
|
1874
|
+
--937a6: #fff;
|
|
1845
1875
|
/**
|
|
1846
1876
|
* text.accent.muted.color (--fe08e) ::fgColor (color scheme aware)
|
|
1847
1877
|
*
|
|
1848
|
-
* = #
|
|
1878
|
+
* = #d8dfe6 (via root.palette.gray.200)
|
|
1849
1879
|
*/
|
|
1850
|
-
--fe08e: #
|
|
1880
|
+
--fe08e: #d8dfe6;
|
|
1851
1881
|
/**
|
|
1852
1882
|
* text.accent.brand.color (--32ad9) ::fgColor (color scheme aware)
|
|
1853
1883
|
*
|
|
1854
|
-
* = #
|
|
1884
|
+
* = #27e0f6 (via root.palette.teal.200)
|
|
1855
1885
|
*/
|
|
1856
|
-
--32ad9: #
|
|
1886
|
+
--32ad9: #27e0f6;
|
|
1857
1887
|
/**
|
|
1858
1888
|
* text.accent.positive.color (--e0400) ::fgColor (color scheme aware)
|
|
1859
1889
|
*
|
|
@@ -1887,20 +1917,20 @@
|
|
|
1887
1917
|
/**
|
|
1888
1918
|
* scheme.color
|
|
1889
1919
|
*/
|
|
1890
|
-
color:
|
|
1920
|
+
color: #fff
|
|
1891
1921
|
}
|
|
1892
1922
|
|
|
1893
1923
|
:global(.ds-scheme--invert):global(.ds-scheme----bg) {
|
|
1894
1924
|
/**
|
|
1895
1925
|
* scheme.bgColor
|
|
1896
1926
|
*/
|
|
1897
|
-
background-color: #
|
|
1927
|
+
background-color: #192435
|
|
1898
1928
|
|
|
1899
1929
|
}
|
|
1900
1930
|
|
|
1901
1931
|
}
|
|
1902
1932
|
|
|
1903
|
-
/* AUTO GENERATED @
|
|
1933
|
+
/* AUTO GENERATED @Wed Mar 23 2022 10:43:27 GMT+0000 (Coordinated Universal Time) */
|
|
1904
1934
|
|
|
1905
1935
|
.ds-base-ui {
|
|
1906
1936
|
|
|
@@ -1948,6 +1978,12 @@
|
|
|
1948
1978
|
* = #e8f6f7
|
|
1949
1979
|
*/
|
|
1950
1980
|
--e5616: #e8f6f7;
|
|
1981
|
+
/**
|
|
1982
|
+
* action.variant.tertiary.bgColor (--28f3c) ::bgColor (color scheme aware)
|
|
1983
|
+
*
|
|
1984
|
+
* = #f3f3f3
|
|
1985
|
+
*/
|
|
1986
|
+
--28f3c: #f3f3f3;
|
|
1951
1987
|
/**
|
|
1952
1988
|
* action.variant.quaternary.bgColor (--e4644) ::bgColor (color scheme aware)
|
|
1953
1989
|
*
|
|
@@ -2120,7 +2156,7 @@
|
|
|
2120
2156
|
/**
|
|
2121
2157
|
* scheme.bgColor
|
|
2122
2158
|
*/
|
|
2123
|
-
background-color:
|
|
2159
|
+
background-color: #fff
|
|
2124
2160
|
|
|
2125
2161
|
}
|
|
2126
2162
|
|
|
@@ -2144,6 +2180,12 @@
|
|
|
2144
2180
|
* = #24bb36 (via scheme.bgColor)
|
|
2145
2181
|
*/
|
|
2146
2182
|
--e5616: #24bb36;
|
|
2183
|
+
/**
|
|
2184
|
+
* action.variant.tertiary.bgColor (--28f3c) ::bgColor (color scheme aware)
|
|
2185
|
+
*
|
|
2186
|
+
* = #f3f3f3
|
|
2187
|
+
*/
|
|
2188
|
+
--28f3c: #f3f3f3;
|
|
2147
2189
|
/**
|
|
2148
2190
|
* action.variant.quaternary.bgColor (--e4644) ::bgColor (color scheme aware)
|
|
2149
2191
|
*
|
|
@@ -2249,7 +2291,7 @@
|
|
|
2249
2291
|
/**
|
|
2250
2292
|
* scheme.color
|
|
2251
2293
|
*/
|
|
2252
|
-
color:
|
|
2294
|
+
color: #fff
|
|
2253
2295
|
}
|
|
2254
2296
|
|
|
2255
2297
|
:global(.ds-scheme--banner):global(.ds-scheme----bg) {
|
|
@@ -2304,6 +2346,12 @@
|
|
|
2304
2346
|
* = #3c4447 (via scheme.bgColor)
|
|
2305
2347
|
*/
|
|
2306
2348
|
--e5616: #3c4447;
|
|
2349
|
+
/**
|
|
2350
|
+
* action.variant.tertiary.bgColor (--28f3c) ::bgColor (color scheme aware)
|
|
2351
|
+
*
|
|
2352
|
+
* = #f3f3f3
|
|
2353
|
+
*/
|
|
2354
|
+
--28f3c: #f3f3f3;
|
|
2307
2355
|
/**
|
|
2308
2356
|
* action.variant.quaternary.bgColor (--e4644) ::bgColor (color scheme aware)
|
|
2309
2357
|
*
|
|
@@ -2433,9 +2481,9 @@
|
|
|
2433
2481
|
/**
|
|
2434
2482
|
* text.accent.positive.color (--e0400) ::fgColor (color scheme aware)
|
|
2435
2483
|
*
|
|
2436
|
-
* =
|
|
2484
|
+
* = #fff (via scheme.color)
|
|
2437
2485
|
*/
|
|
2438
|
-
--e0400:
|
|
2486
|
+
--e0400: #fff;
|
|
2439
2487
|
/**
|
|
2440
2488
|
* text.highlight.blue.color (--68bd1) ::fgColor (color scheme aware)
|
|
2441
2489
|
*
|
|
@@ -2463,7 +2511,7 @@
|
|
|
2463
2511
|
/**
|
|
2464
2512
|
* scheme.color
|
|
2465
2513
|
*/
|
|
2466
|
-
color:
|
|
2514
|
+
color: #fff
|
|
2467
2515
|
}
|
|
2468
2516
|
|
|
2469
2517
|
:global(.ds-scheme--invert):global(.ds-scheme----bg) {
|
|
@@ -2476,7 +2524,7 @@
|
|
|
2476
2524
|
|
|
2477
2525
|
}
|
|
2478
2526
|
|
|
2479
|
-
/* AUTO GENERATED @
|
|
2527
|
+
/* AUTO GENERATED @Wed Mar 23 2022 10:43:27 GMT+0000 (Coordinated Universal Time) */
|
|
2480
2528
|
|
|
2481
2529
|
.ds-preply-ui {
|
|
2482
2530
|
/**
|
|
@@ -2551,9 +2599,9 @@
|
|
|
2551
2599
|
/**
|
|
2552
2600
|
* action.variant.secondary.bgColor (--e5616) ::bgColor (color scheme aware)
|
|
2553
2601
|
*
|
|
2554
|
-
* =
|
|
2602
|
+
* = #fff (via scheme.bgColor)
|
|
2555
2603
|
*/
|
|
2556
|
-
--e5616:
|
|
2604
|
+
--e5616: #fff;
|
|
2557
2605
|
/**
|
|
2558
2606
|
* action.variant.secondary.borderColor (--ab736) ::borderColor (color scheme aware)
|
|
2559
2607
|
*
|
|
@@ -2569,9 +2617,9 @@
|
|
|
2569
2617
|
/**
|
|
2570
2618
|
* action.variant.secondary.active.bgColor (--33b43) ::bgColor (color scheme aware)
|
|
2571
2619
|
*
|
|
2572
|
-
* =
|
|
2620
|
+
* = #fff (via root.palette.white)
|
|
2573
2621
|
*/
|
|
2574
|
-
--33b43:
|
|
2622
|
+
--33b43: #fff;
|
|
2575
2623
|
/**
|
|
2576
2624
|
* scheme.color
|
|
2577
2625
|
*/
|
|
@@ -2582,7 +2630,7 @@
|
|
|
2582
2630
|
/**
|
|
2583
2631
|
* scheme.bgColor
|
|
2584
2632
|
*/
|
|
2585
|
-
background-color:
|
|
2633
|
+
background-color: #fff
|
|
2586
2634
|
|
|
2587
2635
|
}
|
|
2588
2636
|
|
|
@@ -2597,7 +2645,7 @@
|
|
|
2597
2645
|
/**
|
|
2598
2646
|
* scheme.color
|
|
2599
2647
|
*/
|
|
2600
|
-
color:
|
|
2648
|
+
color: #fff
|
|
2601
2649
|
}
|
|
2602
2650
|
|
|
2603
2651
|
:global(.ds-scheme--banner):global(.ds-scheme----bg) {
|
|
@@ -2619,7 +2667,7 @@
|
|
|
2619
2667
|
/**
|
|
2620
2668
|
* scheme.color
|
|
2621
2669
|
*/
|
|
2622
|
-
color:
|
|
2670
|
+
color: #fff
|
|
2623
2671
|
}
|
|
2624
2672
|
|
|
2625
2673
|
:global(.ds-scheme--invert):global(.ds-scheme----bg) {
|