1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
/* Slate scheme */
:root {
--color-neutral: 255, 255, 255;
/* Gray */
--color-neutral-50: 249, 250, 251;
--color-neutral-100: 243, 244, 246;
--color-neutral-200: 229, 231, 235;
--color-neutral-300: 209, 213, 219;
--color-neutral-400: 156, 163, 175;
--color-neutral-500: 107, 114, 128;
--color-neutral-600: 75, 85, 99;
--color-neutral-700: 55, 65, 81;
--color-neutral-800: 31, 41, 55;
--color-neutral-900: 17, 24, 39;
/* Slate */
--color-primary-50: 248, 250, 252;
--color-primary-100: 241, 245, 249;
--color-primary-200: 226, 232, 240;
--color-primary-300: 203, 213, 225;
--color-primary-400: 148, 163, 184;
--color-primary-500: 100, 116, 139;
--color-primary-600: 71, 85, 105;
--color-primary-700: 51, 65, 85;
--color-primary-800: 30, 41, 59;
--color-primary-900: 15, 23, 42;
/* Gray */
--color-secondary-50: 249, 250, 251;
--color-secondary-100: 243, 244, 246;
--color-secondary-200: 229, 231, 235;
--color-secondary-300: 209, 213, 219;
--color-secondary-400: 156, 163, 175;
--color-secondary-500: 107, 114, 128;
--color-secondary-600: 75, 85, 99;
--color-secondary-700: 55, 65, 81;
--color-secondary-800: 31, 41, 55;
--color-secondary-900: 17, 24, 39;
}
|
