1 | {
|
2 | "--white": {
|
3 | "value": "#ffffff"
|
4 | },
|
5 | "--black": {
|
6 | "value": "#000000"
|
7 | },
|
8 | "--global-bg": {
|
9 | "value": "var(--white)"
|
10 | },
|
11 | "--global-layer-1": {
|
12 | "value": "var(--gray-0)"
|
13 | },
|
14 | "--global-layer-2": {
|
15 | "value": "var(--gray-1)"
|
16 | },
|
17 | "--global-layer-3": {
|
18 | "value": "var(--gray-2)"
|
19 | },
|
20 | "--global-text-color": {
|
21 | "value": "var(--gray-7)"
|
22 | },
|
23 | "--global-text-color-light": {
|
24 | "value": "var(--gray-6)"
|
25 | },
|
26 | "--global-text-color-dark": {
|
27 | "value": "var(--gray-9)"
|
28 | },
|
29 | "--global-text-color-lighter": {
|
30 | "value": "var(--gray-5)"
|
31 | },
|
32 | "--global-bg-disabled": {
|
33 | "value": "var(--gray-3)"
|
34 | },
|
35 | "--global-border-color": {
|
36 | "value": "var(--gray-4)"
|
37 | },
|
38 | "--global-border-color-dark": {
|
39 | "value": "var(--gray-5)"
|
40 | },
|
41 | "--global-border-color-light": {
|
42 | "value": "var(--gray-2)"
|
43 | },
|
44 | "--global-border": {
|
45 | "value": "1px solid var(--global-border-color)"
|
46 | },
|
47 | "--global-border-dark": {
|
48 | "value": "1px solid var(--global-border-color-dark)"
|
49 | },
|
50 | "--global-border-light": {
|
51 | "value": "1px solid var(--global-border-color-light)"
|
52 | },
|
53 | "--global-size-xs": {
|
54 | "value": "calc(var(--global-px-grid) * 2)"
|
55 | },
|
56 | "--global-size-sm": {
|
57 | "value": "calc(var(--global-px-grid) * 3)"
|
58 | },
|
59 | "--global-size-md": {
|
60 | "value": "calc(var(--global-px-grid) * 4)"
|
61 | },
|
62 | "--global-size-lg": {
|
63 | "value": "calc(var(--global-px-grid) * 5)"
|
64 | },
|
65 | "--global-size-xl": {
|
66 | "value": "calc(var(--global-px-grid) * 6)"
|
67 | },
|
68 | "--global-radius-default": {
|
69 | "value": "2px"
|
70 | },
|
71 | "Blue": {
|
72 | "value": {
|
73 | "--blue-0": "#e7f5ff",
|
74 | "--blue-1": "#d0ebff",
|
75 | "--blue-2": "#a5d8ff",
|
76 | "--blue-3": "#74c0fc",
|
77 | "--blue-4": "#4dabf7",
|
78 | "--blue-5": "#339af0",
|
79 | "--blue-6": "#228be6",
|
80 | "--blue-7": "#1c7ed6",
|
81 | "--blue-8": "#1971c2",
|
82 | "--blue-9": "#1864ab"
|
83 | }
|
84 | },
|
85 | "Cyan": {
|
86 | "value": {
|
87 | "--cyan-0": "#e3fafc",
|
88 | "--cyan-1": "#c5f6fa",
|
89 | "--cyan-2": "#99e9f2",
|
90 | "--cyan-3": "#66d9e8",
|
91 | "--cyan-4": "#3bc9db",
|
92 | "--cyan-5": "#22b8cf",
|
93 | "--cyan-6": "#15aabf",
|
94 | "--cyan-7": "#1098ad",
|
95 | "--cyan-8": "#0c8599",
|
96 | "--cyan-9": "#0b7285"
|
97 | }
|
98 | },
|
99 | "Grape": {
|
100 | "value": {
|
101 | "--grape-0": "#f8f0fc",
|
102 | "--grape-1": "#f3d9fa",
|
103 | "--grape-2": "#eebefa",
|
104 | "--grape-3": "#e599f7",
|
105 | "--grape-4": "#da77f2",
|
106 | "--grape-5": "#cc5de8",
|
107 | "--grape-6": "#be4bdb",
|
108 | "--grape-7": "#ae3ec9",
|
109 | "--grape-8": "#9c36b5",
|
110 | "--grape-9": "#862e9c"
|
111 | }
|
112 | },
|
113 | "Gray": {
|
114 | "value": {
|
115 | "--gray-0": "#f8f9fa",
|
116 | "--gray-1": "#f1f3f5",
|
117 | "--gray-2": "#e9ecef",
|
118 | "--gray-3": "#dee2e6",
|
119 | "--gray-4": "#ced4da",
|
120 | "--gray-5": "#adb5bd",
|
121 | "--gray-6": "#868e96",
|
122 | "--gray-7": "#495057",
|
123 | "--gray-8": "#343a40",
|
124 | "--gray-9": "#212529"
|
125 | }
|
126 | },
|
127 | "Green": {
|
128 | "value": {
|
129 | "--green-0": "#ebfbee",
|
130 | "--green-1": "#d3f9d8",
|
131 | "--green-2": "#b2f2bb",
|
132 | "--green-3": "#8ce99a",
|
133 | "--green-4": "#69db7c",
|
134 | "--green-5": "#51cf66",
|
135 | "--green-6": "#40c057",
|
136 | "--green-7": "#37b24d",
|
137 | "--green-8": "#2f9e44",
|
138 | "--green-9": "#2b8a3e"
|
139 | }
|
140 | },
|
141 | "Indigo": {
|
142 | "value": {
|
143 | "--indigo-0": "#edf2ff",
|
144 | "--indigo-1": "#dbe4ff",
|
145 | "--indigo-2": "#bac8ff",
|
146 | "--indigo-3": "#91a7ff",
|
147 | "--indigo-4": "#748ffc",
|
148 | "--indigo-5": "#5c7cfa",
|
149 | "--indigo-6": "#4c6ef5",
|
150 | "--indigo-7": "#4263eb",
|
151 | "--indigo-8": "#3b5bdb",
|
152 | "--indigo-9": "#364fc7"
|
153 | }
|
154 | },
|
155 | "Lime": {
|
156 | "value": {
|
157 | "--lime-0": "#f4fce3",
|
158 | "--lime-1": "#e9fac8",
|
159 | "--lime-2": "#d8f5a2",
|
160 | "--lime-3": "#c0eb75",
|
161 | "--lime-4": "#a9e34b",
|
162 | "--lime-5": "#94d82d",
|
163 | "--lime-6": "#82c91e",
|
164 | "--lime-7": "#74b816",
|
165 | "--lime-8": "#66a80f",
|
166 | "--lime-9": "#5c940d"
|
167 | }
|
168 | },
|
169 | "Orange": {
|
170 | "value": {
|
171 | "--orange-0": "#fff4e6",
|
172 | "--orange-1": "#ffe8cc",
|
173 | "--orange-2": "#ffd8a8",
|
174 | "--orange-3": "#ffc078",
|
175 | "--orange-4": "#ffa94d",
|
176 | "--orange-5": "#ff922b",
|
177 | "--orange-6": "#fd7e14",
|
178 | "--orange-7": "#f76707",
|
179 | "--orange-8": "#e8590c",
|
180 | "--orange-9": "#d9480f"
|
181 | }
|
182 | },
|
183 | "Pink": {
|
184 | "value": {
|
185 | "--pink-0": "#fff0f6",
|
186 | "--pink-1": "#ffdeeb",
|
187 | "--pink-2": "#fcc2d7",
|
188 | "--pink-3": "#faa2c1",
|
189 | "--pink-4": "#f783ac",
|
190 | "--pink-5": "#f06595",
|
191 | "--pink-6": "#e64980",
|
192 | "--pink-7": "#d6336c",
|
193 | "--pink-8": "#c2255c",
|
194 | "--pink-9": "#a61e4d"
|
195 | }
|
196 | },
|
197 | "Red": {
|
198 | "value": {
|
199 | "--red-0": "#fff5f5",
|
200 | "--red-1": "#ffe3e3",
|
201 | "--red-2": "#ffc9c9",
|
202 | "--red-3": "#ffa8a8",
|
203 | "--red-4": "#ff8787",
|
204 | "--red-5": "#ff6b6b",
|
205 | "--red-6": "#fa5252",
|
206 | "--red-7": "#f03e3e",
|
207 | "--red-8": "#e03131",
|
208 | "--red-9": "#c92a2a"
|
209 | }
|
210 | },
|
211 | "Teal": {
|
212 | "value": {
|
213 | "--teal-0": "#e6fcf5",
|
214 | "--teal-1": "#c3fae8",
|
215 | "--teal-2": "#96f2d7",
|
216 | "--teal-3": "#63e6be",
|
217 | "--teal-4": "#38d9a9",
|
218 | "--teal-5": "#20c997",
|
219 | "--teal-6": "#12b886",
|
220 | "--teal-7": "#0ca678",
|
221 | "--teal-8": "#099268",
|
222 | "--teal-9": "#087f5b"
|
223 | }
|
224 | },
|
225 | "Violet": {
|
226 | "value": {
|
227 | "--violet-0": "#f3f0ff",
|
228 | "--violet-1": "#e5dbff",
|
229 | "--violet-2": "#d0bfff",
|
230 | "--violet-3": "#b197fc",
|
231 | "--violet-4": "#9775fa",
|
232 | "--violet-5": "#845ef7",
|
233 | "--violet-6": "#7950f2",
|
234 | "--violet-7": "#7048e8",
|
235 | "--violet-8": "#6741d9",
|
236 | "--violet-9": "#5f3dc4"
|
237 | }
|
238 | },
|
239 | "Yellow": {
|
240 | "value": {
|
241 | "--yellow-0": "#fff9db",
|
242 | "--yellow-1": "#fff3bf",
|
243 | "--yellow-2": "#ffec99",
|
244 | "--yellow-3": "#ffe066",
|
245 | "--yellow-4": "#ffd43b",
|
246 | "--yellow-5": "#fcc419",
|
247 | "--yellow-6": "#fab005",
|
248 | "--yellow-7": "#f59f00",
|
249 | "--yellow-8": "#f08c00",
|
250 | "--yellow-9": "#e67700"
|
251 | }
|
252 | },
|
253 | "default": {
|
254 | "value": {
|
255 | "--gray-0": "#f8f9fa",
|
256 | "--gray-1": "#f1f3f5",
|
257 | "--gray-2": "#e9ecef",
|
258 | "--gray-3": "#dee2e6",
|
259 | "--gray-4": "#ced4da",
|
260 | "--gray-5": "#adb5bd",
|
261 | "--gray-6": "#868e96",
|
262 | "--gray-7": "#495057",
|
263 | "--gray-8": "#343a40",
|
264 | "--gray-9": "#212529",
|
265 | "--red-0": "#fff5f5",
|
266 | "--red-1": "#ffe3e3",
|
267 | "--red-2": "#ffc9c9",
|
268 | "--red-3": "#ffa8a8",
|
269 | "--red-4": "#ff8787",
|
270 | "--red-5": "#ff6b6b",
|
271 | "--red-6": "#fa5252",
|
272 | "--red-7": "#f03e3e",
|
273 | "--red-8": "#e03131",
|
274 | "--red-9": "#c92a2a",
|
275 | "--pink-0": "#fff0f6",
|
276 | "--pink-1": "#ffdeeb",
|
277 | "--pink-2": "#fcc2d7",
|
278 | "--pink-3": "#faa2c1",
|
279 | "--pink-4": "#f783ac",
|
280 | "--pink-5": "#f06595",
|
281 | "--pink-6": "#e64980",
|
282 | "--pink-7": "#d6336c",
|
283 | "--pink-8": "#c2255c",
|
284 | "--pink-9": "#a61e4d",
|
285 | "--grape-0": "#f8f0fc",
|
286 | "--grape-1": "#f3d9fa",
|
287 | "--grape-2": "#eebefa",
|
288 | "--grape-3": "#e599f7",
|
289 | "--grape-4": "#da77f2",
|
290 | "--grape-5": "#cc5de8",
|
291 | "--grape-6": "#be4bdb",
|
292 | "--grape-7": "#ae3ec9",
|
293 | "--grape-8": "#9c36b5",
|
294 | "--grape-9": "#862e9c",
|
295 | "--violet-0": "#f3f0ff",
|
296 | "--violet-1": "#e5dbff",
|
297 | "--violet-2": "#d0bfff",
|
298 | "--violet-3": "#b197fc",
|
299 | "--violet-4": "#9775fa",
|
300 | "--violet-5": "#845ef7",
|
301 | "--violet-6": "#7950f2",
|
302 | "--violet-7": "#7048e8",
|
303 | "--violet-8": "#6741d9",
|
304 | "--violet-9": "#5f3dc4",
|
305 | "--indigo-0": "#edf2ff",
|
306 | "--indigo-1": "#dbe4ff",
|
307 | "--indigo-2": "#bac8ff",
|
308 | "--indigo-3": "#91a7ff",
|
309 | "--indigo-4": "#748ffc",
|
310 | "--indigo-5": "#5c7cfa",
|
311 | "--indigo-6": "#4c6ef5",
|
312 | "--indigo-7": "#4263eb",
|
313 | "--indigo-8": "#3b5bdb",
|
314 | "--indigo-9": "#364fc7",
|
315 | "--blue-0": "#e7f5ff",
|
316 | "--blue-1": "#d0ebff",
|
317 | "--blue-2": "#a5d8ff",
|
318 | "--blue-3": "#74c0fc",
|
319 | "--blue-4": "#4dabf7",
|
320 | "--blue-5": "#339af0",
|
321 | "--blue-6": "#228be6",
|
322 | "--blue-7": "#1c7ed6",
|
323 | "--blue-8": "#1971c2",
|
324 | "--blue-9": "#1864ab",
|
325 | "--cyan-0": "#e3fafc",
|
326 | "--cyan-1": "#c5f6fa",
|
327 | "--cyan-2": "#99e9f2",
|
328 | "--cyan-3": "#66d9e8",
|
329 | "--cyan-4": "#3bc9db",
|
330 | "--cyan-5": "#22b8cf",
|
331 | "--cyan-6": "#15aabf",
|
332 | "--cyan-7": "#1098ad",
|
333 | "--cyan-8": "#0c8599",
|
334 | "--cyan-9": "#0b7285",
|
335 | "--teal-0": "#e6fcf5",
|
336 | "--teal-1": "#c3fae8",
|
337 | "--teal-2": "#96f2d7",
|
338 | "--teal-3": "#63e6be",
|
339 | "--teal-4": "#38d9a9",
|
340 | "--teal-5": "#20c997",
|
341 | "--teal-6": "#12b886",
|
342 | "--teal-7": "#0ca678",
|
343 | "--teal-8": "#099268",
|
344 | "--teal-9": "#087f5b",
|
345 | "--green-0": "#ebfbee",
|
346 | "--green-1": "#d3f9d8",
|
347 | "--green-2": "#b2f2bb",
|
348 | "--green-3": "#8ce99a",
|
349 | "--green-4": "#69db7c",
|
350 | "--green-5": "#51cf66",
|
351 | "--green-6": "#40c057",
|
352 | "--green-7": "#37b24d",
|
353 | "--green-8": "#2f9e44",
|
354 | "--green-9": "#2b8a3e",
|
355 | "--lime-0": "#f4fce3",
|
356 | "--lime-1": "#e9fac8",
|
357 | "--lime-2": "#d8f5a2",
|
358 | "--lime-3": "#c0eb75",
|
359 | "--lime-4": "#a9e34b",
|
360 | "--lime-5": "#94d82d",
|
361 | "--lime-6": "#82c91e",
|
362 | "--lime-7": "#74b816",
|
363 | "--lime-8": "#66a80f",
|
364 | "--lime-9": "#5c940d",
|
365 | "--yellow-0": "#fff9db",
|
366 | "--yellow-1": "#fff3bf",
|
367 | "--yellow-2": "#ffec99",
|
368 | "--yellow-3": "#ffe066",
|
369 | "--yellow-4": "#ffd43b",
|
370 | "--yellow-5": "#fcc419",
|
371 | "--yellow-6": "#fab005",
|
372 | "--yellow-7": "#f59f00",
|
373 | "--yellow-8": "#f08c00",
|
374 | "--yellow-9": "#e67700",
|
375 | "--orange-0": "#fff4e6",
|
376 | "--orange-1": "#ffe8cc",
|
377 | "--orange-2": "#ffd8a8",
|
378 | "--orange-3": "#ffc078",
|
379 | "--orange-4": "#ffa94d",
|
380 | "--orange-5": "#ff922b",
|
381 | "--orange-6": "#fd7e14",
|
382 | "--orange-7": "#f76707",
|
383 | "--orange-8": "#e8590c",
|
384 | "--orange-9": "#d9480f"
|
385 | }
|
386 | },
|
387 | "--primary-0": {
|
388 | "value": "var(--blue-0)"
|
389 | },
|
390 | "--primary-1": {
|
391 | "value": "var(--blue-1)"
|
392 | },
|
393 | "--primary-2": {
|
394 | "value": "var(--blue-2)"
|
395 | },
|
396 | "--primary-3": {
|
397 | "value": "var(--blue-3)"
|
398 | },
|
399 | "--primary-4": {
|
400 | "value": "var(--blue-4)"
|
401 | },
|
402 | "--primary-5": {
|
403 | "value": "var(--blue-5)"
|
404 | },
|
405 | "--primary-6": {
|
406 | "value": "var(--blue-6)"
|
407 | },
|
408 | "--primary-7": {
|
409 | "value": "var(--blue-7)"
|
410 | },
|
411 | "--primary-8": {
|
412 | "value": "var(--blue-8)"
|
413 | },
|
414 | "--primary-9": {
|
415 | "value": "var(--blue-9)"
|
416 | },
|
417 | "--primary": {
|
418 | "value": "var(--primary-8)"
|
419 | },
|
420 | "--success-0": {
|
421 | "value": "var(--green-0)"
|
422 | },
|
423 | "--success-1": {
|
424 | "value": "var(--green-1)"
|
425 | },
|
426 | "--success-2": {
|
427 | "value": "var(--green-2)"
|
428 | },
|
429 | "--success-3": {
|
430 | "value": "var(--green-3)"
|
431 | },
|
432 | "--success-4": {
|
433 | "value": "var(--green-4)"
|
434 | },
|
435 | "--success-5": {
|
436 | "value": "var(--green-5)"
|
437 | },
|
438 | "--success-6": {
|
439 | "value": "var(--green-6)"
|
440 | },
|
441 | "--success-7": {
|
442 | "value": "var(--green-7)"
|
443 | },
|
444 | "--success-8": {
|
445 | "value": "var(--green-8)"
|
446 | },
|
447 | "--success-9": {
|
448 | "value": "var(--green-9)"
|
449 | },
|
450 | "--success": {
|
451 | "value": "var(--success-8)"
|
452 | },
|
453 | "--warning-0": {
|
454 | "value": "var(--yellow-0)"
|
455 | },
|
456 | "--warning-1": {
|
457 | "value": "var(--yellow-1)"
|
458 | },
|
459 | "--warning-2": {
|
460 | "value": "var(--yellow-2)"
|
461 | },
|
462 | "--warning-3": {
|
463 | "value": "var(--yellow-3)"
|
464 | },
|
465 | "--warning-4": {
|
466 | "value": "var(--yellow-4)"
|
467 | },
|
468 | "--warning-5": {
|
469 | "value": "var(--yellow-5)"
|
470 | },
|
471 | "--warning-6": {
|
472 | "value": "var(--yellow-6)"
|
473 | },
|
474 | "--warning-7": {
|
475 | "value": "var(--yellow-7)"
|
476 | },
|
477 | "--warning-8": {
|
478 | "value": "var(--yellow-8)"
|
479 | },
|
480 | "--warning-9": {
|
481 | "value": "var(--yellow-9)"
|
482 | },
|
483 | "--warning": {
|
484 | "value": "var(--warning-8)"
|
485 | },
|
486 | "--danger-0": {
|
487 | "value": "var(--red-0)"
|
488 | },
|
489 | "--danger-1": {
|
490 | "value": "var(--red-1)"
|
491 | },
|
492 | "--danger-2": {
|
493 | "value": "var(--red-2)"
|
494 | },
|
495 | "--danger-3": {
|
496 | "value": "var(--red-3)"
|
497 | },
|
498 | "--danger-4": {
|
499 | "value": "var(--red-4)"
|
500 | },
|
501 | "--danger-5": {
|
502 | "value": "var(--red-5)"
|
503 | },
|
504 | "--danger-6": {
|
505 | "value": "var(--red-6)"
|
506 | },
|
507 | "--danger-7": {
|
508 | "value": "var(--red-7)"
|
509 | },
|
510 | "--danger-8": {
|
511 | "value": "var(--red-8)"
|
512 | },
|
513 | "--danger-9": {
|
514 | "value": "var(--red-9)"
|
515 | },
|
516 | "--danger": {
|
517 | "value": "var(--danger-8)"
|
518 | },
|
519 | "--global-px-grid": {
|
520 | "value": "8px"
|
521 | },
|
522 | "--space-0": {
|
523 | "value": 0
|
524 | },
|
525 | "--space-xxs": {
|
526 | "value": "calc(var(--global-px-grid) / 4)"
|
527 | },
|
528 | "--space-xs": {
|
529 | "value": "calc(var(--global-px-grid) / 2)"
|
530 | },
|
531 | "--space-sm": {
|
532 | "value": "var(--global-px-grid)"
|
533 | },
|
534 | "--space-md": {
|
535 | "value": "calc(var(--global-px-grid) * 2)"
|
536 | },
|
537 | "--space-lg": {
|
538 | "value": "calc(var(--global-px-grid) * 3)"
|
539 | },
|
540 | "--space-xl": {
|
541 | "value": "calc(var(--global-px-grid) * 4)"
|
542 | },
|
543 | "--z-important": {
|
544 | "value": 2147483647
|
545 | },
|
546 | "--z-modal": {
|
547 | "value": 2000
|
548 | },
|
549 | "--z-action-panel": {
|
550 | "value": 1900
|
551 | },
|
552 | "--z-overlay": {
|
553 | "value": 1800
|
554 | },
|
555 | "--z-alert": {
|
556 | "value": 1750
|
557 | },
|
558 | "--z-dropdown": {
|
559 | "value": 1700
|
560 | },
|
561 | "--z-tooltip": {
|
562 | "value": 1650
|
563 | },
|
564 | "--z-header": {
|
565 | "value": 1600
|
566 | },
|
567 | "--z-sidenav": {
|
568 | "value": 1600
|
569 | },
|
570 | "--z-footer": {
|
571 | "value": 1500
|
572 | },
|
573 | "--border-size-1": {
|
574 | "value": "1px"
|
575 | },
|
576 | "--border-size-2": {
|
577 | "value": "2px"
|
578 | },
|
579 | "--radius-0": {
|
580 | "value": "0"
|
581 | },
|
582 | "--radius-sm": {
|
583 | "value": "2px"
|
584 | },
|
585 | "--radius-md": {
|
586 | "value": "4px"
|
587 | },
|
588 | "--radius-lg": {
|
589 | "value": "8px"
|
590 | },
|
591 | "--radius-square": {
|
592 | "value": "0"
|
593 | },
|
594 | "--radius-pill": {
|
595 | "value": "200px"
|
596 | },
|
597 | "--radius-round": {
|
598 | "value": "50px"
|
599 | }
|
600 | } |
\ | No newline at end of file |