@maggioli-design-system/styles 9.0.0 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,346 +0,0 @@
1
- /*
2
- Generated by Style Dictionary
3
- Do not edit directly
4
- Generated at Tue, 04 Oct 2022 09:16:57 GMT
5
- */
6
-
7
- :root {
8
- --label-amaranth-01: #810d2c;
9
- --label-amaranth-02: #950f33;
10
- --label-amaranth-03: #b5133d;
11
- --label-amaranth-04: #d61649;
12
- --label-amaranth-05: #ec4571;
13
- --label-amaranth-06: #f27d9b;
14
- --label-amaranth-07: #f6abbf;
15
- --label-amaranth-08: #facdd9;
16
- --label-amaranth-09: #fce2e8;
17
- --label-amaranth-10: #fef2f5;
18
- --label-amaranth: #ea3464;
19
- --label-orchid-01: #73106e;
20
- --label-orchid-02: #85137f;
21
- --label-orchid-03: #a2179a;
22
- --label-orchid-04: #c01bb8;
23
- --label-orchid-05: #e231d8;
24
- --label-orchid-06: #eb74e5;
25
- --label-orchid-07: #f2a7ee;
26
- --label-orchid-08: #f7caf5;
27
- --label-orchid-09: #fbe1f9;
28
- --label-orchid-10: #fdf0fc;
29
- --label-orchid: #e33bda;
30
- --label-violet-01: #4908ba;
31
- --label-violet-02: #5509d6;
32
- --label-violet-03: #6c1df5;
33
- --label-violet-04: #8441f7;
34
- --label-violet-05: #9b66f8;
35
- --label-violet-06: #b58dfa;
36
- --label-violet-07: #ceb3fc;
37
- --label-violet-08: #e1d1fd;
38
- --label-violet-09: #eee5fe;
39
- --label-violet-10: #f7f3fe;
40
- --label-violet: #782ff6;
41
- --label-blue-01: #0727bd;
42
- --label-blue-02: #082cdb;
43
- --label-blue-03: #1b40f6;
44
- --label-blue-04: #3c5cf8;
45
- --label-blue-05: #5f7af9;
46
- --label-blue-06: #889bfb;
47
- --label-blue-07: #b0bdfc;
48
- --label-blue-08: #cfd7fd;
49
- --label-blue-09: #e3e8fe;
50
- --label-blue-10: #f2f4ff;
51
- --label-blue: #0e36f6;
52
- --label-sky-01: #034273;
53
- --label-sky-02: #044d84;
54
- --label-sky-03: #055ea2;
55
- --label-sky-04: #0570c1;
56
- --label-sky-05: #0787e9;
57
- --label-sky-06: #3da8fa;
58
- --label-sky-07: #83c7fc;
59
- --label-sky-08: #b3ddfd;
60
- --label-sky-09: #d4ecfe;
61
- --label-sky-10: #ebf6fe;
62
- --label-sky: #4daffa;
63
- --label-aqua-01: #034941;
64
- --label-aqua-02: #03554b;
65
- --label-aqua-03: #04675c;
66
- --label-aqua-04: #047c6d;
67
- --label-aqua-05: #059584;
68
- --label-aqua-06: #07b5a0;
69
- --label-aqua-07: #08d7be;
70
- --label-aqua-08: #09f2d6;
71
- --label-aqua-09: #8cfbee;
72
- --label-aqua-10: #d4fdf8;
73
- --label-aqua: #74faea;
74
- --label-green-01: #0c4b03;
75
- --label-green-02: #0e5703;
76
- --label-green-03: #116b04;
77
- --label-green-04: #147f05;
78
- --label-green-05: #189a06;
79
- --label-green-06: #1dbb07;
80
- --label-green-07: #23de09;
81
- --label-green-08: #55f73e;
82
- --label-green-09: #affba4;
83
- --label-green-10: #ddfdd8;
84
- --label-green: #78f966;
85
- --label-lime-01: #354602;
86
- --label-lime-02: #3d5102;
87
- --label-lime-03: #4b6402;
88
- --label-lime-04: #597703;
89
- --label-lime-05: #6c9003;
90
- --label-lime-06: #83b004;
91
- --label-lime-07: #9dd105;
92
- --label-lime-08: #b0eb05;
93
- --label-lime-09: #c7fa33;
94
- --label-lime-10: #eafdb4;
95
- --label-lime: #cffb50;
96
- --label-yellow-01: #4b4103;
97
- --label-yellow-02: #564a03;
98
- --label-yellow-03: #6a5b04;
99
- --label-yellow-04: #7f6d04;
100
- --label-yellow-05: #998405;
101
- --label-yellow-06: #baa006;
102
- --label-yellow-07: #ddbf07;
103
- --label-yellow-08: #f7d81b;
104
- --label-yellow-09: #fbea82;
105
- --label-yellow-10: #fdf5c5;
106
- --label-yellow: #f9e14e;
107
- --label-orange-01: #712a08;
108
- --label-orange-02: #833109;
109
- --label-orange-03: #a03b0b;
110
- --label-orange-04: #be470d;
111
- --label-orange-05: #e55510;
112
- --label-orange-06: #f3834d;
113
- --label-orange-07: #f7af8d;
114
- --label-orange-08: #fad0bb;
115
- --label-orange-09: #fce4d8;
116
- --label-orange-10: #fef3ed;
117
- --label-orange: #f17032;
118
- }
119
-
120
- :root.dark-mode {
121
- --label-amaranth-01: #f59cb4;
122
- --label-amaranth-02: #f386a3;
123
- --label-amaranth-03: #ef6186;
124
- --label-amaranth-04: #ea3263;
125
- --label-amaranth-05: #ca1545;
126
- --label-amaranth-06: #9e1036;
127
- --label-amaranth-07: #740c27;
128
- --label-amaranth-08: #53091c;
129
- --label-amaranth-09: #3b0614;
130
- --label-amaranth-10: #23040c;
131
- --label-amaranth: #ea3464;
132
- --label-orchid-01: #f096eb;
133
- --label-orchid-02: #ed7ee7;
134
- --label-orchid-03: #e653df;
135
- --label-orchid-04: #db1fd1;
136
- --label-orchid-05: #b51aac;
137
- --label-orchid-06: #8d1487;
138
- --label-orchid-07: #670f62;
139
- --label-orchid-08: #490a46;
140
- --label-orchid-09: #330731;
141
- --label-orchid-10: #20051e;
142
- --label-orchid: #e33bda;
143
- --label-violet-01: #c6a6fb;
144
- --label-violet-02: #ba94fa;
145
- --label-violet-03: #a878f9;
146
- --label-violet-04: #955bf8;
147
- --label-violet-05: #7c36f6;
148
- --label-violet-06: #590ae2;
149
- --label-violet-07: #4207a7;
150
- --label-violet-08: #30057a;
151
- --label-violet-09: #230458;
152
- --label-violet-10: #150236;
153
- --label-violet: #782ff6;
154
- --label-blue-01: #a2b1fc;
155
- --label-blue-02: #90a2fb;
156
- --label-blue-03: #7289fa;
157
- --label-blue-04: #5571f9;
158
- --label-blue-05: #3053f7;
159
- --label-blue-06: #092fe8;
160
- --label-blue-07: #0623aa;
161
- --label-blue-08: #05197a;
162
- --label-blue-09: #031155;
163
- --label-blue-10: #020b36;
164
- --label-blue: #0e36f6;
165
- --label-sky-01: #6bbdfb;
166
- --label-sky-02: #4caefa;
167
- --label-sky-03: #1495f8;
168
- --label-sky-04: #0680dc;
169
- --label-sky-05: #0569b6;
170
- --label-sky-06: #04518d;
171
- --label-sky-07: #033b67;
172
- --label-sky-08: #022a49;
173
- --label-sky-09: #011e33;
174
- --label-sky-10: #01111e;
175
- --label-sky: #4daffa;
176
- --label-aqua-01: #07cbb4;
177
- --label-aqua-02: #07bca6;
178
- --label-aqua-03: #06a391;
179
- --label-aqua-04: #058d7d;
180
- --label-aqua-05: #047467;
181
- --label-aqua-06: #035a50;
182
- --label-aqua-07: #02413a;
183
- --label-aqua-08: #022e28;
184
- --label-aqua-09: #01201c;
185
- --label-aqua-10: #011210;
186
- --label-aqua: #74faea;
187
- --label-green-01: #21d208;
188
- --label-green-02: #1ec108;
189
- --label-green-03: #1ba907;
190
- --label-green-04: #179106;
191
- --label-green-05: #137805;
192
- --label-green-06: #0f5c04;
193
- --label-green-07: #0b4303;
194
- --label-green-08: #072f02;
195
- --label-green-09: #052101;
196
- --label-green-10: #031301;
197
- --label-green: #78f966;
198
- --label-lime-01: #94c505;
199
- --label-lime-02: #89b604;
200
- --label-lime-03: #779e04;
201
- --label-lime-04: #668903;
202
- --label-lime-05: #547003;
203
- --label-lime-06: #415602;
204
- --label-lime-07: #2f3f01;
205
- --label-lime-08: #212c01;
206
- --label-lime-09: #171f01;
207
- --label-lime-10: #0d1100;
208
- --label-lime: #cffb50;
209
- --label-yellow-01: #d1b407;
210
- --label-yellow-02: #c1a607;
211
- --label-yellow-03: #a89106;
212
- --label-yellow-04: #917d05;
213
- --label-yellow-05: #776604;
214
- --label-yellow-06: #5c4f03;
215
- --label-yellow-07: #423902;
216
- --label-yellow-08: #2e2802;
217
- --label-yellow-09: #201b01;
218
- --label-yellow-10: #110f01;
219
- --label-yellow: #f9e14e;
220
- --label-orange-01: #f6a178;
221
- --label-orange-02: #f48c5b;
222
- --label-orange-03: #f06826;
223
- --label-orange-04: #d9510f;
224
- --label-orange-05: #b3430c;
225
- --label-orange-06: #8b3309;
226
- --label-orange-07: #652607;
227
- --label-orange-08: #471a05;
228
- --label-orange-09: #321303;
229
- --label-orange-10: #1b0a02;
230
- --label-orange: #f17032;
231
- }
232
-
233
- @media (prefers-color-scheme: dark) {
234
- :root.system-mode {
235
- --label-amaranth-01: #f59cb4;
236
- --label-amaranth-02: #f386a3;
237
- --label-amaranth-03: #ef6186;
238
- --label-amaranth-04: #ea3263;
239
- --label-amaranth-05: #ca1545;
240
- --label-amaranth-06: #9e1036;
241
- --label-amaranth-07: #740c27;
242
- --label-amaranth-08: #53091c;
243
- --label-amaranth-09: #3b0614;
244
- --label-amaranth-10: #23040c;
245
- --label-amaranth: #ea3464;
246
- --label-orchid-01: #f096eb;
247
- --label-orchid-02: #ed7ee7;
248
- --label-orchid-03: #e653df;
249
- --label-orchid-04: #db1fd1;
250
- --label-orchid-05: #b51aac;
251
- --label-orchid-06: #8d1487;
252
- --label-orchid-07: #670f62;
253
- --label-orchid-08: #490a46;
254
- --label-orchid-09: #330731;
255
- --label-orchid-10: #20051e;
256
- --label-orchid: #e33bda;
257
- --label-violet-01: #c6a6fb;
258
- --label-violet-02: #ba94fa;
259
- --label-violet-03: #a878f9;
260
- --label-violet-04: #955bf8;
261
- --label-violet-05: #7c36f6;
262
- --label-violet-06: #590ae2;
263
- --label-violet-07: #4207a7;
264
- --label-violet-08: #30057a;
265
- --label-violet-09: #230458;
266
- --label-violet-10: #150236;
267
- --label-violet: #782ff6;
268
- --label-blue-01: #a2b1fc;
269
- --label-blue-02: #90a2fb;
270
- --label-blue-03: #7289fa;
271
- --label-blue-04: #5571f9;
272
- --label-blue-05: #3053f7;
273
- --label-blue-06: #092fe8;
274
- --label-blue-07: #0623aa;
275
- --label-blue-08: #05197a;
276
- --label-blue-09: #031155;
277
- --label-blue-10: #020b36;
278
- --label-blue: #0e36f6;
279
- --label-sky-01: #6bbdfb;
280
- --label-sky-02: #4caefa;
281
- --label-sky-03: #1495f8;
282
- --label-sky-04: #0680dc;
283
- --label-sky-05: #0569b6;
284
- --label-sky-06: #04518d;
285
- --label-sky-07: #033b67;
286
- --label-sky-08: #022a49;
287
- --label-sky-09: #011e33;
288
- --label-sky-10: #01111e;
289
- --label-sky: #4daffa;
290
- --label-aqua-01: #07cbb4;
291
- --label-aqua-02: #07bca6;
292
- --label-aqua-03: #06a391;
293
- --label-aqua-04: #058d7d;
294
- --label-aqua-05: #047467;
295
- --label-aqua-06: #035a50;
296
- --label-aqua-07: #02413a;
297
- --label-aqua-08: #022e28;
298
- --label-aqua-09: #01201c;
299
- --label-aqua-10: #011210;
300
- --label-aqua: #74faea;
301
- --label-green-01: #21d208;
302
- --label-green-02: #1ec108;
303
- --label-green-03: #1ba907;
304
- --label-green-04: #179106;
305
- --label-green-05: #137805;
306
- --label-green-06: #0f5c04;
307
- --label-green-07: #0b4303;
308
- --label-green-08: #072f02;
309
- --label-green-09: #052101;
310
- --label-green-10: #031301;
311
- --label-green: #78f966;
312
- --label-lime-01: #94c505;
313
- --label-lime-02: #89b604;
314
- --label-lime-03: #779e04;
315
- --label-lime-04: #668903;
316
- --label-lime-05: #547003;
317
- --label-lime-06: #415602;
318
- --label-lime-07: #2f3f01;
319
- --label-lime-08: #212c01;
320
- --label-lime-09: #171f01;
321
- --label-lime-10: #0d1100;
322
- --label-lime: #cffb50;
323
- --label-yellow-01: #d1b407;
324
- --label-yellow-02: #c1a607;
325
- --label-yellow-03: #a89106;
326
- --label-yellow-04: #917d05;
327
- --label-yellow-05: #776604;
328
- --label-yellow-06: #5c4f03;
329
- --label-yellow-07: #423902;
330
- --label-yellow-08: #2e2802;
331
- --label-yellow-09: #201b01;
332
- --label-yellow-10: #110f01;
333
- --label-yellow: #f9e14e;
334
- --label-orange-01: #f6a178;
335
- --label-orange-02: #f48c5b;
336
- --label-orange-03: #f06826;
337
- --label-orange-04: #d9510f;
338
- --label-orange-05: #b3430c;
339
- --label-orange-06: #8b3309;
340
- --label-orange-07: #652607;
341
- --label-orange-08: #471a05;
342
- --label-orange-09: #321303;
343
- --label-orange-10: #1b0a02;
344
- --label-orange: #f17032;
345
- }
346
- }
@@ -1,148 +0,0 @@
1
- /*
2
- Generated by Style Dictionary
3
- Do not edit directly
4
- Generated at Tue, 04 Oct 2022 09:16:57 GMT
5
- */
6
-
7
- :root {
8
- --status-info-01: #0c465a;
9
- --status-info-02: #0e5168;
10
- --status-info-03: #11637e;
11
- --status-info-04: #157797;
12
- --status-info-05: #198fb6;
13
- --status-info-06: #1eaedd;
14
- --status-info-07: #6dcceb;
15
- --status-info-08: #a8e1f3;
16
- --status-info-09: #d0eef9;
17
- --status-info-10: #e7f7fc;
18
- --status-info: #23b2e1;
19
- --status-success-01: #0d4b2d;
20
- --status-success-02: #0f5634;
21
- --status-success-03: #12693f;
22
- --status-success-04: #167d4c;
23
- --status-success-05: #1a975b;
24
- --status-success-06: #20b86f;
25
- --status-success-07: #28da84;
26
- --status-success-08: #8aebbc;
27
- --status-success-09: #c0f4db;
28
- --status-success-10: #e4faf0;
29
- --status-success: #21bf73;
30
- --status-error-01: #82120f;
31
- --status-error-02: #951411;
32
- --status-error-03: #b61815;
33
- --status-error-04: #d71d19;
34
- --status-error-05: #ea4d49;
35
- --status-error-06: #f0817f;
36
- --status-error-07: #f5adab;
37
- --status-error-08: #f9cecd;
38
- --status-error-09: #fce3e2;
39
- --status-error-10: #fdf2f2;
40
- --status-error: #ed6663;
41
- --status-warning-01: #523d00;
42
- --status-warning-02: #5f4700;
43
- --status-warning-03: #755700;
44
- --status-warning-04: #8b6800;
45
- --status-warning-05: #a87e00;
46
- --status-warning-06: #cc9900;
47
- --status-warning-07: #f3b600;
48
- --status-warning-08: #ffd451;
49
- --status-warning-09: #ffe69c;
50
- --status-warning-10: #fff5d6;
51
- --status-warning: #ffc107;
52
- }
53
-
54
- :root.dark-mode {
55
- --status-info-01: #52c2e7;
56
- --status-info-02: #2ab4e2;
57
- --status-info-03: #1b9dc8;
58
- --status-info-04: #1788ac;
59
- --status-info-05: #136f8e;
60
- --status-info-06: #0f566d;
61
- --status-info-07: #0b3e4f;
62
- --status-info-08: #082c37;
63
- --status-info-09: #051e26;
64
- --status-info-10: #031116;
65
- --status-info: #23b2e1;
66
- --status-success-01: #24cf7d;
67
- --status-success-02: #21bf73;
68
- --status-success-03: #1da664;
69
- --status-success-04: #198f56;
70
- --status-success-05: #147647;
71
- --status-success-06: #105b37;
72
- --status-success-07: #0b4228;
73
- --status-success-08: #082f1c;
74
- --status-success-09: #062014;
75
- --status-success-10: #03120b;
76
- --status-success: #21bf73;
77
- --status-error-01: #f49f9d;
78
- --status-error-02: #f18b88;
79
- --status-error-03: #ed6664;
80
- --status-error-04: #e83c38;
81
- --status-error-05: #cb1b17;
82
- --status-error-06: #9e1512;
83
- --status-error-07: #74100d;
84
- --status-error-08: #540b0a;
85
- --status-error-09: #3c0807;
86
- --status-error-10: #230504;
87
- --status-error: #ed6663;
88
- --status-warning-01: #e6ac00;
89
- --status-warning-02: #d49f00;
90
- --status-warning-03: #b98a00;
91
- --status-warning-04: #9f7700;
92
- --status-warning-05: #836200;
93
- --status-warning-06: #654b00;
94
- --status-warning-07: #493700;
95
- --status-warning-08: #332600;
96
- --status-warning-09: #231a00;
97
- --status-warning-10: #130e00;
98
- --status-warning: #ffc107;
99
- }
100
-
101
- @media (prefers-color-scheme: dark) {
102
- :root.system-mode {
103
- --status-info-01: #52c2e7;
104
- --status-info-02: #2ab4e2;
105
- --status-info-03: #1b9dc8;
106
- --status-info-04: #1788ac;
107
- --status-info-05: #136f8e;
108
- --status-info-06: #0f566d;
109
- --status-info-07: #0b3e4f;
110
- --status-info-08: #082c37;
111
- --status-info-09: #051e26;
112
- --status-info-10: #031116;
113
- --status-info: #23b2e1;
114
- --status-success-01: #24cf7d;
115
- --status-success-02: #21bf73;
116
- --status-success-03: #1da664;
117
- --status-success-04: #198f56;
118
- --status-success-05: #147647;
119
- --status-success-06: #105b37;
120
- --status-success-07: #0b4228;
121
- --status-success-08: #082f1c;
122
- --status-success-09: #062014;
123
- --status-success-10: #03120b;
124
- --status-success: #21bf73;
125
- --status-error-01: #f49f9d;
126
- --status-error-02: #f18b88;
127
- --status-error-03: #ed6664;
128
- --status-error-04: #e83c38;
129
- --status-error-05: #cb1b17;
130
- --status-error-06: #9e1512;
131
- --status-error-07: #74100d;
132
- --status-error-08: #540b0a;
133
- --status-error-09: #3c0807;
134
- --status-error-10: #230504;
135
- --status-error: #ed6663;
136
- --status-warning-01: #e6ac00;
137
- --status-warning-02: #d49f00;
138
- --status-warning-03: #b98a00;
139
- --status-warning-04: #9f7700;
140
- --status-warning-05: #836200;
141
- --status-warning-06: #654b00;
142
- --status-warning-07: #493700;
143
- --status-warning-08: #332600;
144
- --status-warning-09: #231a00;
145
- --status-warning-10: #130e00;
146
- --status-warning: #ffc107;
147
- }
148
- }
@@ -1,181 +0,0 @@
1
- /*
2
- Generated by Style Dictionary
3
- Do not edit directly
4
- Generated at Tue, 04 Oct 2022 09:16:57 GMT
5
- */
6
-
7
- :root {
8
- --tone-slate-01: #1c222a;
9
- --tone-slate-02: #212932;
10
- --tone-slate-03: #364151;
11
- --tone-slate-04: #47556a;
12
- --tone-slate-05: #5f738f;
13
- --tone-slate-06: #95a4b8;
14
- --tone-slate-07: #cfd5df;
15
- --tone-slate-08: #e2e6ec;
16
- --tone-slate-09: #f1f3f6;
17
- --tone-slate-10: #f7f8fa;
18
- --tone-slate: #ffffff;
19
- --tone-grey-01: #1f2126;
20
- --tone-grey-02: #25282e;
21
- --tone-grey-03: #3b4049;
22
- --tone-grey-04: #4e5560;
23
- --tone-grey-05: #697282;
24
- --tone-grey-06: #9ca3af;
25
- --tone-grey-07: #d2d5da;
26
- --tone-grey-08: #e6e7ea;
27
- --tone-grey-09: #f2f3f5;
28
- --tone-grey-10: #f8f8f9;
29
- --tone-grey: #ffffff;
30
- --tone-zinc-01: #212125;
31
- --tone-zinc-02: #28282c;
32
- --tone-zinc-03: #404046;
33
- --tone-zinc-04: #54545c;
34
- --tone-zinc-05: #70707c;
35
- --tone-zinc-06: #a1a1aa;
36
- --tone-zinc-07: #d4d4d8;
37
- --tone-zinc-08: #e6e6e8;
38
- --tone-zinc-09: #f3f3f4;
39
- --tone-zinc-10: #f8f8f9;
40
- --tone-zinc: #ffffff;
41
- --tone-neutral-01: #212121;
42
- --tone-neutral-02: #282828;
43
- --tone-neutral-03: #404040;
44
- --tone-neutral-04: #545454;
45
- --tone-neutral-05: #717171;
46
- --tone-neutral-06: #a2a2a2;
47
- --tone-neutral-07: #d4d4d4;
48
- --tone-neutral-08: #e7e7e7;
49
- --tone-neutral-09: #f3f3f3;
50
- --tone-neutral-10: #f8f8f8;
51
- --tone-neutral: #ffffff;
52
- --tone-stone-01: #232120;
53
- --tone-stone-02: #2a2826;
54
- --tone-stone-03: #44403d;
55
- --tone-stone-04: #59534f;
56
- --tone-stone-05: #78706c;
57
- --tone-stone-06: #a7a19d;
58
- --tone-stone-07: #d7d4d2;
59
- --tone-stone-08: #e8e6e5;
60
- --tone-stone-09: #f4f3f2;
61
- --tone-stone-10: #f9f8f8;
62
- --tone-stone: #ffffff;
63
- }
64
-
65
- :root.dark-mode {
66
- --tone-slate-01: #dde1e8;
67
- --tone-slate-02: #d2d8e1;
68
- --tone-slate-03: #abb6c7;
69
- --tone-slate-04: #8c9cb3;
70
- --tone-slate-05: #657b98;
71
- --tone-slate-06: #424f63;
72
- --tone-slate-07: #232b35;
73
- --tone-slate-08: #181d24;
74
- --tone-slate-09: #0e1115;
75
- --tone-slate-10: #07090b;
76
- --tone-slate: #000000;
77
- --tone-grey-01: #dee1e5;
78
- --tone-grey-02: #d4d7dd;
79
- --tone-grey-03: #b1b6c0;
80
- --tone-grey-04: #949ba8;
81
- --tone-grey-05: #707a8a;
82
- --tone-grey-06: #484f5a;
83
- --tone-grey-07: #272b31;
84
- --tone-grey-08: #1b1d21;
85
- --tone-grey-09: #0e0f11;
86
- --tone-grey-10: #08090a;
87
- --tone-grey: #000000;
88
- --tone-zinc-01: #e0e0e3;
89
- --tone-zinc-02: #d7d7db;
90
- --tone-zinc-03: #b5b5bd;
91
- --tone-zinc-04: #9a9aa4;
92
- --tone-zinc-05: #797985;
93
- --tone-zinc-06: #4e4e57;
94
- --tone-zinc-07: #2a2a2e;
95
- --tone-zinc-08: #1c1c1f;
96
- --tone-zinc-09: #111113;
97
- --tone-zinc-10: #090909;
98
- --tone-zinc: #000000;
99
- --tone-neutral-01: #e1e1e1;
100
- --tone-neutral-02: #d8d8d8;
101
- --tone-neutral-03: #b5b5b5;
102
- --tone-neutral-04: #9b9b9b;
103
- --tone-neutral-05: #7a7a7a;
104
- --tone-neutral-06: #4e4e4e;
105
- --tone-neutral-07: #2b2b2b;
106
- --tone-neutral-08: #1d1d1d;
107
- --tone-neutral-09: #0f0f0f;
108
- --tone-neutral-10: #090909;
109
- --tone-neutral: #000000;
110
- --tone-stone-01: #e2e0df;
111
- --tone-stone-02: #dad7d6;
112
- --tone-stone-03: #b9b5b1;
113
- --tone-stone-04: #a09a96;
114
- --tone-stone-05: #7f7872;
115
- --tone-stone-06: #534e4a;
116
- --tone-stone-07: #2d2a29;
117
- --tone-stone-08: #1e1c1b;
118
- --tone-stone-09: #100f0f;
119
- --tone-stone-10: #090908;
120
- --tone-stone: #000000;
121
- }
122
-
123
- @media (prefers-color-scheme: dark) {
124
- :root.system-mode {
125
- --tone-slate-01: #dde1e8;
126
- --tone-slate-02: #d2d8e1;
127
- --tone-slate-03: #abb6c7;
128
- --tone-slate-04: #8c9cb3;
129
- --tone-slate-05: #657b98;
130
- --tone-slate-06: #424f63;
131
- --tone-slate-07: #232b35;
132
- --tone-slate-08: #181d24;
133
- --tone-slate-09: #0e1115;
134
- --tone-slate-10: #07090b;
135
- --tone-slate: #000000;
136
- --tone-grey-01: #dee1e5;
137
- --tone-grey-02: #d4d7dd;
138
- --tone-grey-03: #b1b6c0;
139
- --tone-grey-04: #949ba8;
140
- --tone-grey-05: #707a8a;
141
- --tone-grey-06: #484f5a;
142
- --tone-grey-07: #272b31;
143
- --tone-grey-08: #1b1d21;
144
- --tone-grey-09: #0e0f11;
145
- --tone-grey-10: #08090a;
146
- --tone-grey: #000000;
147
- --tone-zinc-01: #e0e0e3;
148
- --tone-zinc-02: #d7d7db;
149
- --tone-zinc-03: #b5b5bd;
150
- --tone-zinc-04: #9a9aa4;
151
- --tone-zinc-05: #797985;
152
- --tone-zinc-06: #4e4e57;
153
- --tone-zinc-07: #2a2a2e;
154
- --tone-zinc-08: #1c1c1f;
155
- --tone-zinc-09: #111113;
156
- --tone-zinc-10: #090909;
157
- --tone-zinc: #000000;
158
- --tone-neutral-01: #e1e1e1;
159
- --tone-neutral-02: #d8d8d8;
160
- --tone-neutral-03: #b5b5b5;
161
- --tone-neutral-04: #9b9b9b;
162
- --tone-neutral-05: #7a7a7a;
163
- --tone-neutral-06: #4e4e4e;
164
- --tone-neutral-07: #2b2b2b;
165
- --tone-neutral-08: #1d1d1d;
166
- --tone-neutral-09: #0f0f0f;
167
- --tone-neutral-10: #090909;
168
- --tone-neutral: #000000;
169
- --tone-stone-01: #e2e0df;
170
- --tone-stone-02: #dad7d6;
171
- --tone-stone-03: #b9b5b1;
172
- --tone-stone-04: #a09a96;
173
- --tone-stone-05: #7f7872;
174
- --tone-stone-06: #534e4a;
175
- --tone-stone-07: #2d2a29;
176
- --tone-stone-08: #1e1c1b;
177
- --tone-stone-09: #100f0f;
178
- --tone-stone-10: #090908;
179
- --tone-stone: #000000;
180
- }
181
- }