@maggioli-design-system/design-tokens 6.4.1 → 7.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.
- package/README.md +1 -0
- package/dist/android/colors.xml +85 -23
- package/dist/css/colors-brand-synbee.css +127 -1
- package/dist/css/colors-brand.css +1 -1
- package/dist/css/colors-label.css +1 -1
- package/dist/css/colors-rgb-brand-synbee.css +127 -1
- package/dist/css/colors-rgb-brand.css +1 -1
- package/dist/css/colors-rgb-label.css +1 -1
- package/dist/css/colors-rgb-status.css +1 -1
- package/dist/css/colors-rgb-tones.css +1 -34
- package/dist/css/colors-rgb.css +127 -34
- package/dist/css/colors-status.css +1 -1
- package/dist/css/colors-tones.css +1 -34
- package/dist/css/colors.css +127 -34
- package/dist/ios/StyleDictionaryColor.h +85 -23
- package/dist/ios/StyleDictionaryColor.m +85 -23
- package/dist/ios-swift/StyleDictionary.swift +81 -19
- package/dist/ios-swift/StyleDictionaryColor.swift +81 -19
- package/dist/js/colors-css-vars.js +34 -1
- package/dist/js/tailwind-colors-css-vars.js +32 -1
- package/dist/properties/color/base.json +266 -74
- package/dist/properties/color/brand-synbee.json +266 -0
- package/dist/properties/color/tones.json +0 -74
- package/dist/scss/variables.scss +183 -53
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
#### design-tokens
|
|
4
4
|
|
|
5
|
+
|
|
5
6
|
Design Tokens generates properties for colors and other type of agnostic tokens targeted on specific plaforms, like web, Android or iOS formats.
|
|
6
7
|
|
|
7
8
|
This library is based on [Adobe Leonardo][adobe-leonardo] and [Amazon Style Dictionary][style-dictionary].
|
package/dist/android/colors.xml
CHANGED
|
@@ -2,31 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Thu, 12 May 2022 08:23:01 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
|
-
<color name="color_adjust_tone_light_1">#ff212121</color>
|
|
9
|
-
<color name="color_adjust_tone_light_2">#ff282828</color>
|
|
10
|
-
<color name="color_adjust_tone_light_3">#ff404040</color>
|
|
11
|
-
<color name="color_adjust_tone_light_4">#ff545454</color>
|
|
12
|
-
<color name="color_adjust_tone_light_5">#ff717171</color>
|
|
13
|
-
<color name="color_adjust_tone_light_6">#ffa2a2a2</color>
|
|
14
|
-
<color name="color_adjust_tone_light_7">#ffd5d5d5</color>
|
|
15
|
-
<color name="color_adjust_tone_light_8">#ffe7e7e7</color>
|
|
16
|
-
<color name="color_adjust_tone_light_9">#fff3f3f3</color>
|
|
17
|
-
<color name="color_adjust_tone_light_10">#fff9f9f9</color>
|
|
18
|
-
<color name="color_adjust_tone_light_color">#ffffffff</color>
|
|
19
|
-
<color name="color_adjust_tone_dark_1">#ffe0e0e0</color>
|
|
20
|
-
<color name="color_adjust_tone_dark_2">#ffd7d7d7</color>
|
|
21
|
-
<color name="color_adjust_tone_dark_3">#ffb5b5b5</color>
|
|
22
|
-
<color name="color_adjust_tone_dark_4">#ff9b9b9b</color>
|
|
23
|
-
<color name="color_adjust_tone_dark_5">#ff797979</color>
|
|
24
|
-
<color name="color_adjust_tone_dark_6">#ff4f4f4f</color>
|
|
25
|
-
<color name="color_adjust_tone_dark_7">#ff2b2b2b</color>
|
|
26
|
-
<color name="color_adjust_tone_dark_8">#ff1d1d1d</color>
|
|
27
|
-
<color name="color_adjust_tone_dark_9">#ff101010</color>
|
|
28
|
-
<color name="color_adjust_tone_dark_10">#ff080808</color>
|
|
29
|
-
<color name="color_adjust_tone_dark_color">#ff000000</color>
|
|
30
8
|
<color name="color_tone_slate_light_1">#ff1c222a</color>
|
|
31
9
|
<color name="color_tone_slate_light_2">#ff212932</color>
|
|
32
10
|
<color name="color_tone_slate_light_3">#ff364151</color>
|
|
@@ -181,6 +159,48 @@
|
|
|
181
159
|
<color name="color_brand_synbee_eolo_dark_9">#ff121c2c</color>
|
|
182
160
|
<color name="color_brand_synbee_eolo_dark_10">#ff0a0f17</color>
|
|
183
161
|
<color name="color_brand_synbee_eolo_dark_color">#ff597cb9</color>
|
|
162
|
+
<color name="color_brand_synbee_eolo_v1_light_1">#ff1a263d</color>
|
|
163
|
+
<color name="color_brand_synbee_eolo_v1_light_2">#ff233453</color>
|
|
164
|
+
<color name="color_brand_synbee_eolo_v1_light_3">#ff2b4066</color>
|
|
165
|
+
<color name="color_brand_synbee_eolo_v1_light_4">#ff334c79</color>
|
|
166
|
+
<color name="color_brand_synbee_eolo_v1_light_5">#ff3b598d</color>
|
|
167
|
+
<color name="color_brand_synbee_eolo_v1_light_6">#ff4466a0</color>
|
|
168
|
+
<color name="color_brand_synbee_eolo_v1_light_7">#ff4c72b4</color>
|
|
169
|
+
<color name="color_brand_synbee_eolo_v1_light_8">#ff5d7fbb</color>
|
|
170
|
+
<color name="color_brand_synbee_eolo_v1_light_9">#ff708ec3</color>
|
|
171
|
+
<color name="color_brand_synbee_eolo_v1_light_10">#ff859ecb</color>
|
|
172
|
+
<color name="color_brand_synbee_eolo_v1_light_11">#ff98aed4</color>
|
|
173
|
+
<color name="color_brand_synbee_eolo_v1_light_12">#ffabbddc</color>
|
|
174
|
+
<color name="color_brand_synbee_eolo_v1_light_13">#ffbccae3</color>
|
|
175
|
+
<color name="color_brand_synbee_eolo_v1_light_14">#ffc6d2e7</color>
|
|
176
|
+
<color name="color_brand_synbee_eolo_v1_light_15">#ffced9eb</color>
|
|
177
|
+
<color name="color_brand_synbee_eolo_v1_light_16">#ffd9e1ef</color>
|
|
178
|
+
<color name="color_brand_synbee_eolo_v1_light_17">#ffe0e7f2</color>
|
|
179
|
+
<color name="color_brand_synbee_eolo_v1_light_18">#ffe9eef6</color>
|
|
180
|
+
<color name="color_brand_synbee_eolo_v1_light_19">#fff2f4f9</color>
|
|
181
|
+
<color name="color_brand_synbee_eolo_v1_light_20">#fff7f9fc</color>
|
|
182
|
+
<color name="color_brand_synbee_eolo_v1_light_color">#ff597cb9</color>
|
|
183
|
+
<color name="color_brand_synbee_eolo_v1_dark_1">#ffd1daeb</color>
|
|
184
|
+
<color name="color_brand_synbee_eolo_v1_dark_2">#ffbac8e2</color>
|
|
185
|
+
<color name="color_brand_synbee_eolo_v1_dark_3">#ffa3b6d8</color>
|
|
186
|
+
<color name="color_brand_synbee_eolo_v1_dark_4">#ff8ea6cf</color>
|
|
187
|
+
<color name="color_brand_synbee_eolo_v1_dark_5">#ff7a96c7</color>
|
|
188
|
+
<color name="color_brand_synbee_eolo_v1_dark_6">#ff6686bf</color>
|
|
189
|
+
<color name="color_brand_synbee_eolo_v1_dark_7">#ff5579b7</color>
|
|
190
|
+
<color name="color_brand_synbee_eolo_v1_dark_8">#ff486cab</color>
|
|
191
|
+
<color name="color_brand_synbee_eolo_v1_dark_9">#ff405f97</color>
|
|
192
|
+
<color name="color_brand_synbee_eolo_v1_dark_10">#ff375282</color>
|
|
193
|
+
<color name="color_brand_synbee_eolo_v1_dark_11">#ff2f4770</color>
|
|
194
|
+
<color name="color_brand_synbee_eolo_v1_dark_12">#ff283c5e</color>
|
|
195
|
+
<color name="color_brand_synbee_eolo_v1_dark_13">#ff223351</color>
|
|
196
|
+
<color name="color_brand_synbee_eolo_v1_dark_14">#ff1e2d47</color>
|
|
197
|
+
<color name="color_brand_synbee_eolo_v1_dark_15">#ff1b2840</color>
|
|
198
|
+
<color name="color_brand_synbee_eolo_v1_dark_16">#ff172337</color>
|
|
199
|
+
<color name="color_brand_synbee_eolo_v1_dark_17">#ff141d2e</color>
|
|
200
|
+
<color name="color_brand_synbee_eolo_v1_dark_18">#ff101826</color>
|
|
201
|
+
<color name="color_brand_synbee_eolo_v1_dark_19">#ff0b111a</color>
|
|
202
|
+
<color name="color_brand_synbee_eolo_v1_dark_20">#ff070b11</color>
|
|
203
|
+
<color name="color_brand_synbee_eolo_v1_dark_color">#ff597cb9</color>
|
|
184
204
|
<color name="color_brand_synbee_light_1">#ff513e00</color>
|
|
185
205
|
<color name="color_brand_synbee_light_2">#ff5d4800</color>
|
|
186
206
|
<color name="color_brand_synbee_light_3">#ff735800</color>
|
|
@@ -203,6 +223,48 @@
|
|
|
203
223
|
<color name="color_brand_synbee_dark_9">#ff231b00</color>
|
|
204
224
|
<color name="color_brand_synbee_dark_10">#ff130f00</color>
|
|
205
225
|
<color name="color_brand_synbee_dark_color">#ffffcf30</color>
|
|
226
|
+
<color name="color_adjust_tone_light_1">#ff262626</color>
|
|
227
|
+
<color name="color_adjust_tone_light_2">#ff343434</color>
|
|
228
|
+
<color name="color_adjust_tone_light_3">#ff404040</color>
|
|
229
|
+
<color name="color_adjust_tone_light_4">#ff4c4c4c</color>
|
|
230
|
+
<color name="color_adjust_tone_light_5">#ff595959</color>
|
|
231
|
+
<color name="color_adjust_tone_light_6">#ff656565</color>
|
|
232
|
+
<color name="color_adjust_tone_light_7">#ff727272</color>
|
|
233
|
+
<color name="color_adjust_tone_light_8">#ff7f7f7f</color>
|
|
234
|
+
<color name="color_adjust_tone_light_9">#ff8d8d8d</color>
|
|
235
|
+
<color name="color_adjust_tone_light_10">#ff9d9d9d</color>
|
|
236
|
+
<color name="color_adjust_tone_light_11">#ffacacac</color>
|
|
237
|
+
<color name="color_adjust_tone_light_12">#ffbcbcbc</color>
|
|
238
|
+
<color name="color_adjust_tone_light_13">#ffc9c9c9</color>
|
|
239
|
+
<color name="color_adjust_tone_light_14">#ffd2d2d2</color>
|
|
240
|
+
<color name="color_adjust_tone_light_15">#ffd9d9d9</color>
|
|
241
|
+
<color name="color_adjust_tone_light_16">#ffdfdfdf</color>
|
|
242
|
+
<color name="color_adjust_tone_light_17">#ffe7e7e7</color>
|
|
243
|
+
<color name="color_adjust_tone_light_18">#ffededed</color>
|
|
244
|
+
<color name="color_adjust_tone_light_19">#fff3f3f3</color>
|
|
245
|
+
<color name="color_adjust_tone_light_20">#fff9f9f9</color>
|
|
246
|
+
<color name="color_adjust_tone_light_color">#ffffffff</color>
|
|
247
|
+
<color name="color_adjust_tone_dark_1">#ffd9d9d9</color>
|
|
248
|
+
<color name="color_adjust_tone_dark_2">#ffc7c7c7</color>
|
|
249
|
+
<color name="color_adjust_tone_dark_3">#ffb5b5b5</color>
|
|
250
|
+
<color name="color_adjust_tone_dark_4">#ffa4a4a4</color>
|
|
251
|
+
<color name="color_adjust_tone_dark_5">#ff959595</color>
|
|
252
|
+
<color name="color_adjust_tone_dark_6">#ff858585</color>
|
|
253
|
+
<color name="color_adjust_tone_dark_7">#ff787878</color>
|
|
254
|
+
<color name="color_adjust_tone_dark_8">#ff6c6c6c</color>
|
|
255
|
+
<color name="color_adjust_tone_dark_9">#ff606060</color>
|
|
256
|
+
<color name="color_adjust_tone_dark_10">#ff525252</color>
|
|
257
|
+
<color name="color_adjust_tone_dark_11">#ff474747</color>
|
|
258
|
+
<color name="color_adjust_tone_dark_12">#ff3c3c3c</color>
|
|
259
|
+
<color name="color_adjust_tone_dark_13">#ff333333</color>
|
|
260
|
+
<color name="color_adjust_tone_dark_14">#ff2d2d2d</color>
|
|
261
|
+
<color name="color_adjust_tone_dark_15">#ff282828</color>
|
|
262
|
+
<color name="color_adjust_tone_dark_16">#ff222222</color>
|
|
263
|
+
<color name="color_adjust_tone_dark_17">#ff1d1d1d</color>
|
|
264
|
+
<color name="color_adjust_tone_dark_18">#ff181818</color>
|
|
265
|
+
<color name="color_adjust_tone_dark_19">#ff101010</color>
|
|
266
|
+
<color name="color_adjust_tone_dark_20">#ff080808</color>
|
|
267
|
+
<color name="color_adjust_tone_dark_color">#ff000000</color>
|
|
206
268
|
<color name="color_status_info_light_1">#ff0c465a</color>
|
|
207
269
|
<color name="color_status_info_light_2">#ff0e5168</color>
|
|
208
270
|
<color name="color_status_info_light_3">#ff11637f</color>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Generated by Style Dictionary
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated at
|
|
4
|
+
Generated at Thu, 12 May 2022 08:23:01 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
:root {
|
|
@@ -16,6 +16,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
16
16
|
--brand-synbee-eolo-09: #e1e8f2;
|
|
17
17
|
--brand-synbee-eolo-10: #f2f4f9;
|
|
18
18
|
--brand-synbee-eolo: #597cb9;
|
|
19
|
+
--brand-synbee-eolo-v1-01: #1a263d;
|
|
20
|
+
--brand-synbee-eolo-v1-02: #233453;
|
|
21
|
+
--brand-synbee-eolo-v1-03: #2b4066;
|
|
22
|
+
--brand-synbee-eolo-v1-04: #334c79;
|
|
23
|
+
--brand-synbee-eolo-v1-05: #3b598d;
|
|
24
|
+
--brand-synbee-eolo-v1-06: #4466a0;
|
|
25
|
+
--brand-synbee-eolo-v1-07: #4c72b4;
|
|
26
|
+
--brand-synbee-eolo-v1-08: #5d7fbb;
|
|
27
|
+
--brand-synbee-eolo-v1-09: #708ec3;
|
|
28
|
+
--brand-synbee-eolo-v1-10: #859ecb;
|
|
29
|
+
--brand-synbee-eolo-v1-11: #98aed4;
|
|
30
|
+
--brand-synbee-eolo-v1-12: #abbddc;
|
|
31
|
+
--brand-synbee-eolo-v1-13: #bccae3;
|
|
32
|
+
--brand-synbee-eolo-v1-14: #c6d2e7;
|
|
33
|
+
--brand-synbee-eolo-v1-15: #ced9eb;
|
|
34
|
+
--brand-synbee-eolo-v1-16: #d9e1ef;
|
|
35
|
+
--brand-synbee-eolo-v1-17: #e0e7f2;
|
|
36
|
+
--brand-synbee-eolo-v1-18: #e9eef6;
|
|
37
|
+
--brand-synbee-eolo-v1-19: #f2f4f9;
|
|
38
|
+
--brand-synbee-eolo-v1-20: #f7f9fc;
|
|
39
|
+
--brand-synbee-eolo-v1: #597cb9;
|
|
19
40
|
--brand-synbee-01: #513e00;
|
|
20
41
|
--brand-synbee-02: #5d4800;
|
|
21
42
|
--brand-synbee-03: #735800;
|
|
@@ -27,6 +48,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
27
48
|
--brand-synbee-09: #ffe798;
|
|
28
49
|
--brand-synbee-10: #fff5d4;
|
|
29
50
|
--brand-synbee: #ffcf30;
|
|
51
|
+
--adjust-tone-01: #262626;
|
|
52
|
+
--adjust-tone-02: #343434;
|
|
53
|
+
--adjust-tone-03: #404040;
|
|
54
|
+
--adjust-tone-04: #4c4c4c;
|
|
55
|
+
--adjust-tone-05: #595959;
|
|
56
|
+
--adjust-tone-06: #656565;
|
|
57
|
+
--adjust-tone-07: #727272;
|
|
58
|
+
--adjust-tone-08: #7f7f7f;
|
|
59
|
+
--adjust-tone-09: #8d8d8d;
|
|
60
|
+
--adjust-tone-10: #9d9d9d;
|
|
61
|
+
--adjust-tone-11: #acacac;
|
|
62
|
+
--adjust-tone-12: #bcbcbc;
|
|
63
|
+
--adjust-tone-13: #c9c9c9;
|
|
64
|
+
--adjust-tone-14: #d2d2d2;
|
|
65
|
+
--adjust-tone-15: #d9d9d9;
|
|
66
|
+
--adjust-tone-16: #dfdfdf;
|
|
67
|
+
--adjust-tone-17: #e7e7e7;
|
|
68
|
+
--adjust-tone-18: #ededed;
|
|
69
|
+
--adjust-tone-19: #f3f3f3;
|
|
70
|
+
--adjust-tone-20: #f9f9f9;
|
|
71
|
+
--adjust-tone: #ffffff;
|
|
30
72
|
}
|
|
31
73
|
|
|
32
74
|
:root .dark-mode {
|
|
@@ -41,6 +83,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
41
83
|
--brand-synbee-eolo-09: #121c2c;
|
|
42
84
|
--brand-synbee-eolo-10: #0a0f17;
|
|
43
85
|
--brand-synbee-eolo: #597cb9;
|
|
86
|
+
--brand-synbee-eolo-v1-01: #d1daeb;
|
|
87
|
+
--brand-synbee-eolo-v1-02: #bac8e2;
|
|
88
|
+
--brand-synbee-eolo-v1-03: #a3b6d8;
|
|
89
|
+
--brand-synbee-eolo-v1-04: #8ea6cf;
|
|
90
|
+
--brand-synbee-eolo-v1-05: #7a96c7;
|
|
91
|
+
--brand-synbee-eolo-v1-06: #6686bf;
|
|
92
|
+
--brand-synbee-eolo-v1-07: #5579b7;
|
|
93
|
+
--brand-synbee-eolo-v1-08: #486cab;
|
|
94
|
+
--brand-synbee-eolo-v1-09: #405f97;
|
|
95
|
+
--brand-synbee-eolo-v1-10: #375282;
|
|
96
|
+
--brand-synbee-eolo-v1-11: #2f4770;
|
|
97
|
+
--brand-synbee-eolo-v1-12: #283c5e;
|
|
98
|
+
--brand-synbee-eolo-v1-13: #223351;
|
|
99
|
+
--brand-synbee-eolo-v1-14: #1e2d47;
|
|
100
|
+
--brand-synbee-eolo-v1-15: #1b2840;
|
|
101
|
+
--brand-synbee-eolo-v1-16: #172337;
|
|
102
|
+
--brand-synbee-eolo-v1-17: #141d2e;
|
|
103
|
+
--brand-synbee-eolo-v1-18: #101826;
|
|
104
|
+
--brand-synbee-eolo-v1-19: #0b111a;
|
|
105
|
+
--brand-synbee-eolo-v1-20: #070b11;
|
|
106
|
+
--brand-synbee-eolo-v1: #597cb9;
|
|
44
107
|
--brand-synbee-01: #e2ae00;
|
|
45
108
|
--brand-synbee-02: #d1a000;
|
|
46
109
|
--brand-synbee-03: #b68b00;
|
|
@@ -52,6 +115,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
52
115
|
--brand-synbee-09: #231b00;
|
|
53
116
|
--brand-synbee-10: #130f00;
|
|
54
117
|
--brand-synbee: #ffcf30;
|
|
118
|
+
--adjust-tone-01: #d9d9d9;
|
|
119
|
+
--adjust-tone-02: #c7c7c7;
|
|
120
|
+
--adjust-tone-03: #b5b5b5;
|
|
121
|
+
--adjust-tone-04: #a4a4a4;
|
|
122
|
+
--adjust-tone-05: #959595;
|
|
123
|
+
--adjust-tone-06: #858585;
|
|
124
|
+
--adjust-tone-07: #787878;
|
|
125
|
+
--adjust-tone-08: #6c6c6c;
|
|
126
|
+
--adjust-tone-09: #606060;
|
|
127
|
+
--adjust-tone-10: #525252;
|
|
128
|
+
--adjust-tone-11: #474747;
|
|
129
|
+
--adjust-tone-12: #3c3c3c;
|
|
130
|
+
--adjust-tone-13: #333333;
|
|
131
|
+
--adjust-tone-14: #2d2d2d;
|
|
132
|
+
--adjust-tone-15: #282828;
|
|
133
|
+
--adjust-tone-16: #222222;
|
|
134
|
+
--adjust-tone-17: #1d1d1d;
|
|
135
|
+
--adjust-tone-18: #181818;
|
|
136
|
+
--adjust-tone-19: #101010;
|
|
137
|
+
--adjust-tone-20: #080808;
|
|
138
|
+
--adjust-tone: #000000;
|
|
55
139
|
}
|
|
56
140
|
|
|
57
141
|
@media (prefers-color-scheme: dark) {
|
|
@@ -67,6 +151,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
67
151
|
--brand-synbee-eolo-09: #121c2c;
|
|
68
152
|
--brand-synbee-eolo-10: #0a0f17;
|
|
69
153
|
--brand-synbee-eolo: #597cb9;
|
|
154
|
+
--brand-synbee-eolo-v1-01: #d1daeb;
|
|
155
|
+
--brand-synbee-eolo-v1-02: #bac8e2;
|
|
156
|
+
--brand-synbee-eolo-v1-03: #a3b6d8;
|
|
157
|
+
--brand-synbee-eolo-v1-04: #8ea6cf;
|
|
158
|
+
--brand-synbee-eolo-v1-05: #7a96c7;
|
|
159
|
+
--brand-synbee-eolo-v1-06: #6686bf;
|
|
160
|
+
--brand-synbee-eolo-v1-07: #5579b7;
|
|
161
|
+
--brand-synbee-eolo-v1-08: #486cab;
|
|
162
|
+
--brand-synbee-eolo-v1-09: #405f97;
|
|
163
|
+
--brand-synbee-eolo-v1-10: #375282;
|
|
164
|
+
--brand-synbee-eolo-v1-11: #2f4770;
|
|
165
|
+
--brand-synbee-eolo-v1-12: #283c5e;
|
|
166
|
+
--brand-synbee-eolo-v1-13: #223351;
|
|
167
|
+
--brand-synbee-eolo-v1-14: #1e2d47;
|
|
168
|
+
--brand-synbee-eolo-v1-15: #1b2840;
|
|
169
|
+
--brand-synbee-eolo-v1-16: #172337;
|
|
170
|
+
--brand-synbee-eolo-v1-17: #141d2e;
|
|
171
|
+
--brand-synbee-eolo-v1-18: #101826;
|
|
172
|
+
--brand-synbee-eolo-v1-19: #0b111a;
|
|
173
|
+
--brand-synbee-eolo-v1-20: #070b11;
|
|
174
|
+
--brand-synbee-eolo-v1: #597cb9;
|
|
70
175
|
--brand-synbee-01: #e2ae00;
|
|
71
176
|
--brand-synbee-02: #d1a000;
|
|
72
177
|
--brand-synbee-03: #b68b00;
|
|
@@ -78,5 +183,26 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
78
183
|
--brand-synbee-09: #231b00;
|
|
79
184
|
--brand-synbee-10: #130f00;
|
|
80
185
|
--brand-synbee: #ffcf30;
|
|
186
|
+
--adjust-tone-01: #d9d9d9;
|
|
187
|
+
--adjust-tone-02: #c7c7c7;
|
|
188
|
+
--adjust-tone-03: #b5b5b5;
|
|
189
|
+
--adjust-tone-04: #a4a4a4;
|
|
190
|
+
--adjust-tone-05: #959595;
|
|
191
|
+
--adjust-tone-06: #858585;
|
|
192
|
+
--adjust-tone-07: #787878;
|
|
193
|
+
--adjust-tone-08: #6c6c6c;
|
|
194
|
+
--adjust-tone-09: #606060;
|
|
195
|
+
--adjust-tone-10: #525252;
|
|
196
|
+
--adjust-tone-11: #474747;
|
|
197
|
+
--adjust-tone-12: #3c3c3c;
|
|
198
|
+
--adjust-tone-13: #333333;
|
|
199
|
+
--adjust-tone-14: #2d2d2d;
|
|
200
|
+
--adjust-tone-15: #282828;
|
|
201
|
+
--adjust-tone-16: #222222;
|
|
202
|
+
--adjust-tone-17: #1d1d1d;
|
|
203
|
+
--adjust-tone-18: #181818;
|
|
204
|
+
--adjust-tone-19: #101010;
|
|
205
|
+
--adjust-tone-20: #080808;
|
|
206
|
+
--adjust-tone: #000000;
|
|
81
207
|
}
|
|
82
208
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Generated by Style Dictionary
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated at
|
|
4
|
+
Generated at Thu, 12 May 2022 08:23:01 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
:root {
|
|
@@ -16,6 +16,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
16
16
|
--brand-synbee-eolo-09: 225, 232, 242;
|
|
17
17
|
--brand-synbee-eolo-10: 242, 244, 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, 83;
|
|
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, 102, 160;
|
|
25
|
+
--brand-synbee-eolo-v1-07: 76, 114, 180;
|
|
26
|
+
--brand-synbee-eolo-v1-08: 93, 127, 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: 171, 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: 206, 217, 235;
|
|
34
|
+
--brand-synbee-eolo-v1-16: 217, 225, 239;
|
|
35
|
+
--brand-synbee-eolo-v1-17: 224, 231, 242;
|
|
36
|
+
--brand-synbee-eolo-v1-18: 233, 238, 246;
|
|
37
|
+
--brand-synbee-eolo-v1-19: 242, 244, 249;
|
|
38
|
+
--brand-synbee-eolo-v1-20: 247, 249, 252;
|
|
39
|
+
--brand-synbee-eolo-v1: 89, 124, 185;
|
|
19
40
|
--brand-synbee-01: 81, 62, 0;
|
|
20
41
|
--brand-synbee-02: 93, 72, 0;
|
|
21
42
|
--brand-synbee-03: 115, 88, 0;
|
|
@@ -27,6 +48,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
27
48
|
--brand-synbee-09: 255, 231, 152;
|
|
28
49
|
--brand-synbee-10: 255, 245, 212;
|
|
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 {
|
|
@@ -41,6 +83,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
41
83
|
--brand-synbee-eolo-09: 18, 28, 44;
|
|
42
84
|
--brand-synbee-eolo-10: 10, 15, 23;
|
|
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, 171;
|
|
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, 64;
|
|
101
|
+
--brand-synbee-eolo-v1-16: 23, 35, 55;
|
|
102
|
+
--brand-synbee-eolo-v1-17: 20, 29, 46;
|
|
103
|
+
--brand-synbee-eolo-v1-18: 16, 24, 38;
|
|
104
|
+
--brand-synbee-eolo-v1-19: 11, 17, 26;
|
|
105
|
+
--brand-synbee-eolo-v1-20: 7, 11, 17;
|
|
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
109
|
--brand-synbee-03: 182, 139, 0;
|
|
@@ -52,6 +115,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
52
115
|
--brand-synbee-09: 35, 27, 0;
|
|
53
116
|
--brand-synbee-10: 19, 15, 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) {
|
|
@@ -67,6 +151,27 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
67
151
|
--brand-synbee-eolo-09: 18, 28, 44;
|
|
68
152
|
--brand-synbee-eolo-10: 10, 15, 23;
|
|
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, 171;
|
|
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, 64;
|
|
169
|
+
--brand-synbee-eolo-v1-16: 23, 35, 55;
|
|
170
|
+
--brand-synbee-eolo-v1-17: 20, 29, 46;
|
|
171
|
+
--brand-synbee-eolo-v1-18: 16, 24, 38;
|
|
172
|
+
--brand-synbee-eolo-v1-19: 11, 17, 26;
|
|
173
|
+
--brand-synbee-eolo-v1-20: 7, 11, 17;
|
|
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
177
|
--brand-synbee-03: 182, 139, 0;
|
|
@@ -78,5 +183,26 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
78
183
|
--brand-synbee-09: 35, 27, 0;
|
|
79
184
|
--brand-synbee-10: 19, 15, 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
|
}
|
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Generated by Style Dictionary
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated at
|
|
4
|
+
Generated at Thu, 12 May 2022 08:23:01 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
:root {
|
|
8
|
-
--adjust-tone-01: 33, 33, 33;
|
|
9
|
-
--adjust-tone-02: 40, 40, 40;
|
|
10
|
-
--adjust-tone-03: 64, 64, 64;
|
|
11
|
-
--adjust-tone-04: 84, 84, 84;
|
|
12
|
-
--adjust-tone-05: 113, 113, 113;
|
|
13
|
-
--adjust-tone-06: 162, 162, 162;
|
|
14
|
-
--adjust-tone-07: 213, 213, 213;
|
|
15
|
-
--adjust-tone-08: 231, 231, 231;
|
|
16
|
-
--adjust-tone-09: 243, 243, 243;
|
|
17
|
-
--adjust-tone-10: 249, 249, 249;
|
|
18
|
-
--adjust-tone: 255, 255, 255;
|
|
19
8
|
--tone-slate-01: 28, 34, 42;
|
|
20
9
|
--tone-slate-02: 33, 41, 50;
|
|
21
10
|
--tone-slate-03: 54, 65, 81;
|
|
@@ -74,17 +63,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
74
63
|
}
|
|
75
64
|
|
|
76
65
|
:root .dark-mode {
|
|
77
|
-
--adjust-tone-01: 224, 224, 224;
|
|
78
|
-
--adjust-tone-02: 215, 215, 215;
|
|
79
|
-
--adjust-tone-03: 181, 181, 181;
|
|
80
|
-
--adjust-tone-04: 155, 155, 155;
|
|
81
|
-
--adjust-tone-05: 121, 121, 121;
|
|
82
|
-
--adjust-tone-06: 79, 79, 79;
|
|
83
|
-
--adjust-tone-07: 43, 43, 43;
|
|
84
|
-
--adjust-tone-08: 29, 29, 29;
|
|
85
|
-
--adjust-tone-09: 16, 16, 16;
|
|
86
|
-
--adjust-tone-10: 8, 8, 8;
|
|
87
|
-
--adjust-tone: 0, 0, 0;
|
|
88
66
|
--tone-slate-01: 221, 225, 232;
|
|
89
67
|
--tone-slate-02: 210, 217, 225;
|
|
90
68
|
--tone-slate-03: 171, 182, 199;
|
|
@@ -144,17 +122,6 @@ Generated at Tue, 15 Feb 2022 10:42:02 GMT
|
|
|
144
122
|
|
|
145
123
|
@media (prefers-color-scheme: dark) {
|
|
146
124
|
:root .dark-mode-os {
|
|
147
|
-
--adjust-tone-01: 224, 224, 224;
|
|
148
|
-
--adjust-tone-02: 215, 215, 215;
|
|
149
|
-
--adjust-tone-03: 181, 181, 181;
|
|
150
|
-
--adjust-tone-04: 155, 155, 155;
|
|
151
|
-
--adjust-tone-05: 121, 121, 121;
|
|
152
|
-
--adjust-tone-06: 79, 79, 79;
|
|
153
|
-
--adjust-tone-07: 43, 43, 43;
|
|
154
|
-
--adjust-tone-08: 29, 29, 29;
|
|
155
|
-
--adjust-tone-09: 16, 16, 16;
|
|
156
|
-
--adjust-tone-10: 8, 8, 8;
|
|
157
|
-
--adjust-tone: 0, 0, 0;
|
|
158
125
|
--tone-slate-01: 221, 225, 232;
|
|
159
126
|
--tone-slate-02: 210, 217, 225;
|
|
160
127
|
--tone-slate-03: 171, 182, 199;
|