@new-ui/colors 0.2.0 → 1.0.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.
- package/README.md +26 -9
- package/dist/themes/dark-cold.css +184 -0
- package/dist/themes/dark-warm.css +184 -0
- package/dist/themes/dark.css +50 -2
- package/dist/themes/light-cold.css +184 -0
- package/dist/themes/light-warm.css +184 -0
- package/dist/themes/light.css +20 -20
- package/help/dark.png +0 -0
- package/package.json +2 -2
- package/tokens/themes/dark/dark.json +193 -1
- package/tokens/themes/dark-cold/dark.json +198 -0
- package/tokens/themes/dark-warm/dark.json +198 -0
- package/tokens/themes/light/light.json +19 -19
- package/tokens/themes/light-cold/light.json +198 -0
- package/tokens/themes/light-warm/light.json +198 -0
- package/help/light.png +0 -0
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Mon, 12 Dec 2022 16:49:04 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--white: hsl(0, 0%, 100%);
|
|
8
|
+
--black: hsl(0, 0%, 0%);
|
|
9
|
+
--cold10: hsl(206, 16%, 8%);
|
|
10
|
+
--cold9: hsl(200, 12%, 15%);
|
|
11
|
+
--cold8: hsl(207, 10%, 23%);
|
|
12
|
+
--cold7: hsl(207, 7%, 32%);
|
|
13
|
+
--cold6: hsl(210, 6%, 44%);
|
|
14
|
+
--cold5: hsl(216, 7%, 56%);
|
|
15
|
+
--cold4: hsl(210, 8%, 66%);
|
|
16
|
+
--cold3: hsl(210, 11%, 78%);
|
|
17
|
+
--cold2: hsl(213, 15%, 88%);
|
|
18
|
+
--cold1: hsl(220, 30%, 96%);
|
|
19
|
+
--warm10: hsl(0, 7%, 8%);
|
|
20
|
+
--warm9: hsl(0, 3%, 15%);
|
|
21
|
+
--warm8: hsl(0, 3%, 23%);
|
|
22
|
+
--warm7: hsl(0, 3%, 33%);
|
|
23
|
+
--warm6: hsl(0, 2%, 44%);
|
|
24
|
+
--warm5: hsl(0, 2%, 55%);
|
|
25
|
+
--warm4: hsl(0, 3%, 67%);
|
|
26
|
+
--warm3: hsl(10, 5%, 78%);
|
|
27
|
+
--warm2: hsl(10, 10%, 89%);
|
|
28
|
+
--warm1: hsl(12, 24%, 96%);
|
|
29
|
+
--grey10: hsl(0, 0%, 9%);
|
|
30
|
+
--grey9: hsl(0, 0%, 15%);
|
|
31
|
+
--grey8: hsl(0, 0%, 22%);
|
|
32
|
+
--grey7: hsl(0, 0%, 32%);
|
|
33
|
+
--grey6: hsl(0, 0%, 44%);
|
|
34
|
+
--grey5: hsl(0, 0%, 55%);
|
|
35
|
+
--grey4: hsl(0, 0%, 66%);
|
|
36
|
+
--grey3: hsl(0, 0%, 78%);
|
|
37
|
+
--grey2: hsl(0, 0%, 88%);
|
|
38
|
+
--grey1: hsl(0, 0%, 96%);
|
|
39
|
+
--brown8: hsl(35, 27%, 14%);
|
|
40
|
+
--brown7: hsl(34, 26%, 26%);
|
|
41
|
+
--brown6: hsl(33, 26%, 38%);
|
|
42
|
+
--brown5: hsl(34, 27%, 50%);
|
|
43
|
+
--brown4: hsl(34, 26%, 54%);
|
|
44
|
+
--brown3: hsl(34, 26%, 74%);
|
|
45
|
+
--brown2: hsl(35, 27%, 86%);
|
|
46
|
+
--brown1: hsl(33, 29%, 94%);
|
|
47
|
+
--pink8: hsl(349, 69%, 16%);
|
|
48
|
+
--pink7: hsl(349, 71%, 31%);
|
|
49
|
+
--pink6: hsl(348, 70%, 45%);
|
|
50
|
+
--pink5: hsl(349, 100%, 59%);
|
|
51
|
+
--pink4: hsl(349, 100%, 62%);
|
|
52
|
+
--pink3: hsl(349, 100%, 78%);
|
|
53
|
+
--pink2: hsl(349, 100%, 89%);
|
|
54
|
+
--pink1: hsl(348, 100%, 95%);
|
|
55
|
+
--purple8: hsl(280, 46%, 17%);
|
|
56
|
+
--purple7: hsl(279, 46%, 31%);
|
|
57
|
+
--purple6: hsl(280, 46%, 45%);
|
|
58
|
+
--purple5: hsl(280, 68%, 60%);
|
|
59
|
+
--purple4: hsl(280, 68%, 63%);
|
|
60
|
+
--purple3: hsl(279, 68%, 79%);
|
|
61
|
+
--purple2: hsl(280, 68%, 89%);
|
|
62
|
+
--purple1: hsl(279, 68%, 95%);
|
|
63
|
+
--indigo8: hsl(242, 43%, 16%);
|
|
64
|
+
--indigo7: hsl(241, 43%, 31%);
|
|
65
|
+
--indigo6: hsl(241, 43%, 45%);
|
|
66
|
+
--indigo5: hsl(241, 61%, 59%);
|
|
67
|
+
--indigo4: hsl(241, 61%, 62%);
|
|
68
|
+
--indigo3: hsl(241, 61%, 79%);
|
|
69
|
+
--indigo2: hsl(242, 62%, 89%);
|
|
70
|
+
--indigo1: hsl(244, 62%, 95%);
|
|
71
|
+
--blue8: hsl(211, 100%, 14%);
|
|
72
|
+
--blue7: hsl(211, 100%, 26%);
|
|
73
|
+
--blue6: hsl(211, 100%, 38%);
|
|
74
|
+
--blue5: hsl(211, 100%, 50%);
|
|
75
|
+
--blue4: hsl(211, 100%, 54%);
|
|
76
|
+
--blue3: hsl(211, 100%, 74%);
|
|
77
|
+
--blue2: hsl(211, 100%, 86%);
|
|
78
|
+
--blue1: hsl(211, 100%, 94%);
|
|
79
|
+
--cyan8: hsl(199, 64%, 15%);
|
|
80
|
+
--cyan7: hsl(199, 64%, 29%);
|
|
81
|
+
--cyan6: hsl(199, 64%, 42%);
|
|
82
|
+
--cyan5: hsl(199, 78%, 55%);
|
|
83
|
+
--cyan4: hsl(199, 78%, 58%);
|
|
84
|
+
--cyan3: hsl(199, 78%, 76%);
|
|
85
|
+
--cyan2: hsl(199, 78%, 87%);
|
|
86
|
+
--cyan1: hsl(199, 79%, 95%);
|
|
87
|
+
--teal8: hsl(189, 62%, 13%);
|
|
88
|
+
--teal7: hsl(189, 61%, 25%);
|
|
89
|
+
--teal6: hsl(189, 61%, 37%);
|
|
90
|
+
--teal5: hsl(189, 61%, 48%);
|
|
91
|
+
--teal4: hsl(189, 57%, 52%);
|
|
92
|
+
--teal3: hsl(189, 58%, 73%);
|
|
93
|
+
--teal2: hsl(189, 57%, 85%);
|
|
94
|
+
--teal1: hsl(190, 56%, 94%);
|
|
95
|
+
--mint8: hsl(178, 100%, 11%);
|
|
96
|
+
--mint7: hsl(177, 100%, 20%);
|
|
97
|
+
--mint6: hsl(178, 100%, 30%);
|
|
98
|
+
--mint5: hsl(177, 100%, 39%);
|
|
99
|
+
--mint4: hsl(177, 82%, 44%);
|
|
100
|
+
--mint3: hsl(177, 64%, 68%);
|
|
101
|
+
--mint2: hsl(178, 63%, 83%);
|
|
102
|
+
--mint1: hsl(178, 63%, 93%);
|
|
103
|
+
--green8: hsl(136, 59%, 14%);
|
|
104
|
+
--green7: hsl(135, 59%, 26%);
|
|
105
|
+
--green6: hsl(135, 58%, 37%);
|
|
106
|
+
--green5: hsl(135, 59%, 49%);
|
|
107
|
+
--green4: hsl(135, 56%, 53%);
|
|
108
|
+
--green3: hsl(135, 57%, 74%);
|
|
109
|
+
--green2: hsl(136, 56%, 86%);
|
|
110
|
+
--green1: hsl(137, 56%, 94%);
|
|
111
|
+
--yellow8: hsl(48, 100%, 14%);
|
|
112
|
+
--yellow7: hsl(48, 100%, 26%);
|
|
113
|
+
--yellow6: hsl(48, 100%, 38%);
|
|
114
|
+
--yellow5: hsl(48, 100%, 50%);
|
|
115
|
+
--yellow4: hsl(48, 100%, 54%);
|
|
116
|
+
--yellow3: hsl(48, 100%, 74%);
|
|
117
|
+
--yellow2: hsl(48, 100%, 86%);
|
|
118
|
+
--yellow1: hsl(48, 100%, 94%);
|
|
119
|
+
--orange8: hsl(35, 100%, 14%);
|
|
120
|
+
--orange7: hsl(35, 100%, 26%);
|
|
121
|
+
--orange6: hsl(35, 100%, 38%);
|
|
122
|
+
--orange5: hsl(35, 100%, 50%);
|
|
123
|
+
--orange4: hsl(35, 100%, 54%);
|
|
124
|
+
--orange3: hsl(35, 100%, 74%);
|
|
125
|
+
--orange2: hsl(35, 100%, 86%);
|
|
126
|
+
--orange1: hsl(35, 100%, 94%);
|
|
127
|
+
--red8: hsl(3, 69%, 16%);
|
|
128
|
+
--red7: hsl(3, 68%, 31%);
|
|
129
|
+
--red6: hsl(3, 68%, 45%);
|
|
130
|
+
--red5: hsl(3, 100%, 59%);
|
|
131
|
+
--red4: hsl(3, 100%, 63%);
|
|
132
|
+
--red3: hsl(3, 100%, 79%);
|
|
133
|
+
--red2: hsl(3, 100%, 89%);
|
|
134
|
+
--red1: hsl(2, 100%, 95%);
|
|
135
|
+
--text-success: var(--green6);
|
|
136
|
+
--text-error: var(--red6);
|
|
137
|
+
--text-on-color: var(--white);
|
|
138
|
+
--text-placeholder: var(--warm4);
|
|
139
|
+
--text-secondary: var(--warm7);
|
|
140
|
+
--text-primary-alt: var(--warm8);
|
|
141
|
+
--text-primary: var(--warm10);
|
|
142
|
+
--support-info: var(--blue5);
|
|
143
|
+
--support-success: var(--green5);
|
|
144
|
+
--support-warning: var(--yellow5);
|
|
145
|
+
--support-error: var(--red5);
|
|
146
|
+
--link-visited: var(--indigo5);
|
|
147
|
+
--link-subtle: var(--warm7);
|
|
148
|
+
--link-hover: var(--blue6);
|
|
149
|
+
--link: var(--blue5);
|
|
150
|
+
--icon-on-color: var(--white);
|
|
151
|
+
--icon-disabled: var(--warm7);
|
|
152
|
+
--icon-secondary: var(--warm8);
|
|
153
|
+
--icon-primary: var(--warm9);
|
|
154
|
+
--button-disabled: var(--warm4);
|
|
155
|
+
--button-danger-active: var(--red7);
|
|
156
|
+
--button-danger-hover: var(--red6);
|
|
157
|
+
--button-danger: var(--red5);
|
|
158
|
+
--button-secondary-active: var(--warm6);
|
|
159
|
+
--button-secondary-hover: var(--warm7);
|
|
160
|
+
--button-secondary: var(--warm8);
|
|
161
|
+
--button-primary-active: var(--blue7);
|
|
162
|
+
--button-primary-hover: var(--blue6);
|
|
163
|
+
--button-primary: var(--blue5);
|
|
164
|
+
--border-strong: var(--warm6);
|
|
165
|
+
--border-default: var(--warm4);
|
|
166
|
+
--border-muted: var(--warm2);
|
|
167
|
+
--background-brown: var(--brown1);
|
|
168
|
+
--background-pink: var(--pink1);
|
|
169
|
+
--background-purple: var(--purple1);
|
|
170
|
+
--background-indigo: var(--indigo1);
|
|
171
|
+
--background-blue: var(--blue1);
|
|
172
|
+
--background-cyan: var(--cyan1);
|
|
173
|
+
--background-teal: var(--teal1);
|
|
174
|
+
--background-mint: var(--mint1);
|
|
175
|
+
--background-green: var(--green1);
|
|
176
|
+
--background-yellow: var(--yellow1);
|
|
177
|
+
--background-orange: var(--orange1);
|
|
178
|
+
--background-red: var(--red1);
|
|
179
|
+
--background-selected-hover: var(--warm3);
|
|
180
|
+
--background-selected: var(--warm2);
|
|
181
|
+
--background-hover: var(--warm1);
|
|
182
|
+
--background-secondary: var(--warm1);
|
|
183
|
+
--background: var(--white);
|
|
184
|
+
}
|
package/dist/themes/light.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 12 Dec 2022 16:48:49 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -135,35 +135,35 @@
|
|
|
135
135
|
--text-success: var(--green6);
|
|
136
136
|
--text-error: var(--red6);
|
|
137
137
|
--text-on-color: var(--white);
|
|
138
|
-
--text-placeholder: var(--
|
|
139
|
-
--text-secondary: var(--
|
|
140
|
-
--text-primary-alt: var(--
|
|
141
|
-
--text-primary: var(--
|
|
138
|
+
--text-placeholder: var(--grey4);
|
|
139
|
+
--text-secondary: var(--grey7);
|
|
140
|
+
--text-primary-alt: var(--grey8);
|
|
141
|
+
--text-primary: var(--grey10);
|
|
142
142
|
--support-info: var(--blue5);
|
|
143
143
|
--support-success: var(--green5);
|
|
144
144
|
--support-warning: var(--yellow5);
|
|
145
145
|
--support-error: var(--red5);
|
|
146
146
|
--link-visited: var(--indigo5);
|
|
147
|
-
--link-subtle: var(--
|
|
147
|
+
--link-subtle: var(--grey7);
|
|
148
148
|
--link-hover: var(--blue6);
|
|
149
149
|
--link: var(--blue5);
|
|
150
150
|
--icon-on-color: var(--white);
|
|
151
|
-
--icon-disabled: var(--
|
|
152
|
-
--icon-secondary: var(--
|
|
153
|
-
--icon-primary: var(--
|
|
154
|
-
--button-disabled: var(--
|
|
151
|
+
--icon-disabled: var(--grey7);
|
|
152
|
+
--icon-secondary: var(--grey8);
|
|
153
|
+
--icon-primary: var(--grey9);
|
|
154
|
+
--button-disabled: var(--grey4);
|
|
155
155
|
--button-danger-active: var(--red7);
|
|
156
156
|
--button-danger-hover: var(--red6);
|
|
157
157
|
--button-danger: var(--red5);
|
|
158
|
-
--button-secondary-active: var(--
|
|
159
|
-
--button-secondary-hover: var(--
|
|
160
|
-
--button-secondary: var(--
|
|
158
|
+
--button-secondary-active: var(--grey6);
|
|
159
|
+
--button-secondary-hover: var(--grey7);
|
|
160
|
+
--button-secondary: var(--grey8);
|
|
161
161
|
--button-primary-active: var(--blue7);
|
|
162
162
|
--button-primary-hover: var(--blue6);
|
|
163
163
|
--button-primary: var(--blue5);
|
|
164
|
-
--border-strong: var(--
|
|
165
|
-
--border-default: var(--
|
|
166
|
-
--border-muted: var(--
|
|
164
|
+
--border-strong: var(--grey6);
|
|
165
|
+
--border-default: var(--grey4);
|
|
166
|
+
--border-muted: var(--grey2);
|
|
167
167
|
--background-brown: var(--brown1);
|
|
168
168
|
--background-pink: var(--pink1);
|
|
169
169
|
--background-purple: var(--purple1);
|
|
@@ -176,9 +176,9 @@
|
|
|
176
176
|
--background-yellow: var(--yellow1);
|
|
177
177
|
--background-orange: var(--orange1);
|
|
178
178
|
--background-red: var(--red1);
|
|
179
|
-
--background-selected-hover: var(--
|
|
180
|
-
--background-selected: var(--
|
|
181
|
-
--background-hover: var(--
|
|
182
|
-
--background-secondary: var(--
|
|
179
|
+
--background-selected-hover: var(--grey3);
|
|
180
|
+
--background-selected: var(--grey2);
|
|
181
|
+
--background-hover: var(--grey1);
|
|
182
|
+
--background-secondary: var(--grey1);
|
|
183
183
|
--background: var(--white);
|
|
184
184
|
}
|
package/help/dark.png
CHANGED
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,198 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$background": {
|
|
3
|
-
"value": "{$
|
|
3
|
+
"value": "{$grey10}",
|
|
4
|
+
"type": "color"
|
|
5
|
+
},
|
|
6
|
+
"$background-secondary": {
|
|
7
|
+
"value": "{$grey9}",
|
|
8
|
+
"type": "color"
|
|
9
|
+
},
|
|
10
|
+
"$background-hover": {
|
|
11
|
+
"value": "{$grey9}",
|
|
12
|
+
"type": "color"
|
|
13
|
+
},
|
|
14
|
+
"$background-selected": {
|
|
15
|
+
"value": "{$grey8}",
|
|
16
|
+
"type": "color"
|
|
17
|
+
},
|
|
18
|
+
"$background-selected-hover": {
|
|
19
|
+
"value": "{$grey7}",
|
|
20
|
+
"type": "color"
|
|
21
|
+
},
|
|
22
|
+
"$background-red": {
|
|
23
|
+
"value": "{$red8}",
|
|
24
|
+
"type": "color"
|
|
25
|
+
},
|
|
26
|
+
"$background-orange": {
|
|
27
|
+
"value": "{$orange8}",
|
|
28
|
+
"type": "color"
|
|
29
|
+
},
|
|
30
|
+
"$background-yellow": {
|
|
31
|
+
"value": "{$yellow8}",
|
|
32
|
+
"type": "color"
|
|
33
|
+
},
|
|
34
|
+
"$background-green": {
|
|
35
|
+
"value": "{$green8}",
|
|
36
|
+
"type": "color"
|
|
37
|
+
},
|
|
38
|
+
"$background-mint": {
|
|
39
|
+
"value": "{$mint8}",
|
|
40
|
+
"type": "color"
|
|
41
|
+
},
|
|
42
|
+
"$background-teal": {
|
|
43
|
+
"value": "{$teal8}",
|
|
44
|
+
"type": "color"
|
|
45
|
+
},
|
|
46
|
+
"$background-cyan": {
|
|
47
|
+
"value": "{$cyan8}",
|
|
48
|
+
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"$background-blue": {
|
|
51
|
+
"value": "{$blue8}",
|
|
52
|
+
"type": "color"
|
|
53
|
+
},
|
|
54
|
+
"$background-indigo": {
|
|
55
|
+
"value": "{$indigo8}",
|
|
56
|
+
"type": "color"
|
|
57
|
+
},
|
|
58
|
+
"$background-purple": {
|
|
59
|
+
"value": "{$purple8}",
|
|
60
|
+
"type": "color"
|
|
61
|
+
},
|
|
62
|
+
"$background-pink": {
|
|
63
|
+
"value": "{$pink8}",
|
|
64
|
+
"type": "color"
|
|
65
|
+
},
|
|
66
|
+
"$background-brown": {
|
|
67
|
+
"value": "{$brown8}",
|
|
68
|
+
"type": "color"
|
|
69
|
+
},
|
|
70
|
+
"$border-muted": {
|
|
71
|
+
"value": "{$grey9}",
|
|
72
|
+
"type": "color"
|
|
73
|
+
},
|
|
74
|
+
"$border-default": {
|
|
75
|
+
"value": "{$grey7}",
|
|
76
|
+
"type": "color"
|
|
77
|
+
},
|
|
78
|
+
"$border-strong": {
|
|
79
|
+
"value": "{$grey5}",
|
|
80
|
+
"type": "color"
|
|
81
|
+
},
|
|
82
|
+
"$button-primary": {
|
|
83
|
+
"value": "{$blue4}",
|
|
84
|
+
"type": "color"
|
|
85
|
+
},
|
|
86
|
+
"$button-primary-hover": {
|
|
87
|
+
"value": "{$blue3}",
|
|
88
|
+
"type": "color"
|
|
89
|
+
},
|
|
90
|
+
"$button-primary-active": {
|
|
91
|
+
"value": "{$blue3}",
|
|
92
|
+
"type": "color"
|
|
93
|
+
},
|
|
94
|
+
"$button-secondary": {
|
|
95
|
+
"value": "{$grey1}",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"$button-secondary-hover": {
|
|
99
|
+
"value": "{$grey2}",
|
|
100
|
+
"type": "color"
|
|
101
|
+
},
|
|
102
|
+
"$button-secondary-active": {
|
|
103
|
+
"value": "{$grey3}",
|
|
104
|
+
"type": "color"
|
|
105
|
+
},
|
|
106
|
+
"$button-danger": {
|
|
107
|
+
"value": "{$red4}",
|
|
108
|
+
"type": "color"
|
|
109
|
+
},
|
|
110
|
+
"$button-danger-hover": {
|
|
111
|
+
"value": "{$red3}",
|
|
112
|
+
"type": "color"
|
|
113
|
+
},
|
|
114
|
+
"$button-danger-active": {
|
|
115
|
+
"value": "{$red3}",
|
|
116
|
+
"type": "color"
|
|
117
|
+
},
|
|
118
|
+
"$button-disabled": {
|
|
119
|
+
"value": "{$grey6}",
|
|
120
|
+
"type": "color"
|
|
121
|
+
},
|
|
122
|
+
"$icon-primary": {
|
|
123
|
+
"value": "{$grey2}",
|
|
124
|
+
"type": "color"
|
|
125
|
+
},
|
|
126
|
+
"$icon-secondary": {
|
|
127
|
+
"value": "{$grey4}",
|
|
128
|
+
"type": "color"
|
|
129
|
+
},
|
|
130
|
+
"$icon-disabled": {
|
|
131
|
+
"value": "{$grey7}",
|
|
132
|
+
"type": "color"
|
|
133
|
+
},
|
|
134
|
+
"$icon-on-color": {
|
|
135
|
+
"value": "{$white}",
|
|
136
|
+
"type": "color"
|
|
137
|
+
},
|
|
138
|
+
"$link": {
|
|
139
|
+
"value": "{$blue4}",
|
|
140
|
+
"type": "color"
|
|
141
|
+
},
|
|
142
|
+
"$link-hover": {
|
|
143
|
+
"value": "{$blue3}",
|
|
144
|
+
"type": "color"
|
|
145
|
+
},
|
|
146
|
+
"$link-subtle": {
|
|
147
|
+
"value": "{$grey1}",
|
|
148
|
+
"type": "color"
|
|
149
|
+
},
|
|
150
|
+
"$link-visited": {
|
|
151
|
+
"value": "{$indigo4}",
|
|
152
|
+
"type": "color"
|
|
153
|
+
},
|
|
154
|
+
"$support-error": {
|
|
155
|
+
"value": "{$red4}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"$support-warning": {
|
|
159
|
+
"value": "{$yellow4}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"$support-success": {
|
|
163
|
+
"value": "{$green4}",
|
|
164
|
+
"type": "color"
|
|
165
|
+
},
|
|
166
|
+
"$support-info": {
|
|
167
|
+
"value": "{$blue4}",
|
|
168
|
+
"type": "color"
|
|
169
|
+
},
|
|
170
|
+
"$text-primary": {
|
|
171
|
+
"value": "{$grey1}",
|
|
172
|
+
"type": "color"
|
|
173
|
+
},
|
|
174
|
+
"$text-primary-alt": {
|
|
175
|
+
"value": "{$grey3}",
|
|
176
|
+
"type": "color"
|
|
177
|
+
},
|
|
178
|
+
"$text-secondary": {
|
|
179
|
+
"value": "{$grey5}",
|
|
180
|
+
"type": "color"
|
|
181
|
+
},
|
|
182
|
+
"$text-placeholder": {
|
|
183
|
+
"value": "{$grey6}",
|
|
184
|
+
"type": "color"
|
|
185
|
+
},
|
|
186
|
+
"$text-on-color": {
|
|
187
|
+
"value": "{$white}",
|
|
188
|
+
"type": "color"
|
|
189
|
+
},
|
|
190
|
+
"$text-error": {
|
|
191
|
+
"value": "{$red4}",
|
|
192
|
+
"type": "color"
|
|
193
|
+
},
|
|
194
|
+
"$text-success": {
|
|
195
|
+
"value": "{$green4}",
|
|
4
196
|
"type": "color"
|
|
5
197
|
}
|
|
6
198
|
}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$background": {
|
|
3
|
+
"value": "{$cold10}",
|
|
4
|
+
"type": "color"
|
|
5
|
+
},
|
|
6
|
+
"$background-secondary": {
|
|
7
|
+
"value": "{$cold9}",
|
|
8
|
+
"type": "color"
|
|
9
|
+
},
|
|
10
|
+
"$background-hover": {
|
|
11
|
+
"value": "{$cold9}",
|
|
12
|
+
"type": "color"
|
|
13
|
+
},
|
|
14
|
+
"$background-selected": {
|
|
15
|
+
"value": "{$cold8}",
|
|
16
|
+
"type": "color"
|
|
17
|
+
},
|
|
18
|
+
"$background-selected-hover": {
|
|
19
|
+
"value": "{$cold7}",
|
|
20
|
+
"type": "color"
|
|
21
|
+
},
|
|
22
|
+
"$background-red": {
|
|
23
|
+
"value": "{$red8}",
|
|
24
|
+
"type": "color"
|
|
25
|
+
},
|
|
26
|
+
"$background-orange": {
|
|
27
|
+
"value": "{$orange8}",
|
|
28
|
+
"type": "color"
|
|
29
|
+
},
|
|
30
|
+
"$background-yellow": {
|
|
31
|
+
"value": "{$yellow8}",
|
|
32
|
+
"type": "color"
|
|
33
|
+
},
|
|
34
|
+
"$background-green": {
|
|
35
|
+
"value": "{$green8}",
|
|
36
|
+
"type": "color"
|
|
37
|
+
},
|
|
38
|
+
"$background-mint": {
|
|
39
|
+
"value": "{$mint8}",
|
|
40
|
+
"type": "color"
|
|
41
|
+
},
|
|
42
|
+
"$background-teal": {
|
|
43
|
+
"value": "{$teal8}",
|
|
44
|
+
"type": "color"
|
|
45
|
+
},
|
|
46
|
+
"$background-cyan": {
|
|
47
|
+
"value": "{$cyan8}",
|
|
48
|
+
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"$background-blue": {
|
|
51
|
+
"value": "{$blue8}",
|
|
52
|
+
"type": "color"
|
|
53
|
+
},
|
|
54
|
+
"$background-indigo": {
|
|
55
|
+
"value": "{$indigo8}",
|
|
56
|
+
"type": "color"
|
|
57
|
+
},
|
|
58
|
+
"$background-purple": {
|
|
59
|
+
"value": "{$purple8}",
|
|
60
|
+
"type": "color"
|
|
61
|
+
},
|
|
62
|
+
"$background-pink": {
|
|
63
|
+
"value": "{$pink8}",
|
|
64
|
+
"type": "color"
|
|
65
|
+
},
|
|
66
|
+
"$background-brown": {
|
|
67
|
+
"value": "{$brown8}",
|
|
68
|
+
"type": "color"
|
|
69
|
+
},
|
|
70
|
+
"$border-muted": {
|
|
71
|
+
"value": "{$cold9}",
|
|
72
|
+
"type": "color"
|
|
73
|
+
},
|
|
74
|
+
"$border-default": {
|
|
75
|
+
"value": "{$cold7}",
|
|
76
|
+
"type": "color"
|
|
77
|
+
},
|
|
78
|
+
"$border-strong": {
|
|
79
|
+
"value": "{$cold5}",
|
|
80
|
+
"type": "color"
|
|
81
|
+
},
|
|
82
|
+
"$button-primary": {
|
|
83
|
+
"value": "{$blue4}",
|
|
84
|
+
"type": "color"
|
|
85
|
+
},
|
|
86
|
+
"$button-primary-hover": {
|
|
87
|
+
"value": "{$blue3}",
|
|
88
|
+
"type": "color"
|
|
89
|
+
},
|
|
90
|
+
"$button-primary-active": {
|
|
91
|
+
"value": "{$blue3}",
|
|
92
|
+
"type": "color"
|
|
93
|
+
},
|
|
94
|
+
"$button-secondary": {
|
|
95
|
+
"value": "{$cold1}",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"$button-secondary-hover": {
|
|
99
|
+
"value": "{$cold2}",
|
|
100
|
+
"type": "color"
|
|
101
|
+
},
|
|
102
|
+
"$button-secondary-active": {
|
|
103
|
+
"value": "{$cold3}",
|
|
104
|
+
"type": "color"
|
|
105
|
+
},
|
|
106
|
+
"$button-danger": {
|
|
107
|
+
"value": "{$red4}",
|
|
108
|
+
"type": "color"
|
|
109
|
+
},
|
|
110
|
+
"$button-danger-hover": {
|
|
111
|
+
"value": "{$red3}",
|
|
112
|
+
"type": "color"
|
|
113
|
+
},
|
|
114
|
+
"$button-danger-active": {
|
|
115
|
+
"value": "{$red3}",
|
|
116
|
+
"type": "color"
|
|
117
|
+
},
|
|
118
|
+
"$button-disabled": {
|
|
119
|
+
"value": "{$cold6}",
|
|
120
|
+
"type": "color"
|
|
121
|
+
},
|
|
122
|
+
"$icon-primary": {
|
|
123
|
+
"value": "{$cold2}",
|
|
124
|
+
"type": "color"
|
|
125
|
+
},
|
|
126
|
+
"$icon-secondary": {
|
|
127
|
+
"value": "{$cold4}",
|
|
128
|
+
"type": "color"
|
|
129
|
+
},
|
|
130
|
+
"$icon-disabled": {
|
|
131
|
+
"value": "{$cold7}",
|
|
132
|
+
"type": "color"
|
|
133
|
+
},
|
|
134
|
+
"$icon-on-color": {
|
|
135
|
+
"value": "{$white}",
|
|
136
|
+
"type": "color"
|
|
137
|
+
},
|
|
138
|
+
"$link": {
|
|
139
|
+
"value": "{$blue4}",
|
|
140
|
+
"type": "color"
|
|
141
|
+
},
|
|
142
|
+
"$link-hover": {
|
|
143
|
+
"value": "{$blue3}",
|
|
144
|
+
"type": "color"
|
|
145
|
+
},
|
|
146
|
+
"$link-subtle": {
|
|
147
|
+
"value": "{$cold1}",
|
|
148
|
+
"type": "color"
|
|
149
|
+
},
|
|
150
|
+
"$link-visited": {
|
|
151
|
+
"value": "{$indigo4}",
|
|
152
|
+
"type": "color"
|
|
153
|
+
},
|
|
154
|
+
"$support-error": {
|
|
155
|
+
"value": "{$red4}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"$support-warning": {
|
|
159
|
+
"value": "{$yellow4}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"$support-success": {
|
|
163
|
+
"value": "{$green4}",
|
|
164
|
+
"type": "color"
|
|
165
|
+
},
|
|
166
|
+
"$support-info": {
|
|
167
|
+
"value": "{$blue4}",
|
|
168
|
+
"type": "color"
|
|
169
|
+
},
|
|
170
|
+
"$text-primary": {
|
|
171
|
+
"value": "{$cold1}",
|
|
172
|
+
"type": "color"
|
|
173
|
+
},
|
|
174
|
+
"$text-primary-alt": {
|
|
175
|
+
"value": "{$cold3}",
|
|
176
|
+
"type": "color"
|
|
177
|
+
},
|
|
178
|
+
"$text-secondary": {
|
|
179
|
+
"value": "{$cold5}",
|
|
180
|
+
"type": "color"
|
|
181
|
+
},
|
|
182
|
+
"$text-placeholder": {
|
|
183
|
+
"value": "{$cold6}",
|
|
184
|
+
"type": "color"
|
|
185
|
+
},
|
|
186
|
+
"$text-on-color": {
|
|
187
|
+
"value": "{$white}",
|
|
188
|
+
"type": "color"
|
|
189
|
+
},
|
|
190
|
+
"$text-error": {
|
|
191
|
+
"value": "{$red4}",
|
|
192
|
+
"type": "color"
|
|
193
|
+
},
|
|
194
|
+
"$text-success": {
|
|
195
|
+
"value": "{$green4}",
|
|
196
|
+
"type": "color"
|
|
197
|
+
}
|
|
198
|
+
}
|