@maggioli-design-system/styles 6.5.3 → 8.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.
Files changed (22) hide show
  1. package/README.md +18 -0
  2. package/dist/css/base.css +70 -23
  3. package/dist/css/colors-brand-synbee.css +151 -25
  4. package/dist/css/colors-brand.css +13 -13
  5. package/dist/css/colors-label.css +105 -105
  6. package/dist/css/colors-rgb-brand-synbee.css +151 -25
  7. package/dist/css/colors-rgb-brand.css +13 -13
  8. package/dist/css/colors-rgb-label.css +105 -105
  9. package/dist/css/colors-rgb-status.css +50 -50
  10. package/dist/css/colors-rgb-tones.css +60 -93
  11. package/dist/css/colors-rgb.css +375 -282
  12. package/dist/css/colors-status.css +50 -50
  13. package/dist/css/colors-tones.css +60 -93
  14. package/dist/css/colors.css +375 -282
  15. package/dist/css/globals.css +13 -0
  16. package/dist/css/reset.css +510 -0
  17. package/dist/css/typography.css +133 -125
  18. package/dist/tailwind/base.css +10 -9
  19. package/dist/tailwind/typography.css +48 -26
  20. package/package.json +20 -14
  21. package/postcss.config.js +1 -0
  22. package/tailwind.config.js +3 -3
package/dist/css/colors-label.css CHANGED
@@ -1,31 +1,31 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Mon, 27 Jun 2022 07:54:51 GMT
5
5
  */
6
6
 
7
7
  :root {
8
8
  --label-amaranth-01: #810d2c;
9
- --label-amaranth-02: #960f33;
10
- --label-amaranth-03: #b5133e;
9
+ --label-amaranth-02: #950f33;
10
+ --label-amaranth-03: #b5133d;
11
11
  --label-amaranth-04: #d61649;
12
12
  --label-amaranth-05: #ec4571;
13
13
  --label-amaranth-06: #f27d9b;
14
14
  --label-amaranth-07: #f6abbf;
15
15
  --label-amaranth-08: #facdd9;
16
- --label-amaranth-09: #fce1e8;
16
+ --label-amaranth-09: #fce2e8;
17
17
  --label-amaranth-10: #fef2f5;
18
18
  --label-amaranth: #ea3464;
19
19
  --label-orchid-01: #73106e;
20
20
  --label-orchid-02: #85137f;
21
21
  --label-orchid-03: #a2179a;
22
- --label-orchid-04: #c01bb7;
22
+ --label-orchid-04: #c01bb8;
23
23
  --label-orchid-05: #e231d8;
24
24
  --label-orchid-06: #eb74e5;
25
25
  --label-orchid-07: #f2a7ee;
26
26
  --label-orchid-08: #f7caf5;
27
27
  --label-orchid-09: #fbe1f9;
28
- --label-orchid-10: #fdf1fc;
28
+ --label-orchid-10: #fdf0fc;
29
29
  --label-orchid: #e33bda;
30
30
  --label-violet-01: #4908ba;
31
31
  --label-violet-02: #5509d6;
@@ -35,41 +35,41 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
35
35
  --label-violet-06: #b58dfa;
36
36
  --label-violet-07: #ceb3fc;
37
37
  --label-violet-08: #e1d1fd;
38
- --label-violet-09: #ede3fe;
39
- --label-violet-10: #f7f2fe;
38
+ --label-violet-09: #eee5fe;
39
+ --label-violet-10: #f7f3fe;
40
40
  --label-violet: #782ff6;
41
41
  --label-blue-01: #0727bd;
42
42
  --label-blue-02: #082cdb;
43
43
  --label-blue-03: #1b40f6;
44
- --label-blue-04: #3c5df8;
45
- --label-blue-05: #607af9;
44
+ --label-blue-04: #3c5cf8;
45
+ --label-blue-05: #5f7af9;
46
46
  --label-blue-06: #889bfb;
47
47
  --label-blue-07: #b0bdfc;
48
48
  --label-blue-08: #cfd7fd;
49
- --label-blue-09: #e3e7fe;
50
- --label-blue-10: #f3f5ff;
49
+ --label-blue-09: #e3e8fe;
50
+ --label-blue-10: #f2f4ff;
51
51
  --label-blue: #0e36f6;
52
52
  --label-sky-01: #034273;
53
53
  --label-sky-02: #044d84;
54
54
  --label-sky-03: #055ea2;
55
55
  --label-sky-04: #0570c1;
56
56
  --label-sky-05: #0787e9;
57
- --label-sky-06: #3ea8fa;
58
- --label-sky-07: #82c7fb;
57
+ --label-sky-06: #3da8fa;
58
+ --label-sky-07: #83c7fc;
59
59
  --label-sky-08: #b3ddfd;
60
- --label-sky-09: #d2ebfe;
61
- --label-sky-10: #edf7fe;
60
+ --label-sky-09: #d4ecfe;
61
+ --label-sky-10: #ebf6fe;
62
62
  --label-sky: #4daffa;
63
63
  --label-aqua-01: #034941;
64
64
  --label-aqua-02: #03554b;
65
65
  --label-aqua-03: #04675c;
66
- --label-aqua-04: #047b6d;
66
+ --label-aqua-04: #047c6d;
67
67
  --label-aqua-05: #059584;
68
68
  --label-aqua-06: #07b5a0;
69
69
  --label-aqua-07: #08d7be;
70
- --label-aqua-08: #09f3d7;
71
- --label-aqua-09: #89fbed;
72
- --label-aqua-10: #d0fdf8;
70
+ --label-aqua-08: #09f2d6;
71
+ --label-aqua-09: #8cfbee;
72
+ --label-aqua-10: #d4fdf8;
73
73
  --label-aqua: #74faea;
74
74
  --label-green-01: #0c4b03;
75
75
  --label-green-02: #0e5703;
@@ -78,78 +78,78 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
78
78
  --label-green-05: #189a06;
79
79
  --label-green-06: #1dbb07;
80
80
  --label-green-07: #23de09;
81
- --label-green-08: #4bf733;
82
- --label-green-09: #aefba3;
83
- --label-green-10: #dbfdd6;
81
+ --label-green-08: #55f73e;
82
+ --label-green-09: #affba4;
83
+ --label-green-10: #ddfdd8;
84
84
  --label-green: #78f966;
85
85
  --label-lime-01: #354602;
86
- --label-lime-02: #3d5202;
86
+ --label-lime-02: #3d5102;
87
87
  --label-lime-03: #4b6402;
88
88
  --label-lime-04: #597703;
89
89
  --label-lime-05: #6c9003;
90
90
  --label-lime-06: #83b004;
91
91
  --label-lime-07: #9dd105;
92
92
  --label-lime-08: #b0eb05;
93
- --label-lime-09: #c4fa27;
94
- --label-lime-10: #eafdb1;
93
+ --label-lime-09: #c7fa33;
94
+ --label-lime-10: #eafdb4;
95
95
  --label-lime: #cffb50;
96
- --label-yellow-01: #4b4003;
96
+ --label-yellow-01: #4b4103;
97
97
  --label-yellow-02: #564a03;
98
98
  --label-yellow-03: #6a5b04;
99
99
  --label-yellow-04: #7f6d04;
100
- --label-yellow-05: #988405;
100
+ --label-yellow-05: #998405;
101
101
  --label-yellow-06: #baa006;
102
102
  --label-yellow-07: #ddbf07;
103
- --label-yellow-08: #f7d81c;
104
- --label-yellow-09: #fbe97f;
105
- --label-yellow-10: #fdf6cc;
103
+ --label-yellow-08: #f7d81b;
104
+ --label-yellow-09: #fbea82;
105
+ --label-yellow-10: #fdf5c5;
106
106
  --label-yellow: #f9e14e;
107
107
  --label-orange-01: #712a08;
108
- --label-orange-02: #833009;
108
+ --label-orange-02: #833109;
109
109
  --label-orange-03: #a03b0b;
110
110
  --label-orange-04: #be470d;
111
111
  --label-orange-05: #e55510;
112
- --label-orange-06: #f3834e;
112
+ --label-orange-06: #f3834d;
113
113
  --label-orange-07: #f7af8d;
114
114
  --label-orange-08: #fad0bb;
115
- --label-orange-09: #fce4d9;
116
- --label-orange-10: #fef3ee;
115
+ --label-orange-09: #fce4d8;
116
+ --label-orange-10: #fef3ed;
117
117
  --label-orange: #f17032;
118
118
  }
119
119
 
120
120
  :root .dark-mode {
121
- --label-amaranth-01: #f59cb3;
121
+ --label-amaranth-01: #f59cb4;
122
122
  --label-amaranth-02: #f386a3;
123
123
  --label-amaranth-03: #ef6186;
124
- --label-amaranth-04: #ea3262;
124
+ --label-amaranth-04: #ea3263;
125
125
  --label-amaranth-05: #ca1545;
126
126
  --label-amaranth-06: #9e1036;
127
127
  --label-amaranth-07: #740c27;
128
- --label-amaranth-08: #54091d;
129
- --label-amaranth-09: #3a0614;
128
+ --label-amaranth-08: #53091c;
129
+ --label-amaranth-09: #3b0614;
130
130
  --label-amaranth-10: #23040c;
131
131
  --label-amaranth: #ea3464;
132
132
  --label-orchid-01: #f096eb;
133
- --label-orchid-02: #ed7fe7;
133
+ --label-orchid-02: #ed7ee7;
134
134
  --label-orchid-03: #e653df;
135
135
  --label-orchid-04: #db1fd1;
136
- --label-orchid-05: #b51aad;
137
- --label-orchid-06: #8d1486;
136
+ --label-orchid-05: #b51aac;
137
+ --label-orchid-06: #8d1487;
138
138
  --label-orchid-07: #670f62;
139
- --label-orchid-08: #4a0b47;
140
- --label-orchid-09: #340731;
141
- --label-orchid-10: #1f041e;
139
+ --label-orchid-08: #490a46;
140
+ --label-orchid-09: #330731;
141
+ --label-orchid-10: #20051e;
142
142
  --label-orchid: #e33bda;
143
143
  --label-violet-01: #c6a6fb;
144
- --label-violet-02: #ba95fa;
144
+ --label-violet-02: #ba94fa;
145
145
  --label-violet-03: #a878f9;
146
146
  --label-violet-04: #955bf8;
147
147
  --label-violet-05: #7c36f6;
148
148
  --label-violet-06: #590ae2;
149
- --label-violet-07: #4207a9;
149
+ --label-violet-07: #4207a7;
150
150
  --label-violet-08: #30057a;
151
151
  --label-violet-09: #230458;
152
- --label-violet-10: #140234;
152
+ --label-violet-10: #150236;
153
153
  --label-violet: #782ff6;
154
154
  --label-blue-01: #a2b1fc;
155
155
  --label-blue-02: #90a2fb;
@@ -158,27 +158,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
158
158
  --label-blue-05: #3053f7;
159
159
  --label-blue-06: #092fe8;
160
160
  --label-blue-07: #0623aa;
161
- --label-blue-08: #05197b;
161
+ --label-blue-08: #05197a;
162
162
  --label-blue-09: #031155;
163
- --label-blue-10: #020b35;
163
+ --label-blue-10: #020b36;
164
164
  --label-blue: #0e36f6;
165
165
  --label-sky-01: #6bbdfb;
166
166
  --label-sky-02: #4caefa;
167
167
  --label-sky-03: #1495f8;
168
- --label-sky-04: #0680dd;
168
+ --label-sky-04: #0680dc;
169
169
  --label-sky-05: #0569b6;
170
170
  --label-sky-06: #04518d;
171
- --label-sky-07: #033b66;
172
- --label-sky-08: #022a48;
173
- --label-sky-09: #011d33;
174
- --label-sky-10: #01111d;
171
+ --label-sky-07: #033b67;
172
+ --label-sky-08: #022a49;
173
+ --label-sky-09: #011e33;
174
+ --label-sky-10: #01111e;
175
175
  --label-sky: #4daffa;
176
176
  --label-aqua-01: #07cbb4;
177
- --label-aqua-02: #07bca7;
177
+ --label-aqua-02: #07bca6;
178
178
  --label-aqua-03: #06a391;
179
179
  --label-aqua-04: #058d7d;
180
180
  --label-aqua-05: #047467;
181
- --label-aqua-06: #035a4f;
181
+ --label-aqua-06: #035a50;
182
182
  --label-aqua-07: #02413a;
183
183
  --label-aqua-08: #022e28;
184
184
  --label-aqua-09: #01201c;
@@ -186,27 +186,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
186
186
  --label-aqua: #74faea;
187
187
  --label-green-01: #21d208;
188
188
  --label-green-02: #1ec108;
189
- --label-green-03: #1aa907;
189
+ --label-green-03: #1ba907;
190
190
  --label-green-04: #179106;
191
191
  --label-green-05: #137805;
192
192
  --label-green-06: #0f5c04;
193
193
  --label-green-07: #0b4303;
194
- --label-green-08: #073002;
194
+ --label-green-08: #072f02;
195
195
  --label-green-09: #052101;
196
- --label-green-10: #031201;
196
+ --label-green-10: #031301;
197
197
  --label-green: #78f966;
198
198
  --label-lime-01: #94c505;
199
199
  --label-lime-02: #89b604;
200
200
  --label-lime-03: #779e04;
201
201
  --label-lime-04: #668903;
202
202
  --label-lime-05: #547003;
203
- --label-lime-06: #415702;
203
+ --label-lime-06: #415602;
204
204
  --label-lime-07: #2f3f01;
205
205
  --label-lime-08: #212c01;
206
- --label-lime-09: #161e01;
207
- --label-lime-10: #0c1000;
206
+ --label-lime-09: #171f01;
207
+ --label-lime-10: #0d1100;
208
208
  --label-lime: #cffb50;
209
- --label-yellow-01: #d1b507;
209
+ --label-yellow-01: #d1b407;
210
210
  --label-yellow-02: #c1a607;
211
211
  --label-yellow-03: #a89106;
212
212
  --label-yellow-04: #917d05;
@@ -214,56 +214,56 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
214
214
  --label-yellow-06: #5c4f03;
215
215
  --label-yellow-07: #423902;
216
216
  --label-yellow-08: #2e2802;
217
- --label-yellow-09: #201c01;
218
- --label-yellow-10: #110e01;
217
+ --label-yellow-09: #201b01;
218
+ --label-yellow-10: #110f01;
219
219
  --label-yellow: #f9e14e;
220
220
  --label-orange-01: #f6a178;
221
- --label-orange-02: #f48c5a;
221
+ --label-orange-02: #f48c5b;
222
222
  --label-orange-03: #f06826;
223
223
  --label-orange-04: #d9510f;
224
224
  --label-orange-05: #b3430c;
225
225
  --label-orange-06: #8b3309;
226
- --label-orange-07: #652507;
227
- --label-orange-08: #481b05;
228
- --label-orange-09: #321203;
226
+ --label-orange-07: #652607;
227
+ --label-orange-08: #471a05;
228
+ --label-orange-09: #321303;
229
229
  --label-orange-10: #1b0a02;
230
230
  --label-orange: #f17032;
231
231
  }
232
232
 
233
233
  @media (prefers-color-scheme: dark) {
234
234
  :root .dark-mode-os {
235
- --label-amaranth-01: #f59cb3;
235
+ --label-amaranth-01: #f59cb4;
236
236
  --label-amaranth-02: #f386a3;
237
237
  --label-amaranth-03: #ef6186;
238
- --label-amaranth-04: #ea3262;
238
+ --label-amaranth-04: #ea3263;
239
239
  --label-amaranth-05: #ca1545;
240
240
  --label-amaranth-06: #9e1036;
241
241
  --label-amaranth-07: #740c27;
242
- --label-amaranth-08: #54091d;
243
- --label-amaranth-09: #3a0614;
242
+ --label-amaranth-08: #53091c;
243
+ --label-amaranth-09: #3b0614;
244
244
  --label-amaranth-10: #23040c;
245
245
  --label-amaranth: #ea3464;
246
246
  --label-orchid-01: #f096eb;
247
- --label-orchid-02: #ed7fe7;
247
+ --label-orchid-02: #ed7ee7;
248
248
  --label-orchid-03: #e653df;
249
249
  --label-orchid-04: #db1fd1;
250
- --label-orchid-05: #b51aad;
251
- --label-orchid-06: #8d1486;
250
+ --label-orchid-05: #b51aac;
251
+ --label-orchid-06: #8d1487;
252
252
  --label-orchid-07: #670f62;
253
- --label-orchid-08: #4a0b47;
254
- --label-orchid-09: #340731;
255
- --label-orchid-10: #1f041e;
253
+ --label-orchid-08: #490a46;
254
+ --label-orchid-09: #330731;
255
+ --label-orchid-10: #20051e;
256
256
  --label-orchid: #e33bda;
257
257
  --label-violet-01: #c6a6fb;
258
- --label-violet-02: #ba95fa;
258
+ --label-violet-02: #ba94fa;
259
259
  --label-violet-03: #a878f9;
260
260
  --label-violet-04: #955bf8;
261
261
  --label-violet-05: #7c36f6;
262
262
  --label-violet-06: #590ae2;
263
- --label-violet-07: #4207a9;
263
+ --label-violet-07: #4207a7;
264
264
  --label-violet-08: #30057a;
265
265
  --label-violet-09: #230458;
266
- --label-violet-10: #140234;
266
+ --label-violet-10: #150236;
267
267
  --label-violet: #782ff6;
268
268
  --label-blue-01: #a2b1fc;
269
269
  --label-blue-02: #90a2fb;
@@ -272,27 +272,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
272
272
  --label-blue-05: #3053f7;
273
273
  --label-blue-06: #092fe8;
274
274
  --label-blue-07: #0623aa;
275
- --label-blue-08: #05197b;
275
+ --label-blue-08: #05197a;
276
276
  --label-blue-09: #031155;
277
- --label-blue-10: #020b35;
277
+ --label-blue-10: #020b36;
278
278
  --label-blue: #0e36f6;
279
279
  --label-sky-01: #6bbdfb;
280
280
  --label-sky-02: #4caefa;
281
281
  --label-sky-03: #1495f8;
282
- --label-sky-04: #0680dd;
282
+ --label-sky-04: #0680dc;
283
283
  --label-sky-05: #0569b6;
284
284
  --label-sky-06: #04518d;
285
- --label-sky-07: #033b66;
286
- --label-sky-08: #022a48;
287
- --label-sky-09: #011d33;
288
- --label-sky-10: #01111d;
285
+ --label-sky-07: #033b67;
286
+ --label-sky-08: #022a49;
287
+ --label-sky-09: #011e33;
288
+ --label-sky-10: #01111e;
289
289
  --label-sky: #4daffa;
290
290
  --label-aqua-01: #07cbb4;
291
- --label-aqua-02: #07bca7;
291
+ --label-aqua-02: #07bca6;
292
292
  --label-aqua-03: #06a391;
293
293
  --label-aqua-04: #058d7d;
294
294
  --label-aqua-05: #047467;
295
- --label-aqua-06: #035a4f;
295
+ --label-aqua-06: #035a50;
296
296
  --label-aqua-07: #02413a;
297
297
  --label-aqua-08: #022e28;
298
298
  --label-aqua-09: #01201c;
@@ -300,27 +300,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
300
300
  --label-aqua: #74faea;
301
301
  --label-green-01: #21d208;
302
302
  --label-green-02: #1ec108;
303
- --label-green-03: #1aa907;
303
+ --label-green-03: #1ba907;
304
304
  --label-green-04: #179106;
305
305
  --label-green-05: #137805;
306
306
  --label-green-06: #0f5c04;
307
307
  --label-green-07: #0b4303;
308
- --label-green-08: #073002;
308
+ --label-green-08: #072f02;
309
309
  --label-green-09: #052101;
310
- --label-green-10: #031201;
310
+ --label-green-10: #031301;
311
311
  --label-green: #78f966;
312
312
  --label-lime-01: #94c505;
313
313
  --label-lime-02: #89b604;
314
314
  --label-lime-03: #779e04;
315
315
  --label-lime-04: #668903;
316
316
  --label-lime-05: #547003;
317
- --label-lime-06: #415702;
317
+ --label-lime-06: #415602;
318
318
  --label-lime-07: #2f3f01;
319
319
  --label-lime-08: #212c01;
320
- --label-lime-09: #161e01;
321
- --label-lime-10: #0c1000;
320
+ --label-lime-09: #171f01;
321
+ --label-lime-10: #0d1100;
322
322
  --label-lime: #cffb50;
323
- --label-yellow-01: #d1b507;
323
+ --label-yellow-01: #d1b407;
324
324
  --label-yellow-02: #c1a607;
325
325
  --label-yellow-03: #a89106;
326
326
  --label-yellow-04: #917d05;
@@ -328,18 +328,18 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
328
328
  --label-yellow-06: #5c4f03;
329
329
  --label-yellow-07: #423902;
330
330
  --label-yellow-08: #2e2802;
331
- --label-yellow-09: #201c01;
332
- --label-yellow-10: #110e01;
331
+ --label-yellow-09: #201b01;
332
+ --label-yellow-10: #110f01;
333
333
  --label-yellow: #f9e14e;
334
334
  --label-orange-01: #f6a178;
335
- --label-orange-02: #f48c5a;
335
+ --label-orange-02: #f48c5b;
336
336
  --label-orange-03: #f06826;
337
337
  --label-orange-04: #d9510f;
338
338
  --label-orange-05: #b3430c;
339
339
  --label-orange-06: #8b3309;
340
- --label-orange-07: #652507;
341
- --label-orange-08: #481b05;
342
- --label-orange-09: #321203;
340
+ --label-orange-07: #652607;
341
+ --label-orange-08: #471a05;
342
+ --label-orange-09: #321303;
343
343
  --label-orange-10: #1b0a02;
344
344
  --label-orange: #f17032;
345
345
  }
package/dist/css/colors-rgb-brand-synbee.css CHANGED
@@ -1,82 +1,208 @@
1
1
  /*
2
2
  Generated by Style Dictionary
3
3
  Do not edit directly
4
- Generated at Tue, 15 Feb 2022 10:42:02 GMT
4
+ Generated at Mon, 27 Jun 2022 07:54:51 GMT
5
5
  */
6
6
 
7
7
  :root {
8
8
  --brand-synbee-eolo-01: 43, 64, 102;
9
- --brand-synbee-eolo-02: 50, 75, 118;
9
+ --brand-synbee-eolo-02: 50, 74, 118;
10
10
  --brand-synbee-eolo-03: 61, 91, 145;
11
11
  --brand-synbee-eolo-04: 73, 109, 173;
12
- --brand-synbee-eolo-05: 100, 133, 190;
12
+ --brand-synbee-eolo-05: 101, 133, 190;
13
13
  --brand-synbee-eolo-06: 138, 162, 206;
14
- --brand-synbee-eolo-07: 177, 193, 222;
15
- --brand-synbee-eolo-08: 206, 217, 235;
16
- --brand-synbee-eolo-09: 225, 232, 242;
17
- --brand-synbee-eolo-10: 242, 244, 249;
14
+ --brand-synbee-eolo-07: 176, 193, 222;
15
+ --brand-synbee-eolo-08: 207, 217, 235;
16
+ --brand-synbee-eolo-09: 227, 233, 243;
17
+ --brand-synbee-eolo-10: 242, 245, 249;
18
18
  --brand-synbee-eolo: 89, 124, 185;
19
+ --brand-synbee-eolo-v1-01: 26, 38, 61;
20
+ --brand-synbee-eolo-v1-02: 35, 52, 82;
21
+ --brand-synbee-eolo-v1-03: 43, 64, 102;
22
+ --brand-synbee-eolo-v1-04: 51, 76, 121;
23
+ --brand-synbee-eolo-v1-05: 59, 89, 141;
24
+ --brand-synbee-eolo-v1-06: 68, 101, 160;
25
+ --brand-synbee-eolo-v1-07: 76, 114, 180;
26
+ --brand-synbee-eolo-v1-08: 93, 128, 187;
27
+ --brand-synbee-eolo-v1-09: 112, 142, 195;
28
+ --brand-synbee-eolo-v1-10: 133, 158, 203;
29
+ --brand-synbee-eolo-v1-11: 152, 174, 212;
30
+ --brand-synbee-eolo-v1-12: 172, 189, 220;
31
+ --brand-synbee-eolo-v1-13: 188, 202, 227;
32
+ --brand-synbee-eolo-v1-14: 198, 210, 231;
33
+ --brand-synbee-eolo-v1-15: 207, 217, 235;
34
+ --brand-synbee-eolo-v1-16: 216, 224, 238;
35
+ --brand-synbee-eolo-v1-17: 224, 231, 242;
36
+ --brand-synbee-eolo-v1-18: 233, 238, 246;
37
+ --brand-synbee-eolo-v1-19: 240, 243, 249;
38
+ --brand-synbee-eolo-v1-20: 246, 248, 251;
39
+ --brand-synbee-eolo-v1: 89, 124, 185;
19
40
  --brand-synbee-01: 81, 62, 0;
20
- --brand-synbee-02: 93, 72, 0;
41
+ --brand-synbee-02: 94, 72, 0;
21
42
  --brand-synbee-03: 115, 88, 0;
22
43
  --brand-synbee-04: 137, 105, 0;
23
44
  --brand-synbee-05: 166, 127, 0;
24
45
  --brand-synbee-06: 201, 155, 0;
25
46
  --brand-synbee-07: 239, 184, 0;
26
- --brand-synbee-08: 255, 212, 71;
27
- --brand-synbee-09: 255, 231, 152;
28
- --brand-synbee-10: 255, 245, 212;
47
+ --brand-synbee-08: 255, 212, 70;
48
+ --brand-synbee-09: 255, 232, 154;
49
+ --brand-synbee-10: 255, 245, 213;
29
50
  --brand-synbee: 255, 207, 48;
51
+ --adjust-tone-01: 38, 38, 38;
52
+ --adjust-tone-02: 52, 52, 52;
53
+ --adjust-tone-03: 64, 64, 64;
54
+ --adjust-tone-04: 76, 76, 76;
55
+ --adjust-tone-05: 89, 89, 89;
56
+ --adjust-tone-06: 101, 101, 101;
57
+ --adjust-tone-07: 114, 114, 114;
58
+ --adjust-tone-08: 127, 127, 127;
59
+ --adjust-tone-09: 141, 141, 141;
60
+ --adjust-tone-10: 157, 157, 157;
61
+ --adjust-tone-11: 172, 172, 172;
62
+ --adjust-tone-12: 188, 188, 188;
63
+ --adjust-tone-13: 201, 201, 201;
64
+ --adjust-tone-14: 210, 210, 210;
65
+ --adjust-tone-15: 217, 217, 217;
66
+ --adjust-tone-16: 223, 223, 223;
67
+ --adjust-tone-17: 231, 231, 231;
68
+ --adjust-tone-18: 237, 237, 237;
69
+ --adjust-tone-19: 243, 243, 243;
70
+ --adjust-tone-20: 249, 249, 249;
71
+ --adjust-tone: 255, 255, 255;
30
72
  }
31
73
 
32
74
  :root .dark-mode {
33
75
  --brand-synbee-eolo-01: 163, 182, 216;
34
76
  --brand-synbee-eolo-02: 145, 168, 209;
35
- --brand-synbee-eolo-03: 117, 146, 197;
77
+ --brand-synbee-eolo-03: 118, 146, 197;
36
78
  --brand-synbee-eolo-04: 91, 126, 186;
37
79
  --brand-synbee-eolo-05: 69, 103, 163;
38
80
  --brand-synbee-eolo-06: 53, 79, 125;
39
- --brand-synbee-eolo-07: 38, 57, 90;
40
- --brand-synbee-eolo-08: 27, 40, 64;
41
- --brand-synbee-eolo-09: 18, 28, 44;
42
- --brand-synbee-eolo-10: 10, 15, 23;
81
+ --brand-synbee-eolo-07: 38, 57, 91;
82
+ --brand-synbee-eolo-08: 27, 40, 63;
83
+ --brand-synbee-eolo-09: 19, 28, 44;
84
+ --brand-synbee-eolo-10: 9, 14, 22;
43
85
  --brand-synbee-eolo: 89, 124, 185;
86
+ --brand-synbee-eolo-v1-01: 209, 218, 235;
87
+ --brand-synbee-eolo-v1-02: 186, 200, 226;
88
+ --brand-synbee-eolo-v1-03: 163, 182, 216;
89
+ --brand-synbee-eolo-v1-04: 142, 166, 207;
90
+ --brand-synbee-eolo-v1-05: 122, 150, 199;
91
+ --brand-synbee-eolo-v1-06: 102, 134, 191;
92
+ --brand-synbee-eolo-v1-07: 85, 121, 183;
93
+ --brand-synbee-eolo-v1-08: 72, 108, 170;
94
+ --brand-synbee-eolo-v1-09: 64, 95, 151;
95
+ --brand-synbee-eolo-v1-10: 55, 82, 130;
96
+ --brand-synbee-eolo-v1-11: 47, 71, 112;
97
+ --brand-synbee-eolo-v1-12: 40, 60, 94;
98
+ --brand-synbee-eolo-v1-13: 34, 51, 81;
99
+ --brand-synbee-eolo-v1-14: 30, 45, 71;
100
+ --brand-synbee-eolo-v1-15: 27, 40, 63;
101
+ --brand-synbee-eolo-v1-16: 23, 35, 55;
102
+ --brand-synbee-eolo-v1-17: 19, 29, 46;
103
+ --brand-synbee-eolo-v1-18: 16, 23, 37;
104
+ --brand-synbee-eolo-v1-19: 11, 16, 26;
105
+ --brand-synbee-eolo-v1-20: 6, 9, 15;
106
+ --brand-synbee-eolo-v1: 89, 124, 185;
44
107
  --brand-synbee-01: 226, 174, 0;
45
108
  --brand-synbee-02: 209, 160, 0;
46
- --brand-synbee-03: 182, 139, 0;
109
+ --brand-synbee-03: 182, 140, 0;
47
110
  --brand-synbee-04: 157, 120, 0;
48
111
  --brand-synbee-05: 129, 99, 0;
49
112
  --brand-synbee-06: 100, 76, 0;
50
113
  --brand-synbee-07: 72, 55, 0;
51
114
  --brand-synbee-08: 51, 39, 0;
52
115
  --brand-synbee-09: 35, 27, 0;
53
- --brand-synbee-10: 19, 15, 0;
116
+ --brand-synbee-10: 18, 14, 0;
54
117
  --brand-synbee: 255, 207, 48;
118
+ --adjust-tone-01: 217, 217, 217;
119
+ --adjust-tone-02: 199, 199, 199;
120
+ --adjust-tone-03: 181, 181, 181;
121
+ --adjust-tone-04: 164, 164, 164;
122
+ --adjust-tone-05: 149, 149, 149;
123
+ --adjust-tone-06: 133, 133, 133;
124
+ --adjust-tone-07: 120, 120, 120;
125
+ --adjust-tone-08: 108, 108, 108;
126
+ --adjust-tone-09: 96, 96, 96;
127
+ --adjust-tone-10: 82, 82, 82;
128
+ --adjust-tone-11: 71, 71, 71;
129
+ --adjust-tone-12: 60, 60, 60;
130
+ --adjust-tone-13: 51, 51, 51;
131
+ --adjust-tone-14: 45, 45, 45;
132
+ --adjust-tone-15: 40, 40, 40;
133
+ --adjust-tone-16: 34, 34, 34;
134
+ --adjust-tone-17: 29, 29, 29;
135
+ --adjust-tone-18: 24, 24, 24;
136
+ --adjust-tone-19: 16, 16, 16;
137
+ --adjust-tone-20: 8, 8, 8;
138
+ --adjust-tone: 0, 0, 0;
55
139
  }
56
140
 
57
141
  @media (prefers-color-scheme: dark) {
58
142
  :root .dark-mode-os {
59
143
  --brand-synbee-eolo-01: 163, 182, 216;
60
144
  --brand-synbee-eolo-02: 145, 168, 209;
61
- --brand-synbee-eolo-03: 117, 146, 197;
145
+ --brand-synbee-eolo-03: 118, 146, 197;
62
146
  --brand-synbee-eolo-04: 91, 126, 186;
63
147
  --brand-synbee-eolo-05: 69, 103, 163;
64
148
  --brand-synbee-eolo-06: 53, 79, 125;
65
- --brand-synbee-eolo-07: 38, 57, 90;
66
- --brand-synbee-eolo-08: 27, 40, 64;
67
- --brand-synbee-eolo-09: 18, 28, 44;
68
- --brand-synbee-eolo-10: 10, 15, 23;
149
+ --brand-synbee-eolo-07: 38, 57, 91;
150
+ --brand-synbee-eolo-08: 27, 40, 63;
151
+ --brand-synbee-eolo-09: 19, 28, 44;
152
+ --brand-synbee-eolo-10: 9, 14, 22;
69
153
  --brand-synbee-eolo: 89, 124, 185;
154
+ --brand-synbee-eolo-v1-01: 209, 218, 235;
155
+ --brand-synbee-eolo-v1-02: 186, 200, 226;
156
+ --brand-synbee-eolo-v1-03: 163, 182, 216;
157
+ --brand-synbee-eolo-v1-04: 142, 166, 207;
158
+ --brand-synbee-eolo-v1-05: 122, 150, 199;
159
+ --brand-synbee-eolo-v1-06: 102, 134, 191;
160
+ --brand-synbee-eolo-v1-07: 85, 121, 183;
161
+ --brand-synbee-eolo-v1-08: 72, 108, 170;
162
+ --brand-synbee-eolo-v1-09: 64, 95, 151;
163
+ --brand-synbee-eolo-v1-10: 55, 82, 130;
164
+ --brand-synbee-eolo-v1-11: 47, 71, 112;
165
+ --brand-synbee-eolo-v1-12: 40, 60, 94;
166
+ --brand-synbee-eolo-v1-13: 34, 51, 81;
167
+ --brand-synbee-eolo-v1-14: 30, 45, 71;
168
+ --brand-synbee-eolo-v1-15: 27, 40, 63;
169
+ --brand-synbee-eolo-v1-16: 23, 35, 55;
170
+ --brand-synbee-eolo-v1-17: 19, 29, 46;
171
+ --brand-synbee-eolo-v1-18: 16, 23, 37;
172
+ --brand-synbee-eolo-v1-19: 11, 16, 26;
173
+ --brand-synbee-eolo-v1-20: 6, 9, 15;
174
+ --brand-synbee-eolo-v1: 89, 124, 185;
70
175
  --brand-synbee-01: 226, 174, 0;
71
176
  --brand-synbee-02: 209, 160, 0;
72
- --brand-synbee-03: 182, 139, 0;
177
+ --brand-synbee-03: 182, 140, 0;
73
178
  --brand-synbee-04: 157, 120, 0;
74
179
  --brand-synbee-05: 129, 99, 0;
75
180
  --brand-synbee-06: 100, 76, 0;
76
181
  --brand-synbee-07: 72, 55, 0;
77
182
  --brand-synbee-08: 51, 39, 0;
78
183
  --brand-synbee-09: 35, 27, 0;
79
- --brand-synbee-10: 19, 15, 0;
184
+ --brand-synbee-10: 18, 14, 0;
80
185
  --brand-synbee: 255, 207, 48;
186
+ --adjust-tone-01: 217, 217, 217;
187
+ --adjust-tone-02: 199, 199, 199;
188
+ --adjust-tone-03: 181, 181, 181;
189
+ --adjust-tone-04: 164, 164, 164;
190
+ --adjust-tone-05: 149, 149, 149;
191
+ --adjust-tone-06: 133, 133, 133;
192
+ --adjust-tone-07: 120, 120, 120;
193
+ --adjust-tone-08: 108, 108, 108;
194
+ --adjust-tone-09: 96, 96, 96;
195
+ --adjust-tone-10: 82, 82, 82;
196
+ --adjust-tone-11: 71, 71, 71;
197
+ --adjust-tone-12: 60, 60, 60;
198
+ --adjust-tone-13: 51, 51, 51;
199
+ --adjust-tone-14: 45, 45, 45;
200
+ --adjust-tone-15: 40, 40, 40;
201
+ --adjust-tone-16: 34, 34, 34;
202
+ --adjust-tone-17: 29, 29, 29;
203
+ --adjust-tone-18: 24, 24, 24;
204
+ --adjust-tone-19: 16, 16, 16;
205
+ --adjust-tone-20: 8, 8, 8;
206
+ --adjust-tone: 0, 0, 0;
81
207
  }
82
208
  }