@new-ui/colors 0.2.0 → 0.3.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 +24 -8
- package/dist/themes/dark-cold.css +136 -0
- package/dist/themes/dark-warm.css +136 -0
- package/dist/themes/dark.css +1 -1
- package/dist/themes/light-cold.css +184 -0
- package/dist/themes/light-warm.css +184 -0
- package/dist/themes/light.css +20 -20
- package/package.json +1 -1
- package/tokens/themes/dark-cold/dark.json +6 -0
- package/tokens/themes/dark-warm/dark.json +6 -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/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
## Install
|
|
4
|
-
Install New UI Colors from your terminal via npm. Current version is 0.
|
|
4
|
+
Install New UI Colors from your terminal via npm. Current version is 0.3.0
|
|
5
5
|
|
|
6
6
|
```
|
|
7
7
|
npm i @new-ui/colors
|
|
@@ -9,14 +9,26 @@ npm i @new-ui/colors
|
|
|
9
9
|
|
|
10
10
|
To get started quickly, you can use the CDN files.
|
|
11
11
|
|
|
12
|
-
Light
|
|
12
|
+
Light themes:
|
|
13
13
|
```
|
|
14
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.
|
|
14
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.3.0/dist/themes/light.css">
|
|
15
|
+
```
|
|
16
|
+
```
|
|
17
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.3.0/dist/themes/light-warm.css">
|
|
18
|
+
```
|
|
19
|
+
```
|
|
20
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.3.0/dist/themes/light-cold.css">
|
|
15
21
|
```
|
|
16
22
|
|
|
17
|
-
Dark
|
|
23
|
+
Dark themes [WIP]:
|
|
24
|
+
```
|
|
25
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.3.0/dist/themes/dark.css">
|
|
18
26
|
```
|
|
19
|
-
|
|
27
|
+
```
|
|
28
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.3.0/dist/themes/dark-warm.css">
|
|
29
|
+
```
|
|
30
|
+
```
|
|
31
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@new-ui/colors@0.3.0/dist/themes/dark-cold.css">
|
|
20
32
|
```
|
|
21
33
|
|
|
22
34
|
## Build
|
|
@@ -27,14 +39,18 @@ To build themes from tokens.
|
|
|
27
39
|
npm install
|
|
28
40
|
```
|
|
29
41
|
|
|
30
|
-
Light
|
|
42
|
+
Light themes:
|
|
31
43
|
```
|
|
32
44
|
npm run build:tokens -- --theme=light
|
|
45
|
+
npm run build:tokens -- --theme=light-warm
|
|
46
|
+
npm run build:tokens -- --theme=light-cold
|
|
33
47
|
```
|
|
34
48
|
|
|
35
|
-
Dark
|
|
49
|
+
Dark themes:
|
|
36
50
|
```
|
|
37
|
-
npm run build:tokens -- --theme=
|
|
51
|
+
npm run build:tokens -- --theme=dark
|
|
52
|
+
npm run build:tokens -- --theme=dark-warm
|
|
53
|
+
npm run build:tokens -- --theme=dark-cold
|
|
38
54
|
```
|
|
39
55
|
|
|
40
56
|
## Get a Figma copy
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Sun, 11 Dec 2022 21:08:08 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
|
+
--background: var(--black);
|
|
136
|
+
}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Sun, 11 Dec 2022 21:08:03 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
|
+
--background: var(--black);
|
|
136
|
+
}
|
package/dist/themes/dark.css
CHANGED
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Sun, 11 Dec 2022 21:07:21 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(--cold4);
|
|
139
|
+
--text-secondary: var(--cold7);
|
|
140
|
+
--text-primary-alt: var(--cold8);
|
|
141
|
+
--text-primary: var(--cold10);
|
|
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(--cold7);
|
|
148
|
+
--link-hover: var(--blue6);
|
|
149
|
+
--link: var(--blue5);
|
|
150
|
+
--icon-on-color: var(--white);
|
|
151
|
+
--icon-disabled: var(--cold7);
|
|
152
|
+
--icon-secondary: var(--cold8);
|
|
153
|
+
--icon-primary: var(--cold9);
|
|
154
|
+
--button-disabled: var(--cold4);
|
|
155
|
+
--button-danger-active: var(--red7);
|
|
156
|
+
--button-danger-hover: var(--red6);
|
|
157
|
+
--button-danger: var(--red5);
|
|
158
|
+
--button-secondary-active: var(--cold6);
|
|
159
|
+
--button-secondary-hover: var(--cold7);
|
|
160
|
+
--button-secondary: var(--cold8);
|
|
161
|
+
--button-primary-active: var(--blue7);
|
|
162
|
+
--button-primary-hover: var(--blue6);
|
|
163
|
+
--button-primary: var(--blue5);
|
|
164
|
+
--border-strong: var(--cold6);
|
|
165
|
+
--border-default: var(--cold4);
|
|
166
|
+
--border-muted: var(--cold2);
|
|
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(--cold3);
|
|
180
|
+
--background-selected: var(--cold2);
|
|
181
|
+
--background-hover: var(--cold1);
|
|
182
|
+
--background-secondary: var(--cold1);
|
|
183
|
+
--background: var(--white);
|
|
184
|
+
}
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Sun, 11 Dec 2022 21:07:14 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 Sun, 11 Dec 2022
|
|
3
|
+
* Generated on Sun, 11 Dec 2022 21:07:08 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/package.json
CHANGED
|
@@ -4,19 +4,19 @@
|
|
|
4
4
|
"type": "color"
|
|
5
5
|
},
|
|
6
6
|
"$background-secondary": {
|
|
7
|
-
"value": "{$
|
|
7
|
+
"value": "{$grey1}",
|
|
8
8
|
"type": "color"
|
|
9
9
|
},
|
|
10
10
|
"$background-hover": {
|
|
11
|
-
"value": "{$
|
|
11
|
+
"value": "{$grey1}",
|
|
12
12
|
"type": "color"
|
|
13
13
|
},
|
|
14
14
|
"$background-selected": {
|
|
15
|
-
"value": "{$
|
|
15
|
+
"value": "{$grey2}",
|
|
16
16
|
"type": "color"
|
|
17
17
|
},
|
|
18
18
|
"$background-selected-hover": {
|
|
19
|
-
"value": "{$
|
|
19
|
+
"value": "{$grey3}",
|
|
20
20
|
"type": "color"
|
|
21
21
|
},
|
|
22
22
|
"$background-red": {
|
|
@@ -68,15 +68,15 @@
|
|
|
68
68
|
"type": "color"
|
|
69
69
|
},
|
|
70
70
|
"$border-muted": {
|
|
71
|
-
"value": "{$
|
|
71
|
+
"value": "{$grey2}",
|
|
72
72
|
"type": "color"
|
|
73
73
|
},
|
|
74
74
|
"$border-default": {
|
|
75
|
-
"value": "{$
|
|
75
|
+
"value": "{$grey4}",
|
|
76
76
|
"type": "color"
|
|
77
77
|
},
|
|
78
78
|
"$border-strong": {
|
|
79
|
-
"value": "{$
|
|
79
|
+
"value": "{$grey6}",
|
|
80
80
|
"type": "color"
|
|
81
81
|
},
|
|
82
82
|
"$button-primary": {
|
|
@@ -92,15 +92,15 @@
|
|
|
92
92
|
"type": "color"
|
|
93
93
|
},
|
|
94
94
|
"$button-secondary": {
|
|
95
|
-
"value": "{$
|
|
95
|
+
"value": "{$grey8}",
|
|
96
96
|
"type": "color"
|
|
97
97
|
},
|
|
98
98
|
"$button-secondary-hover": {
|
|
99
|
-
"value": "{$
|
|
99
|
+
"value": "{$grey7}",
|
|
100
100
|
"type": "color"
|
|
101
101
|
},
|
|
102
102
|
"$button-secondary-active": {
|
|
103
|
-
"value": "{$
|
|
103
|
+
"value": "{$grey6}",
|
|
104
104
|
"type": "color"
|
|
105
105
|
},
|
|
106
106
|
"$button-danger": {
|
|
@@ -116,19 +116,19 @@
|
|
|
116
116
|
"type": "color"
|
|
117
117
|
},
|
|
118
118
|
"$button-disabled": {
|
|
119
|
-
"value": "{$
|
|
119
|
+
"value": "{$grey4}",
|
|
120
120
|
"type": "color"
|
|
121
121
|
},
|
|
122
122
|
"$icon-primary": {
|
|
123
|
-
"value": "{$
|
|
123
|
+
"value": "{$grey9}",
|
|
124
124
|
"type": "color"
|
|
125
125
|
},
|
|
126
126
|
"$icon-secondary": {
|
|
127
|
-
"value": "{$
|
|
127
|
+
"value": "{$grey8}",
|
|
128
128
|
"type": "color"
|
|
129
129
|
},
|
|
130
130
|
"$icon-disabled": {
|
|
131
|
-
"value": "{$
|
|
131
|
+
"value": "{$grey7}",
|
|
132
132
|
"type": "color"
|
|
133
133
|
},
|
|
134
134
|
"$icon-on-color": {
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
"type": "color"
|
|
145
145
|
},
|
|
146
146
|
"$link-subtle": {
|
|
147
|
-
"value": "{$
|
|
147
|
+
"value": "{$grey7}",
|
|
148
148
|
"type": "color"
|
|
149
149
|
},
|
|
150
150
|
"$link-visited": {
|
|
@@ -168,19 +168,19 @@
|
|
|
168
168
|
"type": "color"
|
|
169
169
|
},
|
|
170
170
|
"$text-primary": {
|
|
171
|
-
"value": "{$
|
|
171
|
+
"value": "{$grey10}",
|
|
172
172
|
"type": "color"
|
|
173
173
|
},
|
|
174
174
|
"$text-primary-alt": {
|
|
175
|
-
"value": "{$
|
|
175
|
+
"value": "{$grey8}",
|
|
176
176
|
"type": "color"
|
|
177
177
|
},
|
|
178
178
|
"$text-secondary": {
|
|
179
|
-
"value": "{$
|
|
179
|
+
"value": "{$grey7}",
|
|
180
180
|
"type": "color"
|
|
181
181
|
},
|
|
182
182
|
"$text-placeholder": {
|
|
183
|
-
"value": "{$
|
|
183
|
+
"value": "{$grey4}",
|
|
184
184
|
"type": "color"
|
|
185
185
|
},
|
|
186
186
|
"$text-on-color": {
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$background": {
|
|
3
|
+
"value": "{$white}",
|
|
4
|
+
"type": "color"
|
|
5
|
+
},
|
|
6
|
+
"$background-secondary": {
|
|
7
|
+
"value": "{$cold1}",
|
|
8
|
+
"type": "color"
|
|
9
|
+
},
|
|
10
|
+
"$background-hover": {
|
|
11
|
+
"value": "{$cold1}",
|
|
12
|
+
"type": "color"
|
|
13
|
+
},
|
|
14
|
+
"$background-selected": {
|
|
15
|
+
"value": "{$cold2}",
|
|
16
|
+
"type": "color"
|
|
17
|
+
},
|
|
18
|
+
"$background-selected-hover": {
|
|
19
|
+
"value": "{$cold3}",
|
|
20
|
+
"type": "color"
|
|
21
|
+
},
|
|
22
|
+
"$background-red": {
|
|
23
|
+
"value": "{$red1}",
|
|
24
|
+
"type": "color"
|
|
25
|
+
},
|
|
26
|
+
"$background-orange": {
|
|
27
|
+
"value": "{$orange1}",
|
|
28
|
+
"type": "color"
|
|
29
|
+
},
|
|
30
|
+
"$background-yellow": {
|
|
31
|
+
"value": "{$yellow1}",
|
|
32
|
+
"type": "color"
|
|
33
|
+
},
|
|
34
|
+
"$background-green": {
|
|
35
|
+
"value": "{$green1}",
|
|
36
|
+
"type": "color"
|
|
37
|
+
},
|
|
38
|
+
"$background-mint": {
|
|
39
|
+
"value": "{$mint1}",
|
|
40
|
+
"type": "color"
|
|
41
|
+
},
|
|
42
|
+
"$background-teal": {
|
|
43
|
+
"value": "{$teal1}",
|
|
44
|
+
"type": "color"
|
|
45
|
+
},
|
|
46
|
+
"$background-cyan": {
|
|
47
|
+
"value": "{$cyan1}",
|
|
48
|
+
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"$background-blue": {
|
|
51
|
+
"value": "{$blue1}",
|
|
52
|
+
"type": "color"
|
|
53
|
+
},
|
|
54
|
+
"$background-indigo": {
|
|
55
|
+
"value": "{$indigo1}",
|
|
56
|
+
"type": "color"
|
|
57
|
+
},
|
|
58
|
+
"$background-purple": {
|
|
59
|
+
"value": "{$purple1}",
|
|
60
|
+
"type": "color"
|
|
61
|
+
},
|
|
62
|
+
"$background-pink": {
|
|
63
|
+
"value": "{$pink1}",
|
|
64
|
+
"type": "color"
|
|
65
|
+
},
|
|
66
|
+
"$background-brown": {
|
|
67
|
+
"value": "{$brown1}",
|
|
68
|
+
"type": "color"
|
|
69
|
+
},
|
|
70
|
+
"$border-muted": {
|
|
71
|
+
"value": "{$cold2}",
|
|
72
|
+
"type": "color"
|
|
73
|
+
},
|
|
74
|
+
"$border-default": {
|
|
75
|
+
"value": "{$cold4}",
|
|
76
|
+
"type": "color"
|
|
77
|
+
},
|
|
78
|
+
"$border-strong": {
|
|
79
|
+
"value": "{$cold6}",
|
|
80
|
+
"type": "color"
|
|
81
|
+
},
|
|
82
|
+
"$button-primary": {
|
|
83
|
+
"value": "{$blue5}",
|
|
84
|
+
"type": "color"
|
|
85
|
+
},
|
|
86
|
+
"$button-primary-hover": {
|
|
87
|
+
"value": "{$blue6}",
|
|
88
|
+
"type": "color"
|
|
89
|
+
},
|
|
90
|
+
"$button-primary-active": {
|
|
91
|
+
"value": "{$blue7}",
|
|
92
|
+
"type": "color"
|
|
93
|
+
},
|
|
94
|
+
"$button-secondary": {
|
|
95
|
+
"value": "{$cold8}",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"$button-secondary-hover": {
|
|
99
|
+
"value": "{$cold7}",
|
|
100
|
+
"type": "color"
|
|
101
|
+
},
|
|
102
|
+
"$button-secondary-active": {
|
|
103
|
+
"value": "{$cold6}",
|
|
104
|
+
"type": "color"
|
|
105
|
+
},
|
|
106
|
+
"$button-danger": {
|
|
107
|
+
"value": "{$red5}",
|
|
108
|
+
"type": "color"
|
|
109
|
+
},
|
|
110
|
+
"$button-danger-hover": {
|
|
111
|
+
"value": "{$red6}",
|
|
112
|
+
"type": "color"
|
|
113
|
+
},
|
|
114
|
+
"$button-danger-active": {
|
|
115
|
+
"value": "{$red7}",
|
|
116
|
+
"type": "color"
|
|
117
|
+
},
|
|
118
|
+
"$button-disabled": {
|
|
119
|
+
"value": "{$cold4}",
|
|
120
|
+
"type": "color"
|
|
121
|
+
},
|
|
122
|
+
"$icon-primary": {
|
|
123
|
+
"value": "{$cold9}",
|
|
124
|
+
"type": "color"
|
|
125
|
+
},
|
|
126
|
+
"$icon-secondary": {
|
|
127
|
+
"value": "{$cold8}",
|
|
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": "{$blue5}",
|
|
140
|
+
"type": "color"
|
|
141
|
+
},
|
|
142
|
+
"$link-hover": {
|
|
143
|
+
"value": "{$blue6}",
|
|
144
|
+
"type": "color"
|
|
145
|
+
},
|
|
146
|
+
"$link-subtle": {
|
|
147
|
+
"value": "{$cold7}",
|
|
148
|
+
"type": "color"
|
|
149
|
+
},
|
|
150
|
+
"$link-visited": {
|
|
151
|
+
"value": "{$indigo5}",
|
|
152
|
+
"type": "color"
|
|
153
|
+
},
|
|
154
|
+
"$support-error": {
|
|
155
|
+
"value": "{$red5}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"$support-warning": {
|
|
159
|
+
"value": "{$yellow5}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"$support-success": {
|
|
163
|
+
"value": "{$green5}",
|
|
164
|
+
"type": "color"
|
|
165
|
+
},
|
|
166
|
+
"$support-info": {
|
|
167
|
+
"value": "{$blue5}",
|
|
168
|
+
"type": "color"
|
|
169
|
+
},
|
|
170
|
+
"$text-primary": {
|
|
171
|
+
"value": "{$cold10}",
|
|
172
|
+
"type": "color"
|
|
173
|
+
},
|
|
174
|
+
"$text-primary-alt": {
|
|
175
|
+
"value": "{$cold8}",
|
|
176
|
+
"type": "color"
|
|
177
|
+
},
|
|
178
|
+
"$text-secondary": {
|
|
179
|
+
"value": "{$cold7}",
|
|
180
|
+
"type": "color"
|
|
181
|
+
},
|
|
182
|
+
"$text-placeholder": {
|
|
183
|
+
"value": "{$cold4}",
|
|
184
|
+
"type": "color"
|
|
185
|
+
},
|
|
186
|
+
"$text-on-color": {
|
|
187
|
+
"value": "{$white}",
|
|
188
|
+
"type": "color"
|
|
189
|
+
},
|
|
190
|
+
"$text-error": {
|
|
191
|
+
"value": "{$red6}",
|
|
192
|
+
"type": "color"
|
|
193
|
+
},
|
|
194
|
+
"$text-success": {
|
|
195
|
+
"value": "{$green6}",
|
|
196
|
+
"type": "color"
|
|
197
|
+
}
|
|
198
|
+
}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$background": {
|
|
3
|
+
"value": "{$white}",
|
|
4
|
+
"type": "color"
|
|
5
|
+
},
|
|
6
|
+
"$background-secondary": {
|
|
7
|
+
"value": "{$warm1}",
|
|
8
|
+
"type": "color"
|
|
9
|
+
},
|
|
10
|
+
"$background-hover": {
|
|
11
|
+
"value": "{$warm1}",
|
|
12
|
+
"type": "color"
|
|
13
|
+
},
|
|
14
|
+
"$background-selected": {
|
|
15
|
+
"value": "{$warm2}",
|
|
16
|
+
"type": "color"
|
|
17
|
+
},
|
|
18
|
+
"$background-selected-hover": {
|
|
19
|
+
"value": "{$warm3}",
|
|
20
|
+
"type": "color"
|
|
21
|
+
},
|
|
22
|
+
"$background-red": {
|
|
23
|
+
"value": "{$red1}",
|
|
24
|
+
"type": "color"
|
|
25
|
+
},
|
|
26
|
+
"$background-orange": {
|
|
27
|
+
"value": "{$orange1}",
|
|
28
|
+
"type": "color"
|
|
29
|
+
},
|
|
30
|
+
"$background-yellow": {
|
|
31
|
+
"value": "{$yellow1}",
|
|
32
|
+
"type": "color"
|
|
33
|
+
},
|
|
34
|
+
"$background-green": {
|
|
35
|
+
"value": "{$green1}",
|
|
36
|
+
"type": "color"
|
|
37
|
+
},
|
|
38
|
+
"$background-mint": {
|
|
39
|
+
"value": "{$mint1}",
|
|
40
|
+
"type": "color"
|
|
41
|
+
},
|
|
42
|
+
"$background-teal": {
|
|
43
|
+
"value": "{$teal1}",
|
|
44
|
+
"type": "color"
|
|
45
|
+
},
|
|
46
|
+
"$background-cyan": {
|
|
47
|
+
"value": "{$cyan1}",
|
|
48
|
+
"type": "color"
|
|
49
|
+
},
|
|
50
|
+
"$background-blue": {
|
|
51
|
+
"value": "{$blue1}",
|
|
52
|
+
"type": "color"
|
|
53
|
+
},
|
|
54
|
+
"$background-indigo": {
|
|
55
|
+
"value": "{$indigo1}",
|
|
56
|
+
"type": "color"
|
|
57
|
+
},
|
|
58
|
+
"$background-purple": {
|
|
59
|
+
"value": "{$purple1}",
|
|
60
|
+
"type": "color"
|
|
61
|
+
},
|
|
62
|
+
"$background-pink": {
|
|
63
|
+
"value": "{$pink1}",
|
|
64
|
+
"type": "color"
|
|
65
|
+
},
|
|
66
|
+
"$background-brown": {
|
|
67
|
+
"value": "{$brown1}",
|
|
68
|
+
"type": "color"
|
|
69
|
+
},
|
|
70
|
+
"$border-muted": {
|
|
71
|
+
"value": "{$warm2}",
|
|
72
|
+
"type": "color"
|
|
73
|
+
},
|
|
74
|
+
"$border-default": {
|
|
75
|
+
"value": "{$warm4}",
|
|
76
|
+
"type": "color"
|
|
77
|
+
},
|
|
78
|
+
"$border-strong": {
|
|
79
|
+
"value": "{$warm6}",
|
|
80
|
+
"type": "color"
|
|
81
|
+
},
|
|
82
|
+
"$button-primary": {
|
|
83
|
+
"value": "{$blue5}",
|
|
84
|
+
"type": "color"
|
|
85
|
+
},
|
|
86
|
+
"$button-primary-hover": {
|
|
87
|
+
"value": "{$blue6}",
|
|
88
|
+
"type": "color"
|
|
89
|
+
},
|
|
90
|
+
"$button-primary-active": {
|
|
91
|
+
"value": "{$blue7}",
|
|
92
|
+
"type": "color"
|
|
93
|
+
},
|
|
94
|
+
"$button-secondary": {
|
|
95
|
+
"value": "{$warm8}",
|
|
96
|
+
"type": "color"
|
|
97
|
+
},
|
|
98
|
+
"$button-secondary-hover": {
|
|
99
|
+
"value": "{$warm7}",
|
|
100
|
+
"type": "color"
|
|
101
|
+
},
|
|
102
|
+
"$button-secondary-active": {
|
|
103
|
+
"value": "{$warm6}",
|
|
104
|
+
"type": "color"
|
|
105
|
+
},
|
|
106
|
+
"$button-danger": {
|
|
107
|
+
"value": "{$red5}",
|
|
108
|
+
"type": "color"
|
|
109
|
+
},
|
|
110
|
+
"$button-danger-hover": {
|
|
111
|
+
"value": "{$red6}",
|
|
112
|
+
"type": "color"
|
|
113
|
+
},
|
|
114
|
+
"$button-danger-active": {
|
|
115
|
+
"value": "{$red7}",
|
|
116
|
+
"type": "color"
|
|
117
|
+
},
|
|
118
|
+
"$button-disabled": {
|
|
119
|
+
"value": "{$warm4}",
|
|
120
|
+
"type": "color"
|
|
121
|
+
},
|
|
122
|
+
"$icon-primary": {
|
|
123
|
+
"value": "{$warm9}",
|
|
124
|
+
"type": "color"
|
|
125
|
+
},
|
|
126
|
+
"$icon-secondary": {
|
|
127
|
+
"value": "{$warm8}",
|
|
128
|
+
"type": "color"
|
|
129
|
+
},
|
|
130
|
+
"$icon-disabled": {
|
|
131
|
+
"value": "{$warm7}",
|
|
132
|
+
"type": "color"
|
|
133
|
+
},
|
|
134
|
+
"$icon-on-color": {
|
|
135
|
+
"value": "{$white}",
|
|
136
|
+
"type": "color"
|
|
137
|
+
},
|
|
138
|
+
"$link": {
|
|
139
|
+
"value": "{$blue5}",
|
|
140
|
+
"type": "color"
|
|
141
|
+
},
|
|
142
|
+
"$link-hover": {
|
|
143
|
+
"value": "{$blue6}",
|
|
144
|
+
"type": "color"
|
|
145
|
+
},
|
|
146
|
+
"$link-subtle": {
|
|
147
|
+
"value": "{$warm7}",
|
|
148
|
+
"type": "color"
|
|
149
|
+
},
|
|
150
|
+
"$link-visited": {
|
|
151
|
+
"value": "{$indigo5}",
|
|
152
|
+
"type": "color"
|
|
153
|
+
},
|
|
154
|
+
"$support-error": {
|
|
155
|
+
"value": "{$red5}",
|
|
156
|
+
"type": "color"
|
|
157
|
+
},
|
|
158
|
+
"$support-warning": {
|
|
159
|
+
"value": "{$yellow5}",
|
|
160
|
+
"type": "color"
|
|
161
|
+
},
|
|
162
|
+
"$support-success": {
|
|
163
|
+
"value": "{$green5}",
|
|
164
|
+
"type": "color"
|
|
165
|
+
},
|
|
166
|
+
"$support-info": {
|
|
167
|
+
"value": "{$blue5}",
|
|
168
|
+
"type": "color"
|
|
169
|
+
},
|
|
170
|
+
"$text-primary": {
|
|
171
|
+
"value": "{$warm10}",
|
|
172
|
+
"type": "color"
|
|
173
|
+
},
|
|
174
|
+
"$text-primary-alt": {
|
|
175
|
+
"value": "{$warm8}",
|
|
176
|
+
"type": "color"
|
|
177
|
+
},
|
|
178
|
+
"$text-secondary": {
|
|
179
|
+
"value": "{$warm7}",
|
|
180
|
+
"type": "color"
|
|
181
|
+
},
|
|
182
|
+
"$text-placeholder": {
|
|
183
|
+
"value": "{$warm4}",
|
|
184
|
+
"type": "color"
|
|
185
|
+
},
|
|
186
|
+
"$text-on-color": {
|
|
187
|
+
"value": "{$white}",
|
|
188
|
+
"type": "color"
|
|
189
|
+
},
|
|
190
|
+
"$text-error": {
|
|
191
|
+
"value": "{$red6}",
|
|
192
|
+
"type": "color"
|
|
193
|
+
},
|
|
194
|
+
"$text-success": {
|
|
195
|
+
"value": "{$green6}",
|
|
196
|
+
"type": "color"
|
|
197
|
+
}
|
|
198
|
+
}
|