@digigov/theme-govgr 2.0.0-0138f8bd
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/colors.css +469 -0
- package/dist/global-variables.css +4 -0
- package/dist/index.css +473 -0
- package/dist/index.js +1 -0
- package/package.json +51 -0
package/dist/colors.css
ADDED
|
@@ -0,0 +1,469 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* Color palette */
|
|
3
|
+
--color-gray-100: #fefefe;
|
|
4
|
+
--color-gray-100-rgb: 254, 254, 254;
|
|
5
|
+
--color-gray-200: #ecebec;
|
|
6
|
+
--color-gray-200-rgb: 236, 235, 236;
|
|
7
|
+
--color-gray-300: #cdccce;
|
|
8
|
+
--color-gray-300-rgb: 205, 204, 206;
|
|
9
|
+
--color-gray-400: #b3b2b5;
|
|
10
|
+
--color-gray-400-rgb: 179, 178, 181;
|
|
11
|
+
--color-gray-500: #99989c;
|
|
12
|
+
--color-gray-500-rgb: 153, 152, 156;
|
|
13
|
+
--color-gray-600: #828086;
|
|
14
|
+
--color-gray-600-rgb: 130, 128, 134;
|
|
15
|
+
--color-gray-700: #6d6a71;
|
|
16
|
+
--color-gray-700-rgb: 109, 106, 113;
|
|
17
|
+
--color-gray-800: #515058;
|
|
18
|
+
--color-gray-800-rgb: 81, 80, 88;
|
|
19
|
+
--color-gray-900: #32363d;
|
|
20
|
+
--color-gray-900-rgb: 50, 54, 61;
|
|
21
|
+
--color-gray-1000: #252830;
|
|
22
|
+
--color-gray-1000-rgb: 37, 40, 48;
|
|
23
|
+
--color-gray-1100: #14161b;
|
|
24
|
+
--color-gray-1100-rgb: 20, 22, 27;
|
|
25
|
+
--color-gray-1200: #000;
|
|
26
|
+
--color-gray-1200-rgb: 0, 0, 0;
|
|
27
|
+
--color-red-100: #ec8f7c;
|
|
28
|
+
--color-red-100-rgb: 236, 143, 124;
|
|
29
|
+
--color-red-200: #e66f59;
|
|
30
|
+
--color-red-200-rgb: 230, 111, 89;
|
|
31
|
+
--color-red-300: #d6402b;
|
|
32
|
+
--color-red-300-rgb: 214, 64, 43;
|
|
33
|
+
--color-red-400: #c82415;
|
|
34
|
+
--color-red-400-rgb: 200, 36, 21;
|
|
35
|
+
--color-red-500: #b60202;
|
|
36
|
+
--color-red-500-rgb: 182, 2, 2;
|
|
37
|
+
--color-red-600: #800;
|
|
38
|
+
--color-red-600-rgb: 136, 0, 0;
|
|
39
|
+
--color-red-700: #710602;
|
|
40
|
+
--color-red-700-rgb: 113, 6, 2;
|
|
41
|
+
--color-orange-100: #f39000;
|
|
42
|
+
--color-orange-100-rgb: 243, 144, 0;
|
|
43
|
+
--color-orange-200: #d47e00;
|
|
44
|
+
--color-orange-200-rgb: 212, 126, 0;
|
|
45
|
+
--color-orange-300: #a9660f;
|
|
46
|
+
--color-orange-300-rgb: 169, 102, 15;
|
|
47
|
+
--color-orange-400: #925a15;
|
|
48
|
+
--color-orange-400-rgb: 146, 90, 21;
|
|
49
|
+
--color-orange-500: #7c4f18;
|
|
50
|
+
--color-orange-500-rgb: 124, 79, 24;
|
|
51
|
+
--color-orange-600: #583b18;
|
|
52
|
+
--color-orange-600-rgb: 88, 59, 24;
|
|
53
|
+
--color-orange-700: #483117;
|
|
54
|
+
--color-orange-700-rgb: 72, 49, 23;
|
|
55
|
+
--color-green-100: #82b291;
|
|
56
|
+
--color-green-100-rgb: 130, 178, 145;
|
|
57
|
+
--color-green-200: #5da074;
|
|
58
|
+
--color-green-200-rgb: 93, 160, 116;
|
|
59
|
+
--color-green-300: #15874d;
|
|
60
|
+
--color-green-300-rgb: 21, 135, 77;
|
|
61
|
+
--color-green-400: #007738;
|
|
62
|
+
--color-green-400-rgb: 0, 119, 56;
|
|
63
|
+
--color-green-500: #006736;
|
|
64
|
+
--color-green-500-rgb: 0, 103, 54;
|
|
65
|
+
--color-green-600: #154a2b;
|
|
66
|
+
--color-green-600-rgb: 21, 74, 43;
|
|
67
|
+
--color-green-700: #173d25;
|
|
68
|
+
--color-green-700-rgb: 23, 61, 37;
|
|
69
|
+
--color-blue-100: #22b3f0;
|
|
70
|
+
--color-blue-100-rgb: 34, 179, 240;
|
|
71
|
+
--color-blue-200: #0099e9;
|
|
72
|
+
--color-blue-200-rgb: 0, 153, 233;
|
|
73
|
+
--color-blue-300: #0076d9;
|
|
74
|
+
--color-blue-300-rgb: 0, 118, 217;
|
|
75
|
+
--color-blue-400: #0064cc;
|
|
76
|
+
--color-blue-400-rgb: 0, 100, 204;
|
|
77
|
+
--color-blue-500: #0054ba;
|
|
78
|
+
--color-blue-500-rgb: 0, 84, 186;
|
|
79
|
+
--color-blue-600: #0e3d8b;
|
|
80
|
+
--color-blue-600-rgb: 14, 61, 139;
|
|
81
|
+
--color-blue-700: #12336f;
|
|
82
|
+
--color-blue-700-rgb: 18, 51, 111;
|
|
83
|
+
--color-purple-100: #b69be2;
|
|
84
|
+
--color-purple-100-rgb: 182, 155, 226;
|
|
85
|
+
--color-purple-200: #a67fe2;
|
|
86
|
+
--color-purple-200-rgb: 166, 127, 226;
|
|
87
|
+
--color-purple-300: #9057de;
|
|
88
|
+
--color-purple-300-rgb: 144, 87, 222;
|
|
89
|
+
--color-purple-400: #8045d4;
|
|
90
|
+
--color-purple-400-rgb: 128, 69, 212;
|
|
91
|
+
--color-purple-500: #6d38c2;
|
|
92
|
+
--color-purple-500-rgb: 109, 56, 194;
|
|
93
|
+
--color-purple-600: #4c2a90;
|
|
94
|
+
--color-purple-600-rgb: 76, 42, 144;
|
|
95
|
+
--color-purple-700: #3d2674;
|
|
96
|
+
--color-purple-700-rgb: 61, 38, 116;
|
|
97
|
+
--color-yellow-100: #fd0;
|
|
98
|
+
--color-yellow-100-rgb: 255, 221, 0;
|
|
99
|
+
|
|
100
|
+
/* Brand colors */
|
|
101
|
+
--color-primary-100: #1f4884;
|
|
102
|
+
--color-primary-100-rgb: 31, 72, 132;
|
|
103
|
+
--color-primary-200: #003375;
|
|
104
|
+
--color-primary-200-rgb: 0, 51, 117;
|
|
105
|
+
--color-primary-300: #00225e;
|
|
106
|
+
--color-primary-300-rgb: 0, 34, 94;
|
|
107
|
+
--color-primary: #003375;
|
|
108
|
+
--color-primary-rgb: 0, 51, 117;
|
|
109
|
+
--color-secondary-100: #61c9ff;
|
|
110
|
+
--color-secondary-100-rgb: 97, 201, 255;
|
|
111
|
+
--color-secondary-200: #00b0f0;
|
|
112
|
+
--color-secondary-200-rgb: 0, 176, 240;
|
|
113
|
+
--color-secondary-300: #009cd8;
|
|
114
|
+
--color-secondary-300-rgb: 0, 156, 216;
|
|
115
|
+
--color-secondary: #00b0f0;
|
|
116
|
+
--color-secondary-rgb: 0, 176, 240;
|
|
117
|
+
--color-tertiary-100: #3379c1;
|
|
118
|
+
--color-tertiary-100-rgb: 51, 121, 193;
|
|
119
|
+
--color-tertiary-200: #0065b3;
|
|
120
|
+
--color-tertiary-200-rgb: 0, 101, 179;
|
|
121
|
+
--color-tertiary-300: #00559e;
|
|
122
|
+
--color-tertiary-300-rgb: 0, 85, 158;
|
|
123
|
+
--color-tertiary: #0065b3;
|
|
124
|
+
--color-tertiary-rgb: 0, 101, 179;
|
|
125
|
+
|
|
126
|
+
/* UI colors */
|
|
127
|
+
--color-base-100: var(--color-gray-100);
|
|
128
|
+
--color-base-100-rgb: var(--color-gray-100-rgb);
|
|
129
|
+
--color-base-200: var(--color-gray-200);
|
|
130
|
+
--color-base-200-rgb: var(--color-gray-200-rgb);
|
|
131
|
+
--color-base-300: var(--color-gray-300);
|
|
132
|
+
--color-base-300-rgb: var(--color-gray-300-rgb);
|
|
133
|
+
--color-base-400: var(--color-gray-400);
|
|
134
|
+
--color-base-400-rgb: var(--color-gray-400-rgb);
|
|
135
|
+
--color-base-500: var(--color-gray-500);
|
|
136
|
+
--color-base-500-rgb: var(--color-gray-500-rgb);
|
|
137
|
+
--color-base-600: var(--color-gray-600);
|
|
138
|
+
--color-base-600-rgb: var(--color-gray-600-rgb);
|
|
139
|
+
--color-base-700: var(--color-gray-700);
|
|
140
|
+
--color-base-700-rgb: var(--color-gray-700-rgb);
|
|
141
|
+
--color-base-800: var(--color-gray-800);
|
|
142
|
+
--color-base-800-rgb: var(--color-gray-800-rgb);
|
|
143
|
+
--color-base-900: var(--color-gray-900);
|
|
144
|
+
--color-base-900-rgb: var(--color-gray-900-rgb);
|
|
145
|
+
--color-base-1000: var(--color-gray-1000);
|
|
146
|
+
--color-base-1000-rgb: var(--color-gray-1000-rgb);
|
|
147
|
+
--color-base-1100: var(--color-gray-1100);
|
|
148
|
+
--color-base-1100-rgb: var(--color-gray-1100-rgb);
|
|
149
|
+
--color-base-content: var(--color-gray-1000);
|
|
150
|
+
--color-base-content-rgb: var(--color-gray-1000-rgb);
|
|
151
|
+
--color-base-content-secondary: var(--color-gray-700);
|
|
152
|
+
--color-base-content-secondary-rgb: var(--color-gray-700-rgb);
|
|
153
|
+
--color-base-content-invert: var(--color-gray-100);
|
|
154
|
+
--color-base-content-invert-rgb: var(--color-gray-100-rgb);
|
|
155
|
+
--color-accent: var(--color-gray-1000);
|
|
156
|
+
--color-accent-rgb: var(--color-gray-1000-rgb);
|
|
157
|
+
--color-accent-focus: var(--color-gray-900);
|
|
158
|
+
--color-accent-focus-rgb: var(--color-gray-900-rgb);
|
|
159
|
+
--color-accent-content: var(--color-gray-100);
|
|
160
|
+
--color-accent-content-rgb: var(--color-gray-100-rgb);
|
|
161
|
+
--color-focus: var(--color-yellow-100);
|
|
162
|
+
--color-focus-rgb: var(--color-yellow-100-rgb);
|
|
163
|
+
--color-error: var(--color-red-500);
|
|
164
|
+
--color-error-rgb: var(--color-red-500-rgb);
|
|
165
|
+
--color-error-hover: var(--color-red-600);
|
|
166
|
+
--color-error-hover-rgb: var(--color-red-600-rgb);
|
|
167
|
+
--color-error-text: var(--color-red-500);
|
|
168
|
+
--color-error-text-rgb: var(--color-red-500-rgb);
|
|
169
|
+
--color-success: var(--color-green-500);
|
|
170
|
+
--color-success-rgb: var(--color-green-500-rgb);
|
|
171
|
+
--color-success-hover: var(--color-green-600);
|
|
172
|
+
--color-success-hover-rgb: var(--color-green-600-rgb);
|
|
173
|
+
--color-link: var(--color-blue-500);
|
|
174
|
+
--color-link-rgb: var(--color-blue-500-rgb);
|
|
175
|
+
--color-link-hover: var(--color-blue-600);
|
|
176
|
+
--color-link-hover-rgb: var(--color-blue-600-rgb);
|
|
177
|
+
--color-link-active: var(--color-gray-1000);
|
|
178
|
+
--color-link-active-rgb: var(--color-gray-1000-rgb);
|
|
179
|
+
--color-link-visited: var(--color-purple-600);
|
|
180
|
+
--color-link-visited-rgb: var(--color-purple-600-rgb);
|
|
181
|
+
--color-warning: var(--color-orange-100);
|
|
182
|
+
--color-warning-rgb: var(--color-orange-100-rgb);
|
|
183
|
+
--color-info: var(--color-blue-400);
|
|
184
|
+
--color-info-rgb: var(--color-blue-400-rgb);
|
|
185
|
+
--color-info-hover: var(--color-blue-500);
|
|
186
|
+
--color-info-hover-rgb: var(--color-blue-500-rgb);
|
|
187
|
+
--color-white: var(--color-gray-100);
|
|
188
|
+
--color-white-rgb: var(--color-gray-100-rgb);
|
|
189
|
+
--color-black: var(--color-gray-1200);
|
|
190
|
+
--color-black-rgb: var(--color-gray-1200-rgb);
|
|
191
|
+
--color-footer-text: var(--color-blue-500);
|
|
192
|
+
--color-footer-text-rgb: var(--color-blue-500-rgb);
|
|
193
|
+
--color-footer-link: var(--color-link);
|
|
194
|
+
--color-footer-link-rgb: var(--color-link-rgb);
|
|
195
|
+
--color-footer-link-hover: var(--color-link-hover);
|
|
196
|
+
--color-footer-link-hover-rgb: var(--color-link-hover-rgb);
|
|
197
|
+
--color-header-text: var(--color-white);
|
|
198
|
+
--color-header-text-rgb: var(--color-white-rgb);
|
|
199
|
+
--color-header-text-hover: var(--color-white);
|
|
200
|
+
--color-header-text-hover-rgb: var(--color-white-rgb);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
:root.dark,
|
|
204
|
+
.dark {
|
|
205
|
+
/* Color palette */
|
|
206
|
+
--color-gray-100: #111317;
|
|
207
|
+
--color-gray-100-rgb: 17, 19, 23;
|
|
208
|
+
--color-gray-200: #20242a;
|
|
209
|
+
--color-gray-200-rgb: 32, 36, 42;
|
|
210
|
+
--color-gray-300: #363941;
|
|
211
|
+
--color-gray-300-rgb: 54, 57, 65;
|
|
212
|
+
--color-gray-400: #4a4a52;
|
|
213
|
+
--color-gray-400-rgb: 74, 74, 82;
|
|
214
|
+
--color-gray-500: #5f5d65;
|
|
215
|
+
--color-gray-500-rgb: 95, 93, 101;
|
|
216
|
+
--color-gray-600: #747178;
|
|
217
|
+
--color-gray-600-rgb: 116, 113, 120;
|
|
218
|
+
--color-gray-700: #8a888e;
|
|
219
|
+
--color-gray-700-rgb: 138, 136, 142;
|
|
220
|
+
--color-gray-800: #aaa8ac;
|
|
221
|
+
--color-gray-800-rgb: 170, 168, 172;
|
|
222
|
+
--color-gray-900: #d1d0d2;
|
|
223
|
+
--color-gray-900-rgb: 209, 208, 210;
|
|
224
|
+
--color-gray-1000: #e5e4e5;
|
|
225
|
+
--color-gray-1000-rgb: 229, 228, 229;
|
|
226
|
+
--color-gray-1100: #fbfbfb;
|
|
227
|
+
--color-gray-1100-rgb: 251, 251, 251;
|
|
228
|
+
--color-gray-1200: #fefffe;
|
|
229
|
+
--color-gray-1200-rgb: 254, 255, 254;
|
|
230
|
+
--color-red-100: #a00;
|
|
231
|
+
--color-red-100-rgb: 170, 0, 0;
|
|
232
|
+
--color-red-200: #c31c0f;
|
|
233
|
+
--color-red-200-rgb: 195, 28, 15;
|
|
234
|
+
--color-red-300: #db4d37;
|
|
235
|
+
--color-red-300-rgb: 219, 77, 55;
|
|
236
|
+
--color-red-400: #e46752;
|
|
237
|
+
--color-red-400-rgb: 228, 103, 82;
|
|
238
|
+
--color-red-500: #ea816e;
|
|
239
|
+
--color-red-500-rgb: 234, 129, 110;
|
|
240
|
+
--color-red-600: #f0b0a4;
|
|
241
|
+
--color-red-600-rgb: 240, 176, 164;
|
|
242
|
+
--color-red-700: #f1c7bf;
|
|
243
|
+
--color-red-700-rgb: 241, 199, 191;
|
|
244
|
+
--color-orange-100: #734919;
|
|
245
|
+
--color-orange-100-rgb: 115, 73, 25;
|
|
246
|
+
--color-orange-200: #8c5716;
|
|
247
|
+
--color-orange-200-rgb: 140, 87, 22;
|
|
248
|
+
--color-orange-300: #b56c0a;
|
|
249
|
+
--color-orange-300-rgb: 181, 108, 10;
|
|
250
|
+
--color-orange-400: #cd7a00;
|
|
251
|
+
--color-orange-400-rgb: 205, 122, 0;
|
|
252
|
+
--color-orange-500: #e68800;
|
|
253
|
+
--color-orange-500-rgb: 230, 136, 0;
|
|
254
|
+
--color-orange-600: #ffb037;
|
|
255
|
+
--color-orange-600-rgb: 255, 176, 55;
|
|
256
|
+
--color-orange-700: #ffc76c;
|
|
257
|
+
--color-orange-700-rgb: 255, 199, 108;
|
|
258
|
+
--color-green-100: #085f33;
|
|
259
|
+
--color-green-100-rgb: 8, 95, 51;
|
|
260
|
+
--color-green-200: #007339;
|
|
261
|
+
--color-green-200-rgb: 0, 115, 57;
|
|
262
|
+
--color-green-300: #2e8e56;
|
|
263
|
+
--color-green-300-rgb: 46, 142, 86;
|
|
264
|
+
--color-green-400: #549c6d;
|
|
265
|
+
--color-green-400-rgb: 84, 156, 109;
|
|
266
|
+
--color-green-500: #73ab84;
|
|
267
|
+
--color-green-500-rgb: 115, 171, 132;
|
|
268
|
+
--color-green-600: #a9c7b1;
|
|
269
|
+
--color-green-600-rgb: 169, 199, 177;
|
|
270
|
+
--color-green-700: #c0d6c6;
|
|
271
|
+
--color-green-700-rgb: 192, 214, 198;
|
|
272
|
+
--color-blue-100: #004eaf;
|
|
273
|
+
--color-blue-100-rgb: 0, 78, 175;
|
|
274
|
+
--color-blue-200: #0060c7;
|
|
275
|
+
--color-blue-200-rgb: 0, 96, 199;
|
|
276
|
+
--color-blue-300: #007fde;
|
|
277
|
+
--color-blue-300-rgb: 0, 127, 222;
|
|
278
|
+
--color-blue-400: #0093e7;
|
|
279
|
+
--color-blue-400-rgb: 0, 147, 231;
|
|
280
|
+
--color-blue-500: #00a8ee;
|
|
281
|
+
--color-blue-500-rgb: 0, 168, 238;
|
|
282
|
+
--color-blue-600: #7fc9f0;
|
|
283
|
+
--color-blue-600-rgb: 127, 201, 240;
|
|
284
|
+
--color-blue-700: #aad7f0;
|
|
285
|
+
--color-blue-700-rgb: 170, 215, 240;
|
|
286
|
+
--color-purple-100: #6433b7;
|
|
287
|
+
--color-purple-100-rgb: 100, 51, 183;
|
|
288
|
+
--color-purple-200: #7b40d1;
|
|
289
|
+
--color-purple-200-rgb: 123, 64, 209;
|
|
290
|
+
--color-purple-300: #9662e0;
|
|
291
|
+
--color-purple-300-rgb: 150, 98, 224;
|
|
292
|
+
--color-purple-400: #a378e2;
|
|
293
|
+
--color-purple-400-rgb: 163, 120, 226;
|
|
294
|
+
--color-purple-500: #af8fe2;
|
|
295
|
+
--color-purple-500-rgb: 175, 143, 226;
|
|
296
|
+
--color-purple-600: #c8b9e4;
|
|
297
|
+
--color-purple-600-rgb: 200, 185, 228;
|
|
298
|
+
--color-purple-700: #d6cce9;
|
|
299
|
+
--color-purple-700-rgb: 214, 204, 233;
|
|
300
|
+
--color-yellow-100: #fd0;
|
|
301
|
+
--color-yellow-100-rgb: 255, 221, 0;
|
|
302
|
+
|
|
303
|
+
/* Brand colors */
|
|
304
|
+
/* Same colors as the light theme. */
|
|
305
|
+
|
|
306
|
+
/* UI colors */
|
|
307
|
+
--color-error: var(--color-red-200);
|
|
308
|
+
--color-error-rgb: var(--color-red-200-rgb);
|
|
309
|
+
--color-error-hover: var(--color-red-300);
|
|
310
|
+
--color-error-hover-rgb: var(--color-red-300-rgb);
|
|
311
|
+
--color-error-text: var(--color-red-300);
|
|
312
|
+
--color-error-text-rgb: var(--color-red-300-rgb);
|
|
313
|
+
--color-success: var(--color-green-200);
|
|
314
|
+
--color-success-rgb: var(--color-green-200-rgb);
|
|
315
|
+
--color-success-hover: var(--color-green-300);
|
|
316
|
+
--color-success-hover-rgb: var(--color-green-300-rgb);
|
|
317
|
+
--color-link: var(--color-blue-400);
|
|
318
|
+
--color-link-rgb: var(--color-blue-400-rgb);
|
|
319
|
+
--color-link-hover: var(--color-blue-500);
|
|
320
|
+
--color-link-hover-rgb: var(--color-blue-500-rgb);
|
|
321
|
+
--color-link-active: var(--color-blue-100);
|
|
322
|
+
--color-link-active-rgb: var(--color-blue-100-rgb);
|
|
323
|
+
--color-link-visited: var(--color-purple-300);
|
|
324
|
+
--color-link-visited-rgb: var(--color-purple-300-rgb);
|
|
325
|
+
--color-warning: var(--color-orange-500);
|
|
326
|
+
--color-warning-rgb: var(--color-orange-500-rgb);
|
|
327
|
+
--color-info: var(--color-blue-300);
|
|
328
|
+
--color-info-rgb: var(--color-blue-300-rgb);
|
|
329
|
+
--color-info-hover: var(--color-blue-400);
|
|
330
|
+
--color-info-hover-rgb: var(--color-blue-400-rgb);
|
|
331
|
+
--color-white: var(--color-gray-1200);
|
|
332
|
+
--color-white-rgb: var(--color-gray-1200-rgb);
|
|
333
|
+
--color-black: var(--color-gray-100);
|
|
334
|
+
--color-black-rgb: var(--color-gray-100-rgb);
|
|
335
|
+
--color-footer-text: var(--color-blue-500);
|
|
336
|
+
--color-footer-text-rgb: var(--color-blue-500-rgb);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
:root.darker,
|
|
340
|
+
.darker {
|
|
341
|
+
/* Color palette */
|
|
342
|
+
--color-gray-100: #010101;
|
|
343
|
+
--color-gray-100-rgb: 1, 1, 1;
|
|
344
|
+
--color-gray-200: #16191e;
|
|
345
|
+
--color-gray-200-rgb: 22, 25, 30;
|
|
346
|
+
--color-gray-300: #2e3139;
|
|
347
|
+
--color-gray-300-rgb: 46, 49, 57;
|
|
348
|
+
--color-gray-400: #41424a;
|
|
349
|
+
--color-gray-400-rgb: 65, 66, 74;
|
|
350
|
+
--color-gray-500: #56565d;
|
|
351
|
+
--color-gray-500-rgb: 86, 86, 93;
|
|
352
|
+
--color-gray-600: #6b6970;
|
|
353
|
+
--color-gray-600-rgb: 107, 105, 112;
|
|
354
|
+
--color-gray-700: #817f85;
|
|
355
|
+
--color-gray-700-rgb: 129, 127, 133;
|
|
356
|
+
--color-gray-800: #a09ea3;
|
|
357
|
+
--color-gray-800-rgb: 160, 158, 163;
|
|
358
|
+
--color-gray-900: #c5c4c7;
|
|
359
|
+
--color-gray-900-rgb: 197, 196, 199;
|
|
360
|
+
--color-gray-1000: #d8d8d9;
|
|
361
|
+
--color-gray-1000-rgb: 216, 216, 217;
|
|
362
|
+
--color-gray-1100: #eeedee;
|
|
363
|
+
--color-gray-1100-rgb: 238, 237, 238;
|
|
364
|
+
--color-gray-1200: #fefffe;
|
|
365
|
+
--color-gray-1200-rgb: 254, 255, 254;
|
|
366
|
+
--color-red-100: #9b0000;
|
|
367
|
+
--color-red-100-rgb: 155, 0, 0;
|
|
368
|
+
--color-red-200: #b90804;
|
|
369
|
+
--color-red-200-rgb: 185, 8, 4;
|
|
370
|
+
--color-red-300: #d53e2a;
|
|
371
|
+
--color-red-300-rgb: 213, 62, 42;
|
|
372
|
+
--color-red-400: #df5943;
|
|
373
|
+
--color-red-400-rgb: 223, 89, 67;
|
|
374
|
+
--color-red-500: #e7735e;
|
|
375
|
+
--color-red-500-rgb: 231, 115, 94;
|
|
376
|
+
--color-red-600: #eea192;
|
|
377
|
+
--color-red-600-rgb: 238, 161, 146;
|
|
378
|
+
--color-red-700: #f0b7ac;
|
|
379
|
+
--color-red-700-rgb: 240, 183, 172;
|
|
380
|
+
--color-orange-100: #674319;
|
|
381
|
+
--color-orange-100-rgb: 103, 67, 25;
|
|
382
|
+
--color-orange-200: #805117;
|
|
383
|
+
--color-orange-200-rgb: 128, 81, 23;
|
|
384
|
+
--color-orange-300: #a7660f;
|
|
385
|
+
--color-orange-300-rgb: 167, 102, 15;
|
|
386
|
+
--color-orange-400: #c07204;
|
|
387
|
+
--color-orange-400-rgb: 192, 114, 4;
|
|
388
|
+
--color-orange-500: #d88000;
|
|
389
|
+
--color-orange-500-rgb: 216, 128, 0;
|
|
390
|
+
--color-orange-600: #ff9e0f;
|
|
391
|
+
--color-orange-600-rgb: 255, 158, 15;
|
|
392
|
+
--color-orange-700: #ffb747;
|
|
393
|
+
--color-orange-700-rgb: 255, 183, 71;
|
|
394
|
+
--color-green-100: #10562f;
|
|
395
|
+
--color-green-100-rgb: 16, 86, 47;
|
|
396
|
+
--color-green-200: #006937;
|
|
397
|
+
--color-green-200-rgb: 0, 105, 55;
|
|
398
|
+
--color-green-300: #0f864b;
|
|
399
|
+
--color-green-300-rgb: 15, 134, 75;
|
|
400
|
+
--color-green-400: #409461;
|
|
401
|
+
--color-green-400-rgb: 64, 148, 97;
|
|
402
|
+
--color-green-500: #61a377;
|
|
403
|
+
--color-green-500-rgb: 97, 163, 119;
|
|
404
|
+
--color-green-600: #97bea2;
|
|
405
|
+
--color-green-600-rgb: 151, 190, 162;
|
|
406
|
+
--color-green-700: #b0cbb7;
|
|
407
|
+
--color-green-700-rgb: 176, 203, 183;
|
|
408
|
+
--color-blue-100: #0346a2;
|
|
409
|
+
--color-blue-100-rgb: 3, 70, 162;
|
|
410
|
+
--color-blue-200: #0057bd;
|
|
411
|
+
--color-blue-200-rgb: 0, 87, 189;
|
|
412
|
+
--color-blue-300: #0075d8;
|
|
413
|
+
--color-blue-300-rgb: 0, 117, 216;
|
|
414
|
+
--color-blue-400: #0088e3;
|
|
415
|
+
--color-blue-400-rgb: 0, 136, 227;
|
|
416
|
+
--color-blue-500: #009dea;
|
|
417
|
+
--color-blue-500-rgb: 0, 157, 234;
|
|
418
|
+
--color-blue-600: #5cbff0;
|
|
419
|
+
--color-blue-600-rgb: 92, 191, 240;
|
|
420
|
+
--color-blue-700: #8dcdef;
|
|
421
|
+
--color-blue-700-rgb: 141, 205, 239;
|
|
422
|
+
--color-purple-100: #592fa7;
|
|
423
|
+
--color-purple-100-rgb: 89, 47, 167;
|
|
424
|
+
--color-purple-200: #7139c6;
|
|
425
|
+
--color-purple-200-rgb: 113, 57, 198;
|
|
426
|
+
--color-purple-300: #8f56de;
|
|
427
|
+
--color-purple-300-rgb: 143, 86, 222;
|
|
428
|
+
--color-purple-400: #9c6ce2;
|
|
429
|
+
--color-purple-400-rgb: 156, 108, 226;
|
|
430
|
+
--color-purple-500: #a883e2;
|
|
431
|
+
--color-purple-500-rgb: 168, 131, 226;
|
|
432
|
+
--color-purple-600: #c0abe3;
|
|
433
|
+
--color-purple-600-rgb: 192, 171, 227;
|
|
434
|
+
--color-purple-700: #ccbee5;
|
|
435
|
+
--color-purple-700-rgb: 204, 190, 229;
|
|
436
|
+
--color-yellow-100: #fd0;
|
|
437
|
+
--color-yellow-100-rgb: 255, 221, 0;
|
|
438
|
+
|
|
439
|
+
/* Brand colors */
|
|
440
|
+
/* Same colors as the light theme. */
|
|
441
|
+
|
|
442
|
+
/* UI colors */
|
|
443
|
+
--color-error: var(--color-red-300);
|
|
444
|
+
--color-error-rgb: var(--color-red-300-rgb);
|
|
445
|
+
--color-error-hover: var(--color-red-400);
|
|
446
|
+
--color-error-hover-rgb: var(--color-red-400-rgb);
|
|
447
|
+
--color-success: var(--color-green-300);
|
|
448
|
+
--color-success-rgb: var(--color-green-300-rgb);
|
|
449
|
+
--color-success-hover: var(--color-green-400);
|
|
450
|
+
--color-success-hover-rgb: var(--color-green-400-rgb);
|
|
451
|
+
--color-link: var(--color-blue-400);
|
|
452
|
+
--color-link-rgb: var(--color-blue-400-rgb);
|
|
453
|
+
--color-link-hover: var(--color-blue-500);
|
|
454
|
+
--color-link-hover-rgb: var(--color-blue-500-rgb);
|
|
455
|
+
--color-link-active: var(--color-blue-100);
|
|
456
|
+
--color-link-active-rgb: var(--color-blue-100-rgb);
|
|
457
|
+
--color-link-visited: var(--color-purple-300);
|
|
458
|
+
--color-link-visited-rgb: var(--color-purple-300-rgb);
|
|
459
|
+
--color-warning: var(--color-orange-500);
|
|
460
|
+
--color-warning-rgb: var(--color-orange-500-rgb);
|
|
461
|
+
--color-info: var(--color-blue-200);
|
|
462
|
+
--color-info-rgb: var(--color-blue-200-rgb);
|
|
463
|
+
--color-info-hover: var(--color-blue-300);
|
|
464
|
+
--color-info-hover-rgb: var(--color-blue-300-rgb);
|
|
465
|
+
--color-white: var(--color-gray-1200);
|
|
466
|
+
--color-white-rgb: var(--color-gray-1200-rgb);
|
|
467
|
+
--color-black: var(--color-gray-100);
|
|
468
|
+
--color-black-rgb: var(--color-gray-100-rgb);
|
|
469
|
+
}
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,473 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/* Color palette */
|
|
3
|
+
--color-gray-100: #fefefe;
|
|
4
|
+
--color-gray-100-rgb: 254, 254, 254;
|
|
5
|
+
--color-gray-200: #ecebec;
|
|
6
|
+
--color-gray-200-rgb: 236, 235, 236;
|
|
7
|
+
--color-gray-300: #cdccce;
|
|
8
|
+
--color-gray-300-rgb: 205, 204, 206;
|
|
9
|
+
--color-gray-400: #b3b2b5;
|
|
10
|
+
--color-gray-400-rgb: 179, 178, 181;
|
|
11
|
+
--color-gray-500: #99989c;
|
|
12
|
+
--color-gray-500-rgb: 153, 152, 156;
|
|
13
|
+
--color-gray-600: #828086;
|
|
14
|
+
--color-gray-600-rgb: 130, 128, 134;
|
|
15
|
+
--color-gray-700: #6d6a71;
|
|
16
|
+
--color-gray-700-rgb: 109, 106, 113;
|
|
17
|
+
--color-gray-800: #515058;
|
|
18
|
+
--color-gray-800-rgb: 81, 80, 88;
|
|
19
|
+
--color-gray-900: #32363d;
|
|
20
|
+
--color-gray-900-rgb: 50, 54, 61;
|
|
21
|
+
--color-gray-1000: #252830;
|
|
22
|
+
--color-gray-1000-rgb: 37, 40, 48;
|
|
23
|
+
--color-gray-1100: #14161b;
|
|
24
|
+
--color-gray-1100-rgb: 20, 22, 27;
|
|
25
|
+
--color-gray-1200: #000;
|
|
26
|
+
--color-gray-1200-rgb: 0, 0, 0;
|
|
27
|
+
--color-red-100: #ec8f7c;
|
|
28
|
+
--color-red-100-rgb: 236, 143, 124;
|
|
29
|
+
--color-red-200: #e66f59;
|
|
30
|
+
--color-red-200-rgb: 230, 111, 89;
|
|
31
|
+
--color-red-300: #d6402b;
|
|
32
|
+
--color-red-300-rgb: 214, 64, 43;
|
|
33
|
+
--color-red-400: #c82415;
|
|
34
|
+
--color-red-400-rgb: 200, 36, 21;
|
|
35
|
+
--color-red-500: #b60202;
|
|
36
|
+
--color-red-500-rgb: 182, 2, 2;
|
|
37
|
+
--color-red-600: #800;
|
|
38
|
+
--color-red-600-rgb: 136, 0, 0;
|
|
39
|
+
--color-red-700: #710602;
|
|
40
|
+
--color-red-700-rgb: 113, 6, 2;
|
|
41
|
+
--color-orange-100: #f39000;
|
|
42
|
+
--color-orange-100-rgb: 243, 144, 0;
|
|
43
|
+
--color-orange-200: #d47e00;
|
|
44
|
+
--color-orange-200-rgb: 212, 126, 0;
|
|
45
|
+
--color-orange-300: #a9660f;
|
|
46
|
+
--color-orange-300-rgb: 169, 102, 15;
|
|
47
|
+
--color-orange-400: #925a15;
|
|
48
|
+
--color-orange-400-rgb: 146, 90, 21;
|
|
49
|
+
--color-orange-500: #7c4f18;
|
|
50
|
+
--color-orange-500-rgb: 124, 79, 24;
|
|
51
|
+
--color-orange-600: #583b18;
|
|
52
|
+
--color-orange-600-rgb: 88, 59, 24;
|
|
53
|
+
--color-orange-700: #483117;
|
|
54
|
+
--color-orange-700-rgb: 72, 49, 23;
|
|
55
|
+
--color-green-100: #82b291;
|
|
56
|
+
--color-green-100-rgb: 130, 178, 145;
|
|
57
|
+
--color-green-200: #5da074;
|
|
58
|
+
--color-green-200-rgb: 93, 160, 116;
|
|
59
|
+
--color-green-300: #15874d;
|
|
60
|
+
--color-green-300-rgb: 21, 135, 77;
|
|
61
|
+
--color-green-400: #007738;
|
|
62
|
+
--color-green-400-rgb: 0, 119, 56;
|
|
63
|
+
--color-green-500: #006736;
|
|
64
|
+
--color-green-500-rgb: 0, 103, 54;
|
|
65
|
+
--color-green-600: #154a2b;
|
|
66
|
+
--color-green-600-rgb: 21, 74, 43;
|
|
67
|
+
--color-green-700: #173d25;
|
|
68
|
+
--color-green-700-rgb: 23, 61, 37;
|
|
69
|
+
--color-blue-100: #22b3f0;
|
|
70
|
+
--color-blue-100-rgb: 34, 179, 240;
|
|
71
|
+
--color-blue-200: #0099e9;
|
|
72
|
+
--color-blue-200-rgb: 0, 153, 233;
|
|
73
|
+
--color-blue-300: #0076d9;
|
|
74
|
+
--color-blue-300-rgb: 0, 118, 217;
|
|
75
|
+
--color-blue-400: #0064cc;
|
|
76
|
+
--color-blue-400-rgb: 0, 100, 204;
|
|
77
|
+
--color-blue-500: #0054ba;
|
|
78
|
+
--color-blue-500-rgb: 0, 84, 186;
|
|
79
|
+
--color-blue-600: #0e3d8b;
|
|
80
|
+
--color-blue-600-rgb: 14, 61, 139;
|
|
81
|
+
--color-blue-700: #12336f;
|
|
82
|
+
--color-blue-700-rgb: 18, 51, 111;
|
|
83
|
+
--color-purple-100: #b69be2;
|
|
84
|
+
--color-purple-100-rgb: 182, 155, 226;
|
|
85
|
+
--color-purple-200: #a67fe2;
|
|
86
|
+
--color-purple-200-rgb: 166, 127, 226;
|
|
87
|
+
--color-purple-300: #9057de;
|
|
88
|
+
--color-purple-300-rgb: 144, 87, 222;
|
|
89
|
+
--color-purple-400: #8045d4;
|
|
90
|
+
--color-purple-400-rgb: 128, 69, 212;
|
|
91
|
+
--color-purple-500: #6d38c2;
|
|
92
|
+
--color-purple-500-rgb: 109, 56, 194;
|
|
93
|
+
--color-purple-600: #4c2a90;
|
|
94
|
+
--color-purple-600-rgb: 76, 42, 144;
|
|
95
|
+
--color-purple-700: #3d2674;
|
|
96
|
+
--color-purple-700-rgb: 61, 38, 116;
|
|
97
|
+
--color-yellow-100: #fd0;
|
|
98
|
+
--color-yellow-100-rgb: 255, 221, 0;
|
|
99
|
+
|
|
100
|
+
/* Brand colors */
|
|
101
|
+
--color-primary-100: #1f4884;
|
|
102
|
+
--color-primary-100-rgb: 31, 72, 132;
|
|
103
|
+
--color-primary-200: #003375;
|
|
104
|
+
--color-primary-200-rgb: 0, 51, 117;
|
|
105
|
+
--color-primary-300: #00225e;
|
|
106
|
+
--color-primary-300-rgb: 0, 34, 94;
|
|
107
|
+
--color-primary: #003375;
|
|
108
|
+
--color-primary-rgb: 0, 51, 117;
|
|
109
|
+
--color-secondary-100: #61c9ff;
|
|
110
|
+
--color-secondary-100-rgb: 97, 201, 255;
|
|
111
|
+
--color-secondary-200: #00b0f0;
|
|
112
|
+
--color-secondary-200-rgb: 0, 176, 240;
|
|
113
|
+
--color-secondary-300: #009cd8;
|
|
114
|
+
--color-secondary-300-rgb: 0, 156, 216;
|
|
115
|
+
--color-secondary: #00b0f0;
|
|
116
|
+
--color-secondary-rgb: 0, 176, 240;
|
|
117
|
+
--color-tertiary-100: #3379c1;
|
|
118
|
+
--color-tertiary-100-rgb: 51, 121, 193;
|
|
119
|
+
--color-tertiary-200: #0065b3;
|
|
120
|
+
--color-tertiary-200-rgb: 0, 101, 179;
|
|
121
|
+
--color-tertiary-300: #00559e;
|
|
122
|
+
--color-tertiary-300-rgb: 0, 85, 158;
|
|
123
|
+
--color-tertiary: #0065b3;
|
|
124
|
+
--color-tertiary-rgb: 0, 101, 179;
|
|
125
|
+
|
|
126
|
+
/* UI colors */
|
|
127
|
+
--color-base-100: var(--color-gray-100);
|
|
128
|
+
--color-base-100-rgb: var(--color-gray-100-rgb);
|
|
129
|
+
--color-base-200: var(--color-gray-200);
|
|
130
|
+
--color-base-200-rgb: var(--color-gray-200-rgb);
|
|
131
|
+
--color-base-300: var(--color-gray-300);
|
|
132
|
+
--color-base-300-rgb: var(--color-gray-300-rgb);
|
|
133
|
+
--color-base-400: var(--color-gray-400);
|
|
134
|
+
--color-base-400-rgb: var(--color-gray-400-rgb);
|
|
135
|
+
--color-base-500: var(--color-gray-500);
|
|
136
|
+
--color-base-500-rgb: var(--color-gray-500-rgb);
|
|
137
|
+
--color-base-600: var(--color-gray-600);
|
|
138
|
+
--color-base-600-rgb: var(--color-gray-600-rgb);
|
|
139
|
+
--color-base-700: var(--color-gray-700);
|
|
140
|
+
--color-base-700-rgb: var(--color-gray-700-rgb);
|
|
141
|
+
--color-base-800: var(--color-gray-800);
|
|
142
|
+
--color-base-800-rgb: var(--color-gray-800-rgb);
|
|
143
|
+
--color-base-900: var(--color-gray-900);
|
|
144
|
+
--color-base-900-rgb: var(--color-gray-900-rgb);
|
|
145
|
+
--color-base-1000: var(--color-gray-1000);
|
|
146
|
+
--color-base-1000-rgb: var(--color-gray-1000-rgb);
|
|
147
|
+
--color-base-1100: var(--color-gray-1100);
|
|
148
|
+
--color-base-1100-rgb: var(--color-gray-1100-rgb);
|
|
149
|
+
--color-base-content: var(--color-gray-1000);
|
|
150
|
+
--color-base-content-rgb: var(--color-gray-1000-rgb);
|
|
151
|
+
--color-base-content-secondary: var(--color-gray-700);
|
|
152
|
+
--color-base-content-secondary-rgb: var(--color-gray-700-rgb);
|
|
153
|
+
--color-base-content-invert: var(--color-gray-100);
|
|
154
|
+
--color-base-content-invert-rgb: var(--color-gray-100-rgb);
|
|
155
|
+
--color-accent: var(--color-gray-1000);
|
|
156
|
+
--color-accent-rgb: var(--color-gray-1000-rgb);
|
|
157
|
+
--color-accent-focus: var(--color-gray-900);
|
|
158
|
+
--color-accent-focus-rgb: var(--color-gray-900-rgb);
|
|
159
|
+
--color-accent-content: var(--color-gray-100);
|
|
160
|
+
--color-accent-content-rgb: var(--color-gray-100-rgb);
|
|
161
|
+
--color-focus: var(--color-yellow-100);
|
|
162
|
+
--color-focus-rgb: var(--color-yellow-100-rgb);
|
|
163
|
+
--color-error: var(--color-red-500);
|
|
164
|
+
--color-error-rgb: var(--color-red-500-rgb);
|
|
165
|
+
--color-error-hover: var(--color-red-600);
|
|
166
|
+
--color-error-hover-rgb: var(--color-red-600-rgb);
|
|
167
|
+
--color-error-text: var(--color-red-500);
|
|
168
|
+
--color-error-text-rgb: var(--color-red-500-rgb);
|
|
169
|
+
--color-success: var(--color-green-500);
|
|
170
|
+
--color-success-rgb: var(--color-green-500-rgb);
|
|
171
|
+
--color-success-hover: var(--color-green-600);
|
|
172
|
+
--color-success-hover-rgb: var(--color-green-600-rgb);
|
|
173
|
+
--color-link: var(--color-blue-500);
|
|
174
|
+
--color-link-rgb: var(--color-blue-500-rgb);
|
|
175
|
+
--color-link-hover: var(--color-blue-600);
|
|
176
|
+
--color-link-hover-rgb: var(--color-blue-600-rgb);
|
|
177
|
+
--color-link-active: var(--color-gray-1000);
|
|
178
|
+
--color-link-active-rgb: var(--color-gray-1000-rgb);
|
|
179
|
+
--color-link-visited: var(--color-purple-600);
|
|
180
|
+
--color-link-visited-rgb: var(--color-purple-600-rgb);
|
|
181
|
+
--color-warning: var(--color-orange-100);
|
|
182
|
+
--color-warning-rgb: var(--color-orange-100-rgb);
|
|
183
|
+
--color-info: var(--color-blue-400);
|
|
184
|
+
--color-info-rgb: var(--color-blue-400-rgb);
|
|
185
|
+
--color-info-hover: var(--color-blue-500);
|
|
186
|
+
--color-info-hover-rgb: var(--color-blue-500-rgb);
|
|
187
|
+
--color-white: var(--color-gray-100);
|
|
188
|
+
--color-white-rgb: var(--color-gray-100-rgb);
|
|
189
|
+
--color-black: var(--color-gray-1200);
|
|
190
|
+
--color-black-rgb: var(--color-gray-1200-rgb);
|
|
191
|
+
--color-footer-text: var(--color-blue-500);
|
|
192
|
+
--color-footer-text-rgb: var(--color-blue-500-rgb);
|
|
193
|
+
--color-footer-link: var(--color-link);
|
|
194
|
+
--color-footer-link-rgb: var(--color-link-rgb);
|
|
195
|
+
--color-footer-link-hover: var(--color-link-hover);
|
|
196
|
+
--color-footer-link-hover-rgb: var(--color-link-hover-rgb);
|
|
197
|
+
--color-header-text: var(--color-white);
|
|
198
|
+
--color-header-text-rgb: var(--color-white-rgb);
|
|
199
|
+
--color-header-text-hover: var(--color-white);
|
|
200
|
+
--color-header-text-hover-rgb: var(--color-white-rgb);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
:root.dark,
|
|
204
|
+
.dark {
|
|
205
|
+
/* Color palette */
|
|
206
|
+
--color-gray-100: #111317;
|
|
207
|
+
--color-gray-100-rgb: 17, 19, 23;
|
|
208
|
+
--color-gray-200: #20242a;
|
|
209
|
+
--color-gray-200-rgb: 32, 36, 42;
|
|
210
|
+
--color-gray-300: #363941;
|
|
211
|
+
--color-gray-300-rgb: 54, 57, 65;
|
|
212
|
+
--color-gray-400: #4a4a52;
|
|
213
|
+
--color-gray-400-rgb: 74, 74, 82;
|
|
214
|
+
--color-gray-500: #5f5d65;
|
|
215
|
+
--color-gray-500-rgb: 95, 93, 101;
|
|
216
|
+
--color-gray-600: #747178;
|
|
217
|
+
--color-gray-600-rgb: 116, 113, 120;
|
|
218
|
+
--color-gray-700: #8a888e;
|
|
219
|
+
--color-gray-700-rgb: 138, 136, 142;
|
|
220
|
+
--color-gray-800: #aaa8ac;
|
|
221
|
+
--color-gray-800-rgb: 170, 168, 172;
|
|
222
|
+
--color-gray-900: #d1d0d2;
|
|
223
|
+
--color-gray-900-rgb: 209, 208, 210;
|
|
224
|
+
--color-gray-1000: #e5e4e5;
|
|
225
|
+
--color-gray-1000-rgb: 229, 228, 229;
|
|
226
|
+
--color-gray-1100: #fbfbfb;
|
|
227
|
+
--color-gray-1100-rgb: 251, 251, 251;
|
|
228
|
+
--color-gray-1200: #fefffe;
|
|
229
|
+
--color-gray-1200-rgb: 254, 255, 254;
|
|
230
|
+
--color-red-100: #a00;
|
|
231
|
+
--color-red-100-rgb: 170, 0, 0;
|
|
232
|
+
--color-red-200: #c31c0f;
|
|
233
|
+
--color-red-200-rgb: 195, 28, 15;
|
|
234
|
+
--color-red-300: #db4d37;
|
|
235
|
+
--color-red-300-rgb: 219, 77, 55;
|
|
236
|
+
--color-red-400: #e46752;
|
|
237
|
+
--color-red-400-rgb: 228, 103, 82;
|
|
238
|
+
--color-red-500: #ea816e;
|
|
239
|
+
--color-red-500-rgb: 234, 129, 110;
|
|
240
|
+
--color-red-600: #f0b0a4;
|
|
241
|
+
--color-red-600-rgb: 240, 176, 164;
|
|
242
|
+
--color-red-700: #f1c7bf;
|
|
243
|
+
--color-red-700-rgb: 241, 199, 191;
|
|
244
|
+
--color-orange-100: #734919;
|
|
245
|
+
--color-orange-100-rgb: 115, 73, 25;
|
|
246
|
+
--color-orange-200: #8c5716;
|
|
247
|
+
--color-orange-200-rgb: 140, 87, 22;
|
|
248
|
+
--color-orange-300: #b56c0a;
|
|
249
|
+
--color-orange-300-rgb: 181, 108, 10;
|
|
250
|
+
--color-orange-400: #cd7a00;
|
|
251
|
+
--color-orange-400-rgb: 205, 122, 0;
|
|
252
|
+
--color-orange-500: #e68800;
|
|
253
|
+
--color-orange-500-rgb: 230, 136, 0;
|
|
254
|
+
--color-orange-600: #ffb037;
|
|
255
|
+
--color-orange-600-rgb: 255, 176, 55;
|
|
256
|
+
--color-orange-700: #ffc76c;
|
|
257
|
+
--color-orange-700-rgb: 255, 199, 108;
|
|
258
|
+
--color-green-100: #085f33;
|
|
259
|
+
--color-green-100-rgb: 8, 95, 51;
|
|
260
|
+
--color-green-200: #007339;
|
|
261
|
+
--color-green-200-rgb: 0, 115, 57;
|
|
262
|
+
--color-green-300: #2e8e56;
|
|
263
|
+
--color-green-300-rgb: 46, 142, 86;
|
|
264
|
+
--color-green-400: #549c6d;
|
|
265
|
+
--color-green-400-rgb: 84, 156, 109;
|
|
266
|
+
--color-green-500: #73ab84;
|
|
267
|
+
--color-green-500-rgb: 115, 171, 132;
|
|
268
|
+
--color-green-600: #a9c7b1;
|
|
269
|
+
--color-green-600-rgb: 169, 199, 177;
|
|
270
|
+
--color-green-700: #c0d6c6;
|
|
271
|
+
--color-green-700-rgb: 192, 214, 198;
|
|
272
|
+
--color-blue-100: #004eaf;
|
|
273
|
+
--color-blue-100-rgb: 0, 78, 175;
|
|
274
|
+
--color-blue-200: #0060c7;
|
|
275
|
+
--color-blue-200-rgb: 0, 96, 199;
|
|
276
|
+
--color-blue-300: #007fde;
|
|
277
|
+
--color-blue-300-rgb: 0, 127, 222;
|
|
278
|
+
--color-blue-400: #0093e7;
|
|
279
|
+
--color-blue-400-rgb: 0, 147, 231;
|
|
280
|
+
--color-blue-500: #00a8ee;
|
|
281
|
+
--color-blue-500-rgb: 0, 168, 238;
|
|
282
|
+
--color-blue-600: #7fc9f0;
|
|
283
|
+
--color-blue-600-rgb: 127, 201, 240;
|
|
284
|
+
--color-blue-700: #aad7f0;
|
|
285
|
+
--color-blue-700-rgb: 170, 215, 240;
|
|
286
|
+
--color-purple-100: #6433b7;
|
|
287
|
+
--color-purple-100-rgb: 100, 51, 183;
|
|
288
|
+
--color-purple-200: #7b40d1;
|
|
289
|
+
--color-purple-200-rgb: 123, 64, 209;
|
|
290
|
+
--color-purple-300: #9662e0;
|
|
291
|
+
--color-purple-300-rgb: 150, 98, 224;
|
|
292
|
+
--color-purple-400: #a378e2;
|
|
293
|
+
--color-purple-400-rgb: 163, 120, 226;
|
|
294
|
+
--color-purple-500: #af8fe2;
|
|
295
|
+
--color-purple-500-rgb: 175, 143, 226;
|
|
296
|
+
--color-purple-600: #c8b9e4;
|
|
297
|
+
--color-purple-600-rgb: 200, 185, 228;
|
|
298
|
+
--color-purple-700: #d6cce9;
|
|
299
|
+
--color-purple-700-rgb: 214, 204, 233;
|
|
300
|
+
--color-yellow-100: #fd0;
|
|
301
|
+
--color-yellow-100-rgb: 255, 221, 0;
|
|
302
|
+
|
|
303
|
+
/* Brand colors */
|
|
304
|
+
/* Same colors as the light theme. */
|
|
305
|
+
|
|
306
|
+
/* UI colors */
|
|
307
|
+
--color-error: var(--color-red-200);
|
|
308
|
+
--color-error-rgb: var(--color-red-200-rgb);
|
|
309
|
+
--color-error-hover: var(--color-red-300);
|
|
310
|
+
--color-error-hover-rgb: var(--color-red-300-rgb);
|
|
311
|
+
--color-error-text: var(--color-red-300);
|
|
312
|
+
--color-error-text-rgb: var(--color-red-300-rgb);
|
|
313
|
+
--color-success: var(--color-green-200);
|
|
314
|
+
--color-success-rgb: var(--color-green-200-rgb);
|
|
315
|
+
--color-success-hover: var(--color-green-300);
|
|
316
|
+
--color-success-hover-rgb: var(--color-green-300-rgb);
|
|
317
|
+
--color-link: var(--color-blue-400);
|
|
318
|
+
--color-link-rgb: var(--color-blue-400-rgb);
|
|
319
|
+
--color-link-hover: var(--color-blue-500);
|
|
320
|
+
--color-link-hover-rgb: var(--color-blue-500-rgb);
|
|
321
|
+
--color-link-active: var(--color-blue-100);
|
|
322
|
+
--color-link-active-rgb: var(--color-blue-100-rgb);
|
|
323
|
+
--color-link-visited: var(--color-purple-300);
|
|
324
|
+
--color-link-visited-rgb: var(--color-purple-300-rgb);
|
|
325
|
+
--color-warning: var(--color-orange-500);
|
|
326
|
+
--color-warning-rgb: var(--color-orange-500-rgb);
|
|
327
|
+
--color-info: var(--color-blue-300);
|
|
328
|
+
--color-info-rgb: var(--color-blue-300-rgb);
|
|
329
|
+
--color-info-hover: var(--color-blue-400);
|
|
330
|
+
--color-info-hover-rgb: var(--color-blue-400-rgb);
|
|
331
|
+
--color-white: var(--color-gray-1200);
|
|
332
|
+
--color-white-rgb: var(--color-gray-1200-rgb);
|
|
333
|
+
--color-black: var(--color-gray-100);
|
|
334
|
+
--color-black-rgb: var(--color-gray-100-rgb);
|
|
335
|
+
--color-footer-text: var(--color-blue-500);
|
|
336
|
+
--color-footer-text-rgb: var(--color-blue-500-rgb);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
:root.darker,
|
|
340
|
+
.darker {
|
|
341
|
+
/* Color palette */
|
|
342
|
+
--color-gray-100: #010101;
|
|
343
|
+
--color-gray-100-rgb: 1, 1, 1;
|
|
344
|
+
--color-gray-200: #16191e;
|
|
345
|
+
--color-gray-200-rgb: 22, 25, 30;
|
|
346
|
+
--color-gray-300: #2e3139;
|
|
347
|
+
--color-gray-300-rgb: 46, 49, 57;
|
|
348
|
+
--color-gray-400: #41424a;
|
|
349
|
+
--color-gray-400-rgb: 65, 66, 74;
|
|
350
|
+
--color-gray-500: #56565d;
|
|
351
|
+
--color-gray-500-rgb: 86, 86, 93;
|
|
352
|
+
--color-gray-600: #6b6970;
|
|
353
|
+
--color-gray-600-rgb: 107, 105, 112;
|
|
354
|
+
--color-gray-700: #817f85;
|
|
355
|
+
--color-gray-700-rgb: 129, 127, 133;
|
|
356
|
+
--color-gray-800: #a09ea3;
|
|
357
|
+
--color-gray-800-rgb: 160, 158, 163;
|
|
358
|
+
--color-gray-900: #c5c4c7;
|
|
359
|
+
--color-gray-900-rgb: 197, 196, 199;
|
|
360
|
+
--color-gray-1000: #d8d8d9;
|
|
361
|
+
--color-gray-1000-rgb: 216, 216, 217;
|
|
362
|
+
--color-gray-1100: #eeedee;
|
|
363
|
+
--color-gray-1100-rgb: 238, 237, 238;
|
|
364
|
+
--color-gray-1200: #fefffe;
|
|
365
|
+
--color-gray-1200-rgb: 254, 255, 254;
|
|
366
|
+
--color-red-100: #9b0000;
|
|
367
|
+
--color-red-100-rgb: 155, 0, 0;
|
|
368
|
+
--color-red-200: #b90804;
|
|
369
|
+
--color-red-200-rgb: 185, 8, 4;
|
|
370
|
+
--color-red-300: #d53e2a;
|
|
371
|
+
--color-red-300-rgb: 213, 62, 42;
|
|
372
|
+
--color-red-400: #df5943;
|
|
373
|
+
--color-red-400-rgb: 223, 89, 67;
|
|
374
|
+
--color-red-500: #e7735e;
|
|
375
|
+
--color-red-500-rgb: 231, 115, 94;
|
|
376
|
+
--color-red-600: #eea192;
|
|
377
|
+
--color-red-600-rgb: 238, 161, 146;
|
|
378
|
+
--color-red-700: #f0b7ac;
|
|
379
|
+
--color-red-700-rgb: 240, 183, 172;
|
|
380
|
+
--color-orange-100: #674319;
|
|
381
|
+
--color-orange-100-rgb: 103, 67, 25;
|
|
382
|
+
--color-orange-200: #805117;
|
|
383
|
+
--color-orange-200-rgb: 128, 81, 23;
|
|
384
|
+
--color-orange-300: #a7660f;
|
|
385
|
+
--color-orange-300-rgb: 167, 102, 15;
|
|
386
|
+
--color-orange-400: #c07204;
|
|
387
|
+
--color-orange-400-rgb: 192, 114, 4;
|
|
388
|
+
--color-orange-500: #d88000;
|
|
389
|
+
--color-orange-500-rgb: 216, 128, 0;
|
|
390
|
+
--color-orange-600: #ff9e0f;
|
|
391
|
+
--color-orange-600-rgb: 255, 158, 15;
|
|
392
|
+
--color-orange-700: #ffb747;
|
|
393
|
+
--color-orange-700-rgb: 255, 183, 71;
|
|
394
|
+
--color-green-100: #10562f;
|
|
395
|
+
--color-green-100-rgb: 16, 86, 47;
|
|
396
|
+
--color-green-200: #006937;
|
|
397
|
+
--color-green-200-rgb: 0, 105, 55;
|
|
398
|
+
--color-green-300: #0f864b;
|
|
399
|
+
--color-green-300-rgb: 15, 134, 75;
|
|
400
|
+
--color-green-400: #409461;
|
|
401
|
+
--color-green-400-rgb: 64, 148, 97;
|
|
402
|
+
--color-green-500: #61a377;
|
|
403
|
+
--color-green-500-rgb: 97, 163, 119;
|
|
404
|
+
--color-green-600: #97bea2;
|
|
405
|
+
--color-green-600-rgb: 151, 190, 162;
|
|
406
|
+
--color-green-700: #b0cbb7;
|
|
407
|
+
--color-green-700-rgb: 176, 203, 183;
|
|
408
|
+
--color-blue-100: #0346a2;
|
|
409
|
+
--color-blue-100-rgb: 3, 70, 162;
|
|
410
|
+
--color-blue-200: #0057bd;
|
|
411
|
+
--color-blue-200-rgb: 0, 87, 189;
|
|
412
|
+
--color-blue-300: #0075d8;
|
|
413
|
+
--color-blue-300-rgb: 0, 117, 216;
|
|
414
|
+
--color-blue-400: #0088e3;
|
|
415
|
+
--color-blue-400-rgb: 0, 136, 227;
|
|
416
|
+
--color-blue-500: #009dea;
|
|
417
|
+
--color-blue-500-rgb: 0, 157, 234;
|
|
418
|
+
--color-blue-600: #5cbff0;
|
|
419
|
+
--color-blue-600-rgb: 92, 191, 240;
|
|
420
|
+
--color-blue-700: #8dcdef;
|
|
421
|
+
--color-blue-700-rgb: 141, 205, 239;
|
|
422
|
+
--color-purple-100: #592fa7;
|
|
423
|
+
--color-purple-100-rgb: 89, 47, 167;
|
|
424
|
+
--color-purple-200: #7139c6;
|
|
425
|
+
--color-purple-200-rgb: 113, 57, 198;
|
|
426
|
+
--color-purple-300: #8f56de;
|
|
427
|
+
--color-purple-300-rgb: 143, 86, 222;
|
|
428
|
+
--color-purple-400: #9c6ce2;
|
|
429
|
+
--color-purple-400-rgb: 156, 108, 226;
|
|
430
|
+
--color-purple-500: #a883e2;
|
|
431
|
+
--color-purple-500-rgb: 168, 131, 226;
|
|
432
|
+
--color-purple-600: #c0abe3;
|
|
433
|
+
--color-purple-600-rgb: 192, 171, 227;
|
|
434
|
+
--color-purple-700: #ccbee5;
|
|
435
|
+
--color-purple-700-rgb: 204, 190, 229;
|
|
436
|
+
--color-yellow-100: #fd0;
|
|
437
|
+
--color-yellow-100-rgb: 255, 221, 0;
|
|
438
|
+
|
|
439
|
+
/* Brand colors */
|
|
440
|
+
/* Same colors as the light theme. */
|
|
441
|
+
|
|
442
|
+
/* UI colors */
|
|
443
|
+
--color-error: var(--color-red-300);
|
|
444
|
+
--color-error-rgb: var(--color-red-300-rgb);
|
|
445
|
+
--color-error-hover: var(--color-red-400);
|
|
446
|
+
--color-error-hover-rgb: var(--color-red-400-rgb);
|
|
447
|
+
--color-success: var(--color-green-300);
|
|
448
|
+
--color-success-rgb: var(--color-green-300-rgb);
|
|
449
|
+
--color-success-hover: var(--color-green-400);
|
|
450
|
+
--color-success-hover-rgb: var(--color-green-400-rgb);
|
|
451
|
+
--color-link: var(--color-blue-400);
|
|
452
|
+
--color-link-rgb: var(--color-blue-400-rgb);
|
|
453
|
+
--color-link-hover: var(--color-blue-500);
|
|
454
|
+
--color-link-hover-rgb: var(--color-blue-500-rgb);
|
|
455
|
+
--color-link-active: var(--color-blue-100);
|
|
456
|
+
--color-link-active-rgb: var(--color-blue-100-rgb);
|
|
457
|
+
--color-link-visited: var(--color-purple-300);
|
|
458
|
+
--color-link-visited-rgb: var(--color-purple-300-rgb);
|
|
459
|
+
--color-warning: var(--color-orange-500);
|
|
460
|
+
--color-warning-rgb: var(--color-orange-500-rgb);
|
|
461
|
+
--color-info: var(--color-blue-200);
|
|
462
|
+
--color-info-rgb: var(--color-blue-200-rgb);
|
|
463
|
+
--color-info-hover: var(--color-blue-300);
|
|
464
|
+
--color-info-hover-rgb: var(--color-blue-300-rgb);
|
|
465
|
+
--color-white: var(--color-gray-1200);
|
|
466
|
+
--color-white-rgb: var(--color-gray-1200-rgb);
|
|
467
|
+
--color-black: var(--color-gray-100);
|
|
468
|
+
--color-black-rgb: var(--color-gray-100-rgb);
|
|
469
|
+
}
|
|
470
|
+
:root {
|
|
471
|
+
--border-radius-md: 0px;
|
|
472
|
+
--border-radius-lg: 0px;
|
|
473
|
+
}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = {":root":{"-ColorGray100":"#fefefe","-ColorGray100Rgb":"254, 254, 254","-ColorGray200":"#ecebec","-ColorGray200Rgb":"236, 235, 236","-ColorGray300":"#cdccce","-ColorGray300Rgb":"205, 204, 206","-ColorGray400":"#b3b2b5","-ColorGray400Rgb":"179, 178, 181","-ColorGray500":"#99989c","-ColorGray500Rgb":"153, 152, 156","-ColorGray600":"#828086","-ColorGray600Rgb":"130, 128, 134","-ColorGray700":"#6d6a71","-ColorGray700Rgb":"109, 106, 113","-ColorGray800":"#515058","-ColorGray800Rgb":"81, 80, 88","-ColorGray900":"#32363d","-ColorGray900Rgb":"50, 54, 61","-ColorGray1000":"#252830","-ColorGray1000Rgb":"37, 40, 48","-ColorGray1100":"#14161b","-ColorGray1100Rgb":"20, 22, 27","-ColorGray1200":"#000","-ColorGray1200Rgb":"0, 0, 0","-ColorRed100":"#ec8f7c","-ColorRed100Rgb":"236, 143, 124","-ColorRed200":"#e66f59","-ColorRed200Rgb":"230, 111, 89","-ColorRed300":"#d6402b","-ColorRed300Rgb":"214, 64, 43","-ColorRed400":"#c82415","-ColorRed400Rgb":"200, 36, 21","-ColorRed500":"#b60202","-ColorRed500Rgb":"182, 2, 2","-ColorRed600":"#800","-ColorRed600Rgb":"136, 0, 0","-ColorRed700":"#710602","-ColorRed700Rgb":"113, 6, 2","-ColorOrange100":"#f39000","-ColorOrange100Rgb":"243, 144, 0","-ColorOrange200":"#d47e00","-ColorOrange200Rgb":"212, 126, 0","-ColorOrange300":"#a9660f","-ColorOrange300Rgb":"169, 102, 15","-ColorOrange400":"#925a15","-ColorOrange400Rgb":"146, 90, 21","-ColorOrange500":"#7c4f18","-ColorOrange500Rgb":"124, 79, 24","-ColorOrange600":"#583b18","-ColorOrange600Rgb":"88, 59, 24","-ColorOrange700":"#483117","-ColorOrange700Rgb":"72, 49, 23","-ColorGreen100":"#82b291","-ColorGreen100Rgb":"130, 178, 145","-ColorGreen200":"#5da074","-ColorGreen200Rgb":"93, 160, 116","-ColorGreen300":"#15874d","-ColorGreen300Rgb":"21, 135, 77","-ColorGreen400":"#007738","-ColorGreen400Rgb":"0, 119, 56","-ColorGreen500":"#006736","-ColorGreen500Rgb":"0, 103, 54","-ColorGreen600":"#154a2b","-ColorGreen600Rgb":"21, 74, 43","-ColorGreen700":"#173d25","-ColorGreen700Rgb":"23, 61, 37","-ColorBlue100":"#22b3f0","-ColorBlue100Rgb":"34, 179, 240","-ColorBlue200":"#0099e9","-ColorBlue200Rgb":"0, 153, 233","-ColorBlue300":"#0076d9","-ColorBlue300Rgb":"0, 118, 217","-ColorBlue400":"#0064cc","-ColorBlue400Rgb":"0, 100, 204","-ColorBlue500":"#0054ba","-ColorBlue500Rgb":"0, 84, 186","-ColorBlue600":"#0e3d8b","-ColorBlue600Rgb":"14, 61, 139","-ColorBlue700":"#12336f","-ColorBlue700Rgb":"18, 51, 111","-ColorPurple100":"#b69be2","-ColorPurple100Rgb":"182, 155, 226","-ColorPurple200":"#a67fe2","-ColorPurple200Rgb":"166, 127, 226","-ColorPurple300":"#9057de","-ColorPurple300Rgb":"144, 87, 222","-ColorPurple400":"#8045d4","-ColorPurple400Rgb":"128, 69, 212","-ColorPurple500":"#6d38c2","-ColorPurple500Rgb":"109, 56, 194","-ColorPurple600":"#4c2a90","-ColorPurple600Rgb":"76, 42, 144","-ColorPurple700":"#3d2674","-ColorPurple700Rgb":"61, 38, 116","-ColorYellow100":"#fd0","-ColorYellow100Rgb":"255, 221, 0","-ColorPrimary100":"#1f4884","-ColorPrimary100Rgb":"31, 72, 132","-ColorPrimary200":"#003375","-ColorPrimary200Rgb":"0, 51, 117","-ColorPrimary300":"#00225e","-ColorPrimary300Rgb":"0, 34, 94","-ColorPrimary":"#003375","-ColorPrimaryRgb":"0, 51, 117","-ColorSecondary100":"#61c9ff","-ColorSecondary100Rgb":"97, 201, 255","-ColorSecondary200":"#00b0f0","-ColorSecondary200Rgb":"0, 176, 240","-ColorSecondary300":"#009cd8","-ColorSecondary300Rgb":"0, 156, 216","-ColorSecondary":"#00b0f0","-ColorSecondaryRgb":"0, 176, 240","-ColorTertiary100":"#3379c1","-ColorTertiary100Rgb":"51, 121, 193","-ColorTertiary200":"#0065b3","-ColorTertiary200Rgb":"0, 101, 179","-ColorTertiary300":"#00559e","-ColorTertiary300Rgb":"0, 85, 158","-ColorTertiary":"#0065b3","-ColorTertiaryRgb":"0, 101, 179","-ColorBase100":"var(--color-gray-100)","-ColorBase100Rgb":"var(--color-gray-100-rgb)","-ColorBase200":"var(--color-gray-200)","-ColorBase200Rgb":"var(--color-gray-200-rgb)","-ColorBase300":"var(--color-gray-300)","-ColorBase300Rgb":"var(--color-gray-300-rgb)","-ColorBase400":"var(--color-gray-400)","-ColorBase400Rgb":"var(--color-gray-400-rgb)","-ColorBase500":"var(--color-gray-500)","-ColorBase500Rgb":"var(--color-gray-500-rgb)","-ColorBase600":"var(--color-gray-600)","-ColorBase600Rgb":"var(--color-gray-600-rgb)","-ColorBase700":"var(--color-gray-700)","-ColorBase700Rgb":"var(--color-gray-700-rgb)","-ColorBase800":"var(--color-gray-800)","-ColorBase800Rgb":"var(--color-gray-800-rgb)","-ColorBase900":"var(--color-gray-900)","-ColorBase900Rgb":"var(--color-gray-900-rgb)","-ColorBase1000":"var(--color-gray-1000)","-ColorBase1000Rgb":"var(--color-gray-1000-rgb)","-ColorBase1100":"var(--color-gray-1100)","-ColorBase1100Rgb":"var(--color-gray-1100-rgb)","-ColorBaseContent":"var(--color-gray-1000)","-ColorBaseContentRgb":"var(--color-gray-1000-rgb)","-ColorBaseContentSecondary":"var(--color-gray-700)","-ColorBaseContentSecondaryRgb":"var(--color-gray-700-rgb)","-ColorBaseContentInvert":"var(--color-gray-100)","-ColorBaseContentInvertRgb":"var(--color-gray-100-rgb)","-ColorAccent":"var(--color-gray-1000)","-ColorAccentRgb":"var(--color-gray-1000-rgb)","-ColorAccentFocus":"var(--color-gray-900)","-ColorAccentFocusRgb":"var(--color-gray-900-rgb)","-ColorAccentContent":"var(--color-gray-100)","-ColorAccentContentRgb":"var(--color-gray-100-rgb)","-ColorFocus":"var(--color-yellow-100)","-ColorFocusRgb":"var(--color-yellow-100-rgb)","-ColorError":"var(--color-red-500)","-ColorErrorRgb":"var(--color-red-500-rgb)","-ColorErrorHover":"var(--color-red-600)","-ColorErrorHoverRgb":"var(--color-red-600-rgb)","-ColorErrorText":"var(--color-red-500)","-ColorErrorTextRgb":"var(--color-red-500-rgb)","-ColorSuccess":"var(--color-green-500)","-ColorSuccessRgb":"var(--color-green-500-rgb)","-ColorSuccessHover":"var(--color-green-600)","-ColorSuccessHoverRgb":"var(--color-green-600-rgb)","-ColorLink":"var(--color-blue-500)","-ColorLinkRgb":"var(--color-blue-500-rgb)","-ColorLinkHover":"var(--color-blue-600)","-ColorLinkHoverRgb":"var(--color-blue-600-rgb)","-ColorLinkActive":"var(--color-gray-1000)","-ColorLinkActiveRgb":"var(--color-gray-1000-rgb)","-ColorLinkVisited":"var(--color-purple-600)","-ColorLinkVisitedRgb":"var(--color-purple-600-rgb)","-ColorWarning":"var(--color-orange-100)","-ColorWarningRgb":"var(--color-orange-100-rgb)","-ColorInfo":"var(--color-blue-400)","-ColorInfoRgb":"var(--color-blue-400-rgb)","-ColorInfoHover":"var(--color-blue-500)","-ColorInfoHoverRgb":"var(--color-blue-500-rgb)","-ColorWhite":"var(--color-gray-100)","-ColorWhiteRgb":"var(--color-gray-100-rgb)","-ColorBlack":"var(--color-gray-1200)","-ColorBlackRgb":"var(--color-gray-1200-rgb)","-ColorFooterText":"var(--color-blue-500)","-ColorFooterTextRgb":"var(--color-blue-500-rgb)","-ColorFooterLink":"var(--color-link)","-ColorFooterLinkRgb":"var(--color-link-rgb)","-ColorFooterLinkHover":"var(--color-link-hover)","-ColorFooterLinkHoverRgb":"var(--color-link-hover-rgb)","-ColorHeaderText":"var(--color-white)","-ColorHeaderTextRgb":"var(--color-white-rgb)","-ColorHeaderTextHover":"var(--color-white)","-ColorHeaderTextHoverRgb":"var(--color-white-rgb)","-BorderRadiusMd":"0px","-BorderRadiusLg":"0px"},":root.dark,\n.dark":{"-ColorGray100":"#111317","-ColorGray100Rgb":"17, 19, 23","-ColorGray200":"#20242a","-ColorGray200Rgb":"32, 36, 42","-ColorGray300":"#363941","-ColorGray300Rgb":"54, 57, 65","-ColorGray400":"#4a4a52","-ColorGray400Rgb":"74, 74, 82","-ColorGray500":"#5f5d65","-ColorGray500Rgb":"95, 93, 101","-ColorGray600":"#747178","-ColorGray600Rgb":"116, 113, 120","-ColorGray700":"#8a888e","-ColorGray700Rgb":"138, 136, 142","-ColorGray800":"#aaa8ac","-ColorGray800Rgb":"170, 168, 172","-ColorGray900":"#d1d0d2","-ColorGray900Rgb":"209, 208, 210","-ColorGray1000":"#e5e4e5","-ColorGray1000Rgb":"229, 228, 229","-ColorGray1100":"#fbfbfb","-ColorGray1100Rgb":"251, 251, 251","-ColorGray1200":"#fefffe","-ColorGray1200Rgb":"254, 255, 254","-ColorRed100":"#a00","-ColorRed100Rgb":"170, 0, 0","-ColorRed200":"#c31c0f","-ColorRed200Rgb":"195, 28, 15","-ColorRed300":"#db4d37","-ColorRed300Rgb":"219, 77, 55","-ColorRed400":"#e46752","-ColorRed400Rgb":"228, 103, 82","-ColorRed500":"#ea816e","-ColorRed500Rgb":"234, 129, 110","-ColorRed600":"#f0b0a4","-ColorRed600Rgb":"240, 176, 164","-ColorRed700":"#f1c7bf","-ColorRed700Rgb":"241, 199, 191","-ColorOrange100":"#734919","-ColorOrange100Rgb":"115, 73, 25","-ColorOrange200":"#8c5716","-ColorOrange200Rgb":"140, 87, 22","-ColorOrange300":"#b56c0a","-ColorOrange300Rgb":"181, 108, 10","-ColorOrange400":"#cd7a00","-ColorOrange400Rgb":"205, 122, 0","-ColorOrange500":"#e68800","-ColorOrange500Rgb":"230, 136, 0","-ColorOrange600":"#ffb037","-ColorOrange600Rgb":"255, 176, 55","-ColorOrange700":"#ffc76c","-ColorOrange700Rgb":"255, 199, 108","-ColorGreen100":"#085f33","-ColorGreen100Rgb":"8, 95, 51","-ColorGreen200":"#007339","-ColorGreen200Rgb":"0, 115, 57","-ColorGreen300":"#2e8e56","-ColorGreen300Rgb":"46, 142, 86","-ColorGreen400":"#549c6d","-ColorGreen400Rgb":"84, 156, 109","-ColorGreen500":"#73ab84","-ColorGreen500Rgb":"115, 171, 132","-ColorGreen600":"#a9c7b1","-ColorGreen600Rgb":"169, 199, 177","-ColorGreen700":"#c0d6c6","-ColorGreen700Rgb":"192, 214, 198","-ColorBlue100":"#004eaf","-ColorBlue100Rgb":"0, 78, 175","-ColorBlue200":"#0060c7","-ColorBlue200Rgb":"0, 96, 199","-ColorBlue300":"#007fde","-ColorBlue300Rgb":"0, 127, 222","-ColorBlue400":"#0093e7","-ColorBlue400Rgb":"0, 147, 231","-ColorBlue500":"#00a8ee","-ColorBlue500Rgb":"0, 168, 238","-ColorBlue600":"#7fc9f0","-ColorBlue600Rgb":"127, 201, 240","-ColorBlue700":"#aad7f0","-ColorBlue700Rgb":"170, 215, 240","-ColorPurple100":"#6433b7","-ColorPurple100Rgb":"100, 51, 183","-ColorPurple200":"#7b40d1","-ColorPurple200Rgb":"123, 64, 209","-ColorPurple300":"#9662e0","-ColorPurple300Rgb":"150, 98, 224","-ColorPurple400":"#a378e2","-ColorPurple400Rgb":"163, 120, 226","-ColorPurple500":"#af8fe2","-ColorPurple500Rgb":"175, 143, 226","-ColorPurple600":"#c8b9e4","-ColorPurple600Rgb":"200, 185, 228","-ColorPurple700":"#d6cce9","-ColorPurple700Rgb":"214, 204, 233","-ColorYellow100":"#fd0","-ColorYellow100Rgb":"255, 221, 0","-ColorError":"var(--color-red-200)","-ColorErrorRgb":"var(--color-red-200-rgb)","-ColorErrorHover":"var(--color-red-300)","-ColorErrorHoverRgb":"var(--color-red-300-rgb)","-ColorErrorText":"var(--color-red-300)","-ColorErrorTextRgb":"var(--color-red-300-rgb)","-ColorSuccess":"var(--color-green-200)","-ColorSuccessRgb":"var(--color-green-200-rgb)","-ColorSuccessHover":"var(--color-green-300)","-ColorSuccessHoverRgb":"var(--color-green-300-rgb)","-ColorLink":"var(--color-blue-400)","-ColorLinkRgb":"var(--color-blue-400-rgb)","-ColorLinkHover":"var(--color-blue-500)","-ColorLinkHoverRgb":"var(--color-blue-500-rgb)","-ColorLinkActive":"var(--color-blue-100)","-ColorLinkActiveRgb":"var(--color-blue-100-rgb)","-ColorLinkVisited":"var(--color-purple-300)","-ColorLinkVisitedRgb":"var(--color-purple-300-rgb)","-ColorWarning":"var(--color-orange-500)","-ColorWarningRgb":"var(--color-orange-500-rgb)","-ColorInfo":"var(--color-blue-300)","-ColorInfoRgb":"var(--color-blue-300-rgb)","-ColorInfoHover":"var(--color-blue-400)","-ColorInfoHoverRgb":"var(--color-blue-400-rgb)","-ColorWhite":"var(--color-gray-1200)","-ColorWhiteRgb":"var(--color-gray-1200-rgb)","-ColorBlack":"var(--color-gray-100)","-ColorBlackRgb":"var(--color-gray-100-rgb)","-ColorFooterText":"var(--color-blue-500)","-ColorFooterTextRgb":"var(--color-blue-500-rgb)"},":root.darker,\n.darker":{"-ColorGray100":"#010101","-ColorGray100Rgb":"1, 1, 1","-ColorGray200":"#16191e","-ColorGray200Rgb":"22, 25, 30","-ColorGray300":"#2e3139","-ColorGray300Rgb":"46, 49, 57","-ColorGray400":"#41424a","-ColorGray400Rgb":"65, 66, 74","-ColorGray500":"#56565d","-ColorGray500Rgb":"86, 86, 93","-ColorGray600":"#6b6970","-ColorGray600Rgb":"107, 105, 112","-ColorGray700":"#817f85","-ColorGray700Rgb":"129, 127, 133","-ColorGray800":"#a09ea3","-ColorGray800Rgb":"160, 158, 163","-ColorGray900":"#c5c4c7","-ColorGray900Rgb":"197, 196, 199","-ColorGray1000":"#d8d8d9","-ColorGray1000Rgb":"216, 216, 217","-ColorGray1100":"#eeedee","-ColorGray1100Rgb":"238, 237, 238","-ColorGray1200":"#fefffe","-ColorGray1200Rgb":"254, 255, 254","-ColorRed100":"#9b0000","-ColorRed100Rgb":"155, 0, 0","-ColorRed200":"#b90804","-ColorRed200Rgb":"185, 8, 4","-ColorRed300":"#d53e2a","-ColorRed300Rgb":"213, 62, 42","-ColorRed400":"#df5943","-ColorRed400Rgb":"223, 89, 67","-ColorRed500":"#e7735e","-ColorRed500Rgb":"231, 115, 94","-ColorRed600":"#eea192","-ColorRed600Rgb":"238, 161, 146","-ColorRed700":"#f0b7ac","-ColorRed700Rgb":"240, 183, 172","-ColorOrange100":"#674319","-ColorOrange100Rgb":"103, 67, 25","-ColorOrange200":"#805117","-ColorOrange200Rgb":"128, 81, 23","-ColorOrange300":"#a7660f","-ColorOrange300Rgb":"167, 102, 15","-ColorOrange400":"#c07204","-ColorOrange400Rgb":"192, 114, 4","-ColorOrange500":"#d88000","-ColorOrange500Rgb":"216, 128, 0","-ColorOrange600":"#ff9e0f","-ColorOrange600Rgb":"255, 158, 15","-ColorOrange700":"#ffb747","-ColorOrange700Rgb":"255, 183, 71","-ColorGreen100":"#10562f","-ColorGreen100Rgb":"16, 86, 47","-ColorGreen200":"#006937","-ColorGreen200Rgb":"0, 105, 55","-ColorGreen300":"#0f864b","-ColorGreen300Rgb":"15, 134, 75","-ColorGreen400":"#409461","-ColorGreen400Rgb":"64, 148, 97","-ColorGreen500":"#61a377","-ColorGreen500Rgb":"97, 163, 119","-ColorGreen600":"#97bea2","-ColorGreen600Rgb":"151, 190, 162","-ColorGreen700":"#b0cbb7","-ColorGreen700Rgb":"176, 203, 183","-ColorBlue100":"#0346a2","-ColorBlue100Rgb":"3, 70, 162","-ColorBlue200":"#0057bd","-ColorBlue200Rgb":"0, 87, 189","-ColorBlue300":"#0075d8","-ColorBlue300Rgb":"0, 117, 216","-ColorBlue400":"#0088e3","-ColorBlue400Rgb":"0, 136, 227","-ColorBlue500":"#009dea","-ColorBlue500Rgb":"0, 157, 234","-ColorBlue600":"#5cbff0","-ColorBlue600Rgb":"92, 191, 240","-ColorBlue700":"#8dcdef","-ColorBlue700Rgb":"141, 205, 239","-ColorPurple100":"#592fa7","-ColorPurple100Rgb":"89, 47, 167","-ColorPurple200":"#7139c6","-ColorPurple200Rgb":"113, 57, 198","-ColorPurple300":"#8f56de","-ColorPurple300Rgb":"143, 86, 222","-ColorPurple400":"#9c6ce2","-ColorPurple400Rgb":"156, 108, 226","-ColorPurple500":"#a883e2","-ColorPurple500Rgb":"168, 131, 226","-ColorPurple600":"#c0abe3","-ColorPurple600Rgb":"192, 171, 227","-ColorPurple700":"#ccbee5","-ColorPurple700Rgb":"204, 190, 229","-ColorYellow100":"#fd0","-ColorYellow100Rgb":"255, 221, 0","-ColorError":"var(--color-red-300)","-ColorErrorRgb":"var(--color-red-300-rgb)","-ColorErrorHover":"var(--color-red-400)","-ColorErrorHoverRgb":"var(--color-red-400-rgb)","-ColorSuccess":"var(--color-green-300)","-ColorSuccessRgb":"var(--color-green-300-rgb)","-ColorSuccessHover":"var(--color-green-400)","-ColorSuccessHoverRgb":"var(--color-green-400-rgb)","-ColorLink":"var(--color-blue-400)","-ColorLinkRgb":"var(--color-blue-400-rgb)","-ColorLinkHover":"var(--color-blue-500)","-ColorLinkHoverRgb":"var(--color-blue-500-rgb)","-ColorLinkActive":"var(--color-blue-100)","-ColorLinkActiveRgb":"var(--color-blue-100-rgb)","-ColorLinkVisited":"var(--color-purple-300)","-ColorLinkVisitedRgb":"var(--color-purple-300-rgb)","-ColorWarning":"var(--color-orange-500)","-ColorWarningRgb":"var(--color-orange-500-rgb)","-ColorInfo":"var(--color-blue-200)","-ColorInfoRgb":"var(--color-blue-200-rgb)","-ColorInfoHover":"var(--color-blue-300)","-ColorInfoHoverRgb":"var(--color-blue-300-rgb)","-ColorWhite":"var(--color-gray-1200)","-ColorWhiteRgb":"var(--color-gray-1200-rgb)","-ColorBlack":"var(--color-gray-100)","-ColorBlackRgb":"var(--color-gray-100-rgb)"}};
|
package/package.json
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@digigov/theme-govgr",
|
|
3
|
+
"version": "2.0.0-0138f8bd",
|
|
4
|
+
"description": "Digigov CSS - govgr theme",
|
|
5
|
+
"author": "GRNET Devs <devs@lists.grnet.gr>",
|
|
6
|
+
"license": "BSD-2-Clause",
|
|
7
|
+
"keywords": [
|
|
8
|
+
"design-system",
|
|
9
|
+
"tailwindcss",
|
|
10
|
+
"ui-library",
|
|
11
|
+
"component",
|
|
12
|
+
"framework",
|
|
13
|
+
"tailwind",
|
|
14
|
+
"theming",
|
|
15
|
+
"postcss",
|
|
16
|
+
"design",
|
|
17
|
+
"css",
|
|
18
|
+
"ui"
|
|
19
|
+
],
|
|
20
|
+
"main": "dist/index.js",
|
|
21
|
+
"style": "dist/index.css",
|
|
22
|
+
"files": [
|
|
23
|
+
"dist"
|
|
24
|
+
],
|
|
25
|
+
"devDependencies": {
|
|
26
|
+
"autoprefixer": "10.4.16",
|
|
27
|
+
"postcss": "8.4.4",
|
|
28
|
+
"postcss-cli": "8.3.0",
|
|
29
|
+
"prejss-cli": "0.3.3",
|
|
30
|
+
"tailwindcss": "3.4.13",
|
|
31
|
+
"rimraf": "3.0.2",
|
|
32
|
+
"publint": "0.1.8",
|
|
33
|
+
"cssnano": "4.1.10",
|
|
34
|
+
"postcss-import": "13.0.0",
|
|
35
|
+
"postcss-sort-media-queries": "5.2.0",
|
|
36
|
+
"postcss-load-config": "3.1.4",
|
|
37
|
+
"@digigov/css": "2.0.0-0138f8bd",
|
|
38
|
+
"@digigov/cli-app": "2.0.0-0138f8bd",
|
|
39
|
+
"stylelint": "15.11.0",
|
|
40
|
+
"prettier": "3.4.2",
|
|
41
|
+
"stylelint-plugin-digigov": "1.1.0-0138f8bd"
|
|
42
|
+
},
|
|
43
|
+
"scripts": {
|
|
44
|
+
"precollect": "postcss ./*.css --base . --dir dist",
|
|
45
|
+
"collect": "cat dist/*.css > dist/index.css",
|
|
46
|
+
"postcollect": "prejss-cli dist/index.css --format commonjs --out-dir ./dist",
|
|
47
|
+
"build": "rimraf dist && npm run collect",
|
|
48
|
+
"lint": "stylelint --fix ./*.css; prettier --write ./*.css --log-level error",
|
|
49
|
+
"publint": "publint"
|
|
50
|
+
}
|
|
51
|
+
}
|