@react-native-rethemed/radix-ui-tokens 0.1.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.
@@ -0,0 +1,1056 @@
1
+ "use strict";
2
+ // Generated by scripts/generate.ts from @radix-ui/themes@3.3.0 (tokens/*.css).
3
+ // Do not edit by hand: run `pnpm generate` instead.
4
+ Object.defineProperty(exports, "__esModule", { value: true });
5
+ exports.shadows = exports.scalings = exports.radiusFull = exports.radiusFactors = exports.radii = exports.fontWeights = exports.headingLetterSpacing = exports.letterSpacings = exports.headingLineHeights = exports.lineHeights = exports.fontSizes = exports.space = exports.backgroundColors = exports.scales = void 0;
6
+ /** Every color scale: steps `1`–`12`, alpha `a1`–`a12`, and `contrast` / `surface` / `indicator` / `track`, each in light and dark (sRGB hex). */
7
+ exports.scales = {
8
+ gray: {
9
+ 1: { light: '#fcfcfc', dark: '#111111' },
10
+ 2: { light: '#f9f9f9', dark: '#191919' },
11
+ 3: { light: '#f0f0f0', dark: '#222222' },
12
+ 4: { light: '#e8e8e8', dark: '#2a2a2a' },
13
+ 5: { light: '#e0e0e0', dark: '#313131' },
14
+ 6: { light: '#d9d9d9', dark: '#3a3a3a' },
15
+ 7: { light: '#cecece', dark: '#484848' },
16
+ 8: { light: '#bbbbbb', dark: '#606060' },
17
+ 9: { light: '#8d8d8d', dark: '#6e6e6e' },
18
+ 10: { light: '#838383', dark: '#7b7b7b' },
19
+ 11: { light: '#646464', dark: '#b4b4b4' },
20
+ 12: { light: '#202020', dark: '#eeeeee' },
21
+ a1: { light: '#00000003', dark: '#00000000' },
22
+ a2: { light: '#00000006', dark: '#ffffff09' },
23
+ a3: { light: '#0000000f', dark: '#ffffff12' },
24
+ a4: { light: '#00000017', dark: '#ffffff1b' },
25
+ a5: { light: '#0000001f', dark: '#ffffff22' },
26
+ a6: { light: '#00000026', dark: '#ffffff2c' },
27
+ a7: { light: '#00000031', dark: '#ffffff3b' },
28
+ a8: { light: '#00000044', dark: '#ffffff55' },
29
+ a9: { light: '#00000072', dark: '#ffffff64' },
30
+ a10: { light: '#0000007c', dark: '#ffffff72' },
31
+ a11: { light: '#0000009b', dark: '#ffffffaf' },
32
+ a12: { light: '#000000df', dark: '#ffffffed' },
33
+ surface: { light: '#ffffffcc', dark: '#21212180' },
34
+ indicator: { light: '#8d8d8d', dark: '#6e6e6e' },
35
+ track: { light: '#8d8d8d', dark: '#6e6e6e' },
36
+ contrast: { light: '#ffffff', dark: '#ffffff' },
37
+ },
38
+ mauve: {
39
+ 1: { light: '#fdfcfd', dark: '#121113' },
40
+ 2: { light: '#faf9fb', dark: '#1a191b' },
41
+ 3: { light: '#f2eff3', dark: '#232225' },
42
+ 4: { light: '#eae7ec', dark: '#2b292d' },
43
+ 5: { light: '#e3dfe6', dark: '#323035' },
44
+ 6: { light: '#dbd8e0', dark: '#3c393f' },
45
+ 7: { light: '#d0cdd7', dark: '#49474e' },
46
+ 8: { light: '#bcbac7', dark: '#625f69' },
47
+ 9: { light: '#8e8c99', dark: '#6f6d78' },
48
+ 10: { light: '#84828e', dark: '#7c7a85' },
49
+ 11: { light: '#65636d', dark: '#b5b2bc' },
50
+ 12: { light: '#211f26', dark: '#eeeef0' },
51
+ a1: { light: '#55005503', dark: '#00000000' },
52
+ a2: { light: '#2b005506', dark: '#f5f4f609' },
53
+ a3: { light: '#30004010', dark: '#ebeaf814' },
54
+ a4: { light: '#20003618', dark: '#eee5f81d' },
55
+ a5: { light: '#20003820', dark: '#efe6fe25' },
56
+ a6: { light: '#14003527', dark: '#f1e6fd30' },
57
+ a7: { light: '#10003332', dark: '#eee9ff40' },
58
+ a8: { light: '#08003145', dark: '#eee7ff5d' },
59
+ a9: { light: '#05001d73', dark: '#eae6fd6e' },
60
+ a10: { light: '#0500197d', dark: '#ece9fd7c' },
61
+ a11: { light: '#0400119c', dark: '#f5f1ffb7' },
62
+ a12: { light: '#020008e0', dark: '#fdfdffef' },
63
+ surface: { light: '#ffffffcc', dark: '#22212380' },
64
+ indicator: { light: '#8e8c99', dark: '#6f6d78' },
65
+ track: { light: '#8e8c99', dark: '#6f6d78' },
66
+ contrast: { light: '#ffffff', dark: '#ffffff' },
67
+ },
68
+ slate: {
69
+ 1: { light: '#fcfcfd', dark: '#111113' },
70
+ 2: { light: '#f9f9fb', dark: '#18191b' },
71
+ 3: { light: '#f0f0f3', dark: '#212225' },
72
+ 4: { light: '#e8e8ec', dark: '#272a2d' },
73
+ 5: { light: '#e0e1e6', dark: '#2e3135' },
74
+ 6: { light: '#d9d9e0', dark: '#363a3f' },
75
+ 7: { light: '#cdced6', dark: '#43484e' },
76
+ 8: { light: '#b9bbc6', dark: '#5a6169' },
77
+ 9: { light: '#8b8d98', dark: '#696e77' },
78
+ 10: { light: '#80838d', dark: '#777b84' },
79
+ 11: { light: '#60646c', dark: '#b0b4ba' },
80
+ 12: { light: '#1c2024', dark: '#edeef0' },
81
+ a1: { light: '#00005503', dark: '#00000000' },
82
+ a2: { light: '#00005506', dark: '#d8f4f609' },
83
+ a3: { light: '#0000330f', dark: '#ddeaf814' },
84
+ a4: { light: '#00002d17', dark: '#d3edf81d' },
85
+ a5: { light: '#0009321f', dark: '#d9edfe25' },
86
+ a6: { light: '#00002f26', dark: '#d6ebfd30' },
87
+ a7: { light: '#00062e32', dark: '#d9edff40' },
88
+ a8: { light: '#00083046', dark: '#d9edff5d' },
89
+ a9: { light: '#00051d74', dark: '#dfebfd6d' },
90
+ a10: { light: '#00071b7f', dark: '#e5edfd7b' },
91
+ a11: { light: '#0007149f', dark: '#f1f7feb5' },
92
+ a12: { light: '#000509e3', dark: '#fcfdffef' },
93
+ surface: { light: '#ffffffcc', dark: '#1f212380' },
94
+ indicator: { light: '#8b8d98', dark: '#696e77' },
95
+ track: { light: '#8b8d98', dark: '#696e77' },
96
+ contrast: { light: '#ffffff', dark: '#ffffff' },
97
+ },
98
+ sage: {
99
+ 1: { light: '#fbfdfc', dark: '#101211' },
100
+ 2: { light: '#f7f9f8', dark: '#171918' },
101
+ 3: { light: '#eef1f0', dark: '#202221' },
102
+ 4: { light: '#e6e9e8', dark: '#272a29' },
103
+ 5: { light: '#dfe2e0', dark: '#2e3130' },
104
+ 6: { light: '#d7dad9', dark: '#373b39' },
105
+ 7: { light: '#cbcfcd', dark: '#444947' },
106
+ 8: { light: '#b8bcba', dark: '#5b625f' },
107
+ 9: { light: '#868e8b', dark: '#63706b' },
108
+ 10: { light: '#7c8481', dark: '#717d79' },
109
+ 11: { light: '#5f6563', dark: '#adb5b2' },
110
+ 12: { light: '#1a211e', dark: '#eceeed' },
111
+ a1: { light: '#00804004', dark: '#00000000' },
112
+ a2: { light: '#00402008', dark: '#f0f2f108' },
113
+ a3: { light: '#002d1e11', dark: '#f3f5f412' },
114
+ a4: { light: '#001f1519', dark: '#f2fefd1a' },
115
+ a5: { light: '#00180820', dark: '#f1fbfa22' },
116
+ a6: { light: '#00140d28', dark: '#edfbf42d' },
117
+ a7: { light: '#00140a34', dark: '#edfcf73c' },
118
+ a8: { light: '#000f0847', dark: '#ebfdf657' },
119
+ a9: { light: '#00110b79', dark: '#dffdf266' },
120
+ a10: { light: '#00100a83', dark: '#e5fdf674' },
121
+ a11: { light: '#000a07a0', dark: '#f4fefbb0' },
122
+ a12: { light: '#000805e5', dark: '#fdfffeed' },
123
+ surface: { light: '#ffffffcc', dark: '#1e201f80' },
124
+ indicator: { light: '#868e8b', dark: '#63706b' },
125
+ track: { light: '#868e8b', dark: '#63706b' },
126
+ contrast: { light: '#ffffff', dark: '#ffffff' },
127
+ },
128
+ olive: {
129
+ 1: { light: '#fcfdfc', dark: '#111210' },
130
+ 2: { light: '#f8faf8', dark: '#181917' },
131
+ 3: { light: '#eff1ef', dark: '#212220' },
132
+ 4: { light: '#e7e9e7', dark: '#282a27' },
133
+ 5: { light: '#dfe2df', dark: '#2f312e' },
134
+ 6: { light: '#d7dad7', dark: '#383a36' },
135
+ 7: { light: '#cccfcc', dark: '#454843' },
136
+ 8: { light: '#b9bcb8', dark: '#5c625b' },
137
+ 9: { light: '#898e87', dark: '#687066' },
138
+ 10: { light: '#7f847d', dark: '#767d74' },
139
+ 11: { light: '#60655f', dark: '#afb5ad' },
140
+ 12: { light: '#1d211c', dark: '#eceeec' },
141
+ a1: { light: '#00550003', dark: '#00000000' },
142
+ a2: { light: '#00490007', dark: '#f1f2f008' },
143
+ a3: { light: '#00200010', dark: '#f4f5f312' },
144
+ a4: { light: '#00160018', dark: '#f3fef21a' },
145
+ a5: { light: '#00180020', dark: '#f2fbf122' },
146
+ a6: { light: '#00140028', dark: '#f4faed2c' },
147
+ a7: { light: '#000f0033', dark: '#f2fced3b' },
148
+ a8: { light: '#040f0047', dark: '#edfdeb57' },
149
+ a9: { light: '#050f0078', dark: '#ebfde766' },
150
+ a10: { light: '#040e0082', dark: '#f0fdec74' },
151
+ a11: { light: '#020a00a0', dark: '#f6fef4b0' },
152
+ a12: { light: '#010600e3', dark: '#fdfffded' },
153
+ surface: { light: '#ffffffcc', dark: '#1f201e80' },
154
+ indicator: { light: '#898e87', dark: '#687066' },
155
+ track: { light: '#898e87', dark: '#687066' },
156
+ contrast: { light: '#ffffff', dark: '#ffffff' },
157
+ },
158
+ sand: {
159
+ 1: { light: '#fdfdfc', dark: '#111110' },
160
+ 2: { light: '#f9f9f8', dark: '#191918' },
161
+ 3: { light: '#f1f0ef', dark: '#222221' },
162
+ 4: { light: '#e9e8e6', dark: '#2a2a28' },
163
+ 5: { light: '#e2e1de', dark: '#31312e' },
164
+ 6: { light: '#dad9d6', dark: '#3b3a37' },
165
+ 7: { light: '#cfceca', dark: '#494844' },
166
+ 8: { light: '#bcbbb5', dark: '#62605b' },
167
+ 9: { light: '#8d8d86', dark: '#6f6d66' },
168
+ 10: { light: '#82827c', dark: '#7c7b74' },
169
+ 11: { light: '#63635e', dark: '#b5b3ad' },
170
+ 12: { light: '#21201c', dark: '#eeeeec' },
171
+ a1: { light: '#55550003', dark: '#00000000' },
172
+ a2: { light: '#25250007', dark: '#f4f4f309' },
173
+ a3: { light: '#20100010', dark: '#f6f6f513' },
174
+ a4: { light: '#1f150019', dark: '#fefef31b' },
175
+ a5: { light: '#1f180021', dark: '#fbfbeb23' },
176
+ a6: { light: '#19130029', dark: '#fffaed2d' },
177
+ a7: { light: '#19140035', dark: '#fffbed3c' },
178
+ a8: { light: '#1915014a', dark: '#fff9eb57' },
179
+ a9: { light: '#0f0f0079', dark: '#fffae965' },
180
+ a10: { light: '#0c0c0083', dark: '#fffdee73' },
181
+ a11: { light: '#080800a1', dark: '#fffcf4b0' },
182
+ a12: { light: '#060500e3', dark: '#fffffded' },
183
+ surface: { light: '#ffffffcc', dark: '#21212080' },
184
+ indicator: { light: '#8d8d86', dark: '#6f6d66' },
185
+ track: { light: '#8d8d86', dark: '#6f6d66' },
186
+ contrast: { light: '#ffffff', dark: '#ffffff' },
187
+ },
188
+ tomato: {
189
+ 1: { light: '#fffcfc', dark: '#181111' },
190
+ 2: { light: '#fff8f7', dark: '#1f1513' },
191
+ 3: { light: '#feebe7', dark: '#391714' },
192
+ 4: { light: '#ffdcd3', dark: '#4e1511' },
193
+ 5: { light: '#ffcdc2', dark: '#5e1c16' },
194
+ 6: { light: '#fdbdaf', dark: '#6e2920' },
195
+ 7: { light: '#f5a898', dark: '#853a2d' },
196
+ 8: { light: '#ec8e7b', dark: '#ac4d39' },
197
+ 9: { light: '#e54d2e', dark: '#e54d2e' },
198
+ 10: { light: '#dd4425', dark: '#ec6142' },
199
+ 11: { light: '#d13415', dark: '#ff977d' },
200
+ 12: { light: '#5c271f', dark: '#fbd3cb' },
201
+ a1: { light: '#ff000003', dark: '#f1121208' },
202
+ a2: { light: '#ff200008', dark: '#ff55330f' },
203
+ a3: { light: '#f52b0018', dark: '#ff35232b' },
204
+ a4: { light: '#ff35002c', dark: '#fd201142' },
205
+ a5: { light: '#ff2e003d', dark: '#fe332153' },
206
+ a6: { light: '#f92d0050', dark: '#ff4f3864' },
207
+ a7: { light: '#e7280067', dark: '#fd644a7d' },
208
+ a8: { light: '#db250084', dark: '#fe6d4ea7' },
209
+ a9: { light: '#df2600d1', dark: '#fe5431e4' },
210
+ a10: { light: '#d72400da', dark: '#ff6847eb' },
211
+ a11: { light: '#cd2200ea', dark: '#ff977d' },
212
+ a12: { light: '#460900e0', dark: '#ffd6cefb' },
213
+ surface: { light: '#fff6f5cc', dark: '#2d191580' },
214
+ indicator: { light: '#e54d2e', dark: '#e54d2e' },
215
+ track: { light: '#e54d2e', dark: '#e54d2e' },
216
+ contrast: { light: '#ffffff', dark: '#ffffff' },
217
+ },
218
+ red: {
219
+ 1: { light: '#fffcfc', dark: '#191111' },
220
+ 2: { light: '#fff7f7', dark: '#201314' },
221
+ 3: { light: '#feebec', dark: '#3b1219' },
222
+ 4: { light: '#ffdbdc', dark: '#500f1c' },
223
+ 5: { light: '#ffcdce', dark: '#611623' },
224
+ 6: { light: '#fdbdbe', dark: '#72232d' },
225
+ 7: { light: '#f4a9aa', dark: '#8c333a' },
226
+ 8: { light: '#eb8e90', dark: '#b54548' },
227
+ 9: { light: '#e5484d', dark: '#e5484d' },
228
+ 10: { light: '#dc3e42', dark: '#ec5d5e' },
229
+ 11: { light: '#ce2c31', dark: '#ff9592' },
230
+ 12: { light: '#641723', dark: '#ffd1d9' },
231
+ a1: { light: '#ff000003', dark: '#f4121209' },
232
+ a2: { light: '#ff000008', dark: '#f22f3e11' },
233
+ a3: { light: '#f3000d14', dark: '#ff173f2d' },
234
+ a4: { light: '#ff000824', dark: '#fe0a3b44' },
235
+ a5: { light: '#ff000632', dark: '#ff204756' },
236
+ a6: { light: '#f8000442', dark: '#ff3e5668' },
237
+ a7: { light: '#df000356', dark: '#ff536184' },
238
+ a8: { light: '#d2000571', dark: '#ff5d61b0' },
239
+ a9: { light: '#db0007b7', dark: '#fe4e54e4' },
240
+ a10: { light: '#d10005c1', dark: '#ff6465eb' },
241
+ a11: { light: '#c40006d3', dark: '#ff9592' },
242
+ a12: { light: '#55000de8', dark: '#ffd1d9' },
243
+ surface: { light: '#fff5f5cc', dark: '#2f151780' },
244
+ indicator: { light: '#e5484d', dark: '#e5484d' },
245
+ track: { light: '#e5484d', dark: '#e5484d' },
246
+ contrast: { light: '#ffffff', dark: '#ffffff' },
247
+ },
248
+ ruby: {
249
+ 1: { light: '#fffcfd', dark: '#191113' },
250
+ 2: { light: '#fff7f8', dark: '#1e1517' },
251
+ 3: { light: '#feeaed', dark: '#3a141e' },
252
+ 4: { light: '#ffdce1', dark: '#4e1325' },
253
+ 5: { light: '#ffced6', dark: '#5e1a2e' },
254
+ 6: { light: '#f8bfc8', dark: '#6f2539' },
255
+ 7: { light: '#efacb8', dark: '#883447' },
256
+ 8: { light: '#e592a3', dark: '#b3445a' },
257
+ 9: { light: '#e54666', dark: '#e54666' },
258
+ 10: { light: '#dc3b5d', dark: '#ec5a72' },
259
+ 11: { light: '#ca244d', dark: '#ff949d' },
260
+ 12: { light: '#64172b', dark: '#fed2e1' },
261
+ a1: { light: '#ff005503', dark: '#f4124a09' },
262
+ a2: { light: '#ff002008', dark: '#fe5a7f0e' },
263
+ a3: { light: '#f3002515', dark: '#ff235d2c' },
264
+ a4: { light: '#ff002523', dark: '#fd195e42' },
265
+ a5: { light: '#ff002a31', dark: '#fe2d6b53' },
266
+ a6: { light: '#e4002440', dark: '#ff447665' },
267
+ a7: { light: '#ce002553', dark: '#ff577d80' },
268
+ a8: { light: '#c300286d', dark: '#ff5c7cae' },
269
+ a9: { light: '#db002cb9', dark: '#fe4c70e4' },
270
+ a10: { light: '#d2002cc4', dark: '#ff617beb' },
271
+ a11: { light: '#c10030db', dark: '#ff949d' },
272
+ a12: { light: '#550016e8', dark: '#ffd3e2fe' },
273
+ surface: { light: '#fff5f6cc', dark: '#2b191d80' },
274
+ indicator: { light: '#e54666', dark: '#e54666' },
275
+ track: { light: '#e54666', dark: '#e54666' },
276
+ contrast: { light: '#ffffff', dark: '#ffffff' },
277
+ },
278
+ crimson: {
279
+ 1: { light: '#fffcfd', dark: '#191114' },
280
+ 2: { light: '#fef7f9', dark: '#201318' },
281
+ 3: { light: '#ffe9f0', dark: '#381525' },
282
+ 4: { light: '#fedce7', dark: '#4d122f' },
283
+ 5: { light: '#facedd', dark: '#5c1839' },
284
+ 6: { light: '#f3bed1', dark: '#6d2545' },
285
+ 7: { light: '#eaacc3', dark: '#873356' },
286
+ 8: { light: '#e093b2', dark: '#b0436e' },
287
+ 9: { light: '#e93d82', dark: '#e93d82' },
288
+ 10: { light: '#df3478', dark: '#ee518a' },
289
+ 11: { light: '#cb1d63', dark: '#ff92ad' },
290
+ 12: { light: '#621639', dark: '#fdd3e8' },
291
+ a1: { light: '#ff005503', dark: '#f4126709' },
292
+ a2: { light: '#e0004008', dark: '#f22f7a11' },
293
+ a3: { light: '#ff005216', dark: '#fe2a8b2a' },
294
+ a4: { light: '#f8005123', dark: '#fd158741' },
295
+ a5: { light: '#e5004f31', dark: '#fd278f51' },
296
+ a6: { light: '#d0004b41', dark: '#fe459763' },
297
+ a7: { light: '#bf004753', dark: '#fd559b7f' },
298
+ a8: { light: '#b6004a6c', dark: '#fe5b9bab' },
299
+ a9: { light: '#e2005bc2', dark: '#fe418de8' },
300
+ a10: { light: '#d70056cb', dark: '#ff5693ed' },
301
+ a11: { light: '#c4004fe2', dark: '#ff92ad' },
302
+ a12: { light: '#530026e9', dark: '#ffd5eafd' },
303
+ surface: { light: '#fef5f8cc', dark: '#2f151f80' },
304
+ indicator: { light: '#e93d82', dark: '#e93d82' },
305
+ track: { light: '#e93d82', dark: '#e93d82' },
306
+ contrast: { light: '#ffffff', dark: '#ffffff' },
307
+ },
308
+ pink: {
309
+ 1: { light: '#fffcfe', dark: '#191117' },
310
+ 2: { light: '#fef7fb', dark: '#21121d' },
311
+ 3: { light: '#fee9f5', dark: '#37172f' },
312
+ 4: { light: '#fbdcef', dark: '#4b143d' },
313
+ 5: { light: '#f6cee7', dark: '#591c47' },
314
+ 6: { light: '#efbfdd', dark: '#692955' },
315
+ 7: { light: '#e7acd0', dark: '#833869' },
316
+ 8: { light: '#dd93c2', dark: '#a84885' },
317
+ 9: { light: '#d6409f', dark: '#d6409f' },
318
+ 10: { light: '#cf3897', dark: '#de51a8' },
319
+ 11: { light: '#c2298a', dark: '#ff8dcc' },
320
+ 12: { light: '#651249', dark: '#fdd1ea' },
321
+ a1: { light: '#ff00aa03', dark: '#f412bc09' },
322
+ a2: { light: '#e0008008', dark: '#f420bb12' },
323
+ a3: { light: '#f4008c16', dark: '#fe37cc29' },
324
+ a4: { light: '#e2008b23', dark: '#fc1ec43f' },
325
+ a5: { light: '#d1008331', dark: '#fd35c24e' },
326
+ a6: { light: '#c0007840', dark: '#fd51c75f' },
327
+ a7: { light: '#b6006f53', dark: '#fd62c87b' },
328
+ a8: { light: '#af006f6c', dark: '#ff68c8a2' },
329
+ a9: { light: '#c8007fbf', dark: '#fe49bcd4' },
330
+ a10: { light: '#c2007ac7', dark: '#ff5cc0dc' },
331
+ a11: { light: '#b60074d6', dark: '#ff8dcc' },
332
+ a12: { light: '#59003bed', dark: '#ffd3ecfd' },
333
+ surface: { light: '#fef5facc', dark: '#31132980' },
334
+ indicator: { light: '#d6409f', dark: '#d6409f' },
335
+ track: { light: '#d6409f', dark: '#d6409f' },
336
+ contrast: { light: '#ffffff', dark: '#ffffff' },
337
+ },
338
+ plum: {
339
+ 1: { light: '#fefcff', dark: '#181118' },
340
+ 2: { light: '#fdf7fd', dark: '#201320' },
341
+ 3: { light: '#fbebfb', dark: '#351a35' },
342
+ 4: { light: '#f7def8', dark: '#451d47' },
343
+ 5: { light: '#f2d1f3', dark: '#512454' },
344
+ 6: { light: '#e9c2ec', dark: '#5e3061' },
345
+ 7: { light: '#deade3', dark: '#734079' },
346
+ 8: { light: '#cf91d8', dark: '#92549c' },
347
+ 9: { light: '#ab4aba', dark: '#ab4aba' },
348
+ 10: { light: '#a144af', dark: '#b658c4' },
349
+ 11: { light: '#953ea3', dark: '#e796f3' },
350
+ 12: { light: '#53195d', dark: '#f4d4f4' },
351
+ a1: { light: '#aa00ff03', dark: '#f112f108' },
352
+ a2: { light: '#c000c008', dark: '#f22ff211' },
353
+ a3: { light: '#cc00cc14', dark: '#fd4cfd27' },
354
+ a4: { light: '#c200c921', dark: '#f646ff3a' },
355
+ a5: { light: '#b700bd2e', dark: '#f455ff48' },
356
+ a6: { light: '#a400b03d', dark: '#f66dff56' },
357
+ a7: { light: '#9900a852', dark: '#f07cfd70' },
358
+ a8: { light: '#9000a56e', dark: '#ee84ff95' },
359
+ a9: { light: '#89009eb5', dark: '#e961feb6' },
360
+ a10: { light: '#7f0092bb', dark: '#ed70ffc0' },
361
+ a11: { light: '#730086c1', dark: '#f19cfef3' },
362
+ a12: { light: '#40004be6', dark: '#feddfef4' },
363
+ surface: { light: '#fdf5fdcc', dark: '#2f152f80' },
364
+ indicator: { light: '#ab4aba', dark: '#ab4aba' },
365
+ track: { light: '#ab4aba', dark: '#ab4aba' },
366
+ contrast: { light: '#ffffff', dark: '#ffffff' },
367
+ },
368
+ purple: {
369
+ 1: { light: '#fefcfe', dark: '#18111b' },
370
+ 2: { light: '#fbf7fe', dark: '#1e1523' },
371
+ 3: { light: '#f7edfe', dark: '#301c3b' },
372
+ 4: { light: '#f2e2fc', dark: '#3d224e' },
373
+ 5: { light: '#ead5f9', dark: '#48295c' },
374
+ 6: { light: '#e0c4f4', dark: '#54346b' },
375
+ 7: { light: '#d1afec', dark: '#664282' },
376
+ 8: { light: '#be93e4', dark: '#8457aa' },
377
+ 9: { light: '#8e4ec6', dark: '#8e4ec6' },
378
+ 10: { light: '#8347b9', dark: '#9a5cd0' },
379
+ 11: { light: '#8145b5', dark: '#d19dff' },
380
+ 12: { light: '#402060', dark: '#ecd9fa' },
381
+ a1: { light: '#aa00aa03', dark: '#b412f90b' },
382
+ a2: { light: '#8000e008', dark: '#b744f714' },
383
+ a3: { light: '#8e00f112', dark: '#c150ff2d' },
384
+ a4: { light: '#8d00e51d', dark: '#bb53fd42' },
385
+ a5: { light: '#8000db2a', dark: '#be5cfd51' },
386
+ a6: { light: '#7a01d03b', dark: '#c16dfd61' },
387
+ a7: { light: '#6d00c350', dark: '#c378fd7a' },
388
+ a8: { light: '#6600c06c', dark: '#c47effa4' },
389
+ a9: { light: '#5c00adb1', dark: '#b661ffc2' },
390
+ a10: { light: '#53009eb8', dark: '#bc6fffcd' },
391
+ a11: { light: '#52009aba', dark: '#d19dff' },
392
+ a12: { light: '#250049df', dark: '#f1ddfffa' },
393
+ surface: { light: '#faf5fecc', dark: '#2b173580' },
394
+ indicator: { light: '#8e4ec6', dark: '#8e4ec6' },
395
+ track: { light: '#8e4ec6', dark: '#8e4ec6' },
396
+ contrast: { light: '#ffffff', dark: '#ffffff' },
397
+ },
398
+ violet: {
399
+ 1: { light: '#fdfcfe', dark: '#14121f' },
400
+ 2: { light: '#faf8ff', dark: '#1b1525' },
401
+ 3: { light: '#f4f0fe', dark: '#291f43' },
402
+ 4: { light: '#ebe4ff', dark: '#33255b' },
403
+ 5: { light: '#e1d9ff', dark: '#3c2e69' },
404
+ 6: { light: '#d4cafe', dark: '#473876' },
405
+ 7: { light: '#c2b5f5', dark: '#56468b' },
406
+ 8: { light: '#aa99ec', dark: '#6958ad' },
407
+ 9: { light: '#6e56cf', dark: '#6e56cf' },
408
+ 10: { light: '#654dc4', dark: '#7d66d9' },
409
+ 11: { light: '#6550b9', dark: '#baa7ff' },
410
+ 12: { light: '#2f265f', dark: '#e2ddfe' },
411
+ a1: { light: '#5500aa03', dark: '#4422ff0f' },
412
+ a2: { light: '#4900ff07', dark: '#853ff916' },
413
+ a3: { light: '#4400ee0f', dark: '#8354fe36' },
414
+ a4: { light: '#4300ff1b', dark: '#7d51fd50' },
415
+ a5: { light: '#3600ff26', dark: '#845ffd5f' },
416
+ a6: { light: '#3100fb35', dark: '#8f6cfd6d' },
417
+ a7: { light: '#2d01dd4a', dark: '#9879ff83' },
418
+ a8: { light: '#2b00d066', dark: '#977dfea8' },
419
+ a9: { light: '#2400b7a9', dark: '#8668ffcc' },
420
+ a10: { light: '#2300abb2', dark: '#9176fed7' },
421
+ a11: { light: '#1f0099af', dark: '#baa7ff' },
422
+ a12: { light: '#0b0043d9', dark: '#e3defffe' },
423
+ surface: { light: '#f9f6ffcc', dark: '#25193980' },
424
+ indicator: { light: '#6e56cf', dark: '#6e56cf' },
425
+ track: { light: '#6e56cf', dark: '#6e56cf' },
426
+ contrast: { light: '#ffffff', dark: '#ffffff' },
427
+ },
428
+ iris: {
429
+ 1: { light: '#fdfdff', dark: '#13131e' },
430
+ 2: { light: '#f8f8ff', dark: '#171625' },
431
+ 3: { light: '#f0f1fe', dark: '#202248' },
432
+ 4: { light: '#e6e7ff', dark: '#262a65' },
433
+ 5: { light: '#dadcff', dark: '#303374' },
434
+ 6: { light: '#cbcdff', dark: '#3d3e82' },
435
+ 7: { light: '#b8baf8', dark: '#4a4a95' },
436
+ 8: { light: '#9b9ef0', dark: '#5958b1' },
437
+ 9: { light: '#5b5bd6', dark: '#5b5bd6' },
438
+ 10: { light: '#5151cd', dark: '#6e6ade' },
439
+ 11: { light: '#5753c6', dark: '#b1a9ff' },
440
+ 12: { light: '#272962', dark: '#e0dffe' },
441
+ a1: { light: '#0000ff02', dark: '#3636fe0e' },
442
+ a2: { light: '#0000ff07', dark: '#564bf916' },
443
+ a3: { light: '#0011ee0f', dark: '#525bff3b' },
444
+ a4: { light: '#000bff19', dark: '#4d58ff5a' },
445
+ a5: { light: '#000eff25', dark: '#5b62fd6b' },
446
+ a6: { light: '#000aff34', dark: '#6d6ffd7a' },
447
+ a7: { light: '#0008e647', dark: '#7777fe8e' },
448
+ a8: { light: '#0008d964', dark: '#7b7afeac' },
449
+ a9: { light: '#0000c0a4', dark: '#6a6afed4' },
450
+ a10: { light: '#0000b6ae', dark: '#7d79ffdc' },
451
+ a11: { light: '#0600abac', dark: '#b1a9ff' },
452
+ a12: { light: '#000246d8', dark: '#e1e0fffe' },
453
+ surface: { light: '#f6f6ffcc', dark: '#1d1b3980' },
454
+ indicator: { light: '#5b5bd6', dark: '#5b5bd6' },
455
+ track: { light: '#5b5bd6', dark: '#5b5bd6' },
456
+ contrast: { light: '#ffffff', dark: '#ffffff' },
457
+ },
458
+ indigo: {
459
+ 1: { light: '#fdfdfe', dark: '#11131f' },
460
+ 2: { light: '#f7f9ff', dark: '#141726' },
461
+ 3: { light: '#edf2fe', dark: '#182449' },
462
+ 4: { light: '#e1e9ff', dark: '#1d2e62' },
463
+ 5: { light: '#d2deff', dark: '#253974' },
464
+ 6: { light: '#c1d0ff', dark: '#304384' },
465
+ 7: { light: '#abbdf9', dark: '#3a4f97' },
466
+ 8: { light: '#8da4ef', dark: '#435db1' },
467
+ 9: { light: '#3e63dd', dark: '#3e63dd' },
468
+ 10: { light: '#3358d4', dark: '#5472e4' },
469
+ 11: { light: '#3a5bc7', dark: '#9eb1ff' },
470
+ 12: { light: '#1f2d5c', dark: '#d6e1ff' },
471
+ a1: { light: '#00008002', dark: '#1133ff0f' },
472
+ a2: { light: '#0040ff08', dark: '#3354fa17' },
473
+ a3: { light: '#0047f112', dark: '#2f62ff3c' },
474
+ a4: { light: '#0044ff1e', dark: '#3566ff57' },
475
+ a5: { light: '#0044ff2d', dark: '#4171fd6b' },
476
+ a6: { light: '#003eff3e', dark: '#5178fd7c' },
477
+ a7: { light: '#0037ed54', dark: '#5a7fff90' },
478
+ a8: { light: '#0034dc72', dark: '#5b81feac' },
479
+ a9: { light: '#0031d2c1', dark: '#4671ffdb' },
480
+ a10: { light: '#002ec9cc', dark: '#5c7efee3' },
481
+ a11: { light: '#002bb7c5', dark: '#9eb1ff' },
482
+ a12: { light: '#001046e0', dark: '#d6e1ff' },
483
+ surface: { light: '#f5f8ffcc', dark: '#171d3b80' },
484
+ indicator: { light: '#3e63dd', dark: '#3e63dd' },
485
+ track: { light: '#3e63dd', dark: '#3e63dd' },
486
+ contrast: { light: '#ffffff', dark: '#ffffff' },
487
+ },
488
+ blue: {
489
+ 1: { light: '#fbfdff', dark: '#0d1520' },
490
+ 2: { light: '#f4faff', dark: '#111927' },
491
+ 3: { light: '#e6f4fe', dark: '#0d2847' },
492
+ 4: { light: '#d5efff', dark: '#003362' },
493
+ 5: { light: '#c2e5ff', dark: '#004074' },
494
+ 6: { light: '#acd8fc', dark: '#104d87' },
495
+ 7: { light: '#8ec8f6', dark: '#205d9e' },
496
+ 8: { light: '#5eb1ef', dark: '#2870bd' },
497
+ 9: { light: '#0090ff', dark: '#0090ff' },
498
+ 10: { light: '#0588f0', dark: '#3b9eff' },
499
+ 11: { light: '#0d74ce', dark: '#70b8ff' },
500
+ 12: { light: '#113264', dark: '#c2e6ff' },
501
+ a1: { light: '#0080ff04', dark: '#004df211' },
502
+ a2: { light: '#008cff0b', dark: '#1166fb18' },
503
+ a3: { light: '#008ff519', dark: '#0077ff3a' },
504
+ a4: { light: '#009eff2a', dark: '#0075ff57' },
505
+ a5: { light: '#0093ff3d', dark: '#0081fd6b' },
506
+ a6: { light: '#0088f653', dark: '#0f89fd7f' },
507
+ a7: { light: '#0083eb71', dark: '#2a91fe98' },
508
+ a8: { light: '#0084e6a1', dark: '#3094feb9' },
509
+ a9: { light: '#0090ff', dark: '#0090ff' },
510
+ a10: { light: '#0086f0fa', dark: '#3b9eff' },
511
+ a11: { light: '#006dcbf2', dark: '#70b8ff' },
512
+ a12: { light: '#002359ee', dark: '#c2e6ff' },
513
+ surface: { light: '#f1f9ffcc', dark: '#11213d80' },
514
+ indicator: { light: '#0090ff', dark: '#0090ff' },
515
+ track: { light: '#0090ff', dark: '#0090ff' },
516
+ contrast: { light: '#ffffff', dark: '#ffffff' },
517
+ },
518
+ cyan: {
519
+ 1: { light: '#fafdfe', dark: '#0b161a' },
520
+ 2: { light: '#f2fafb', dark: '#101b20' },
521
+ 3: { light: '#def7f9', dark: '#082c36' },
522
+ 4: { light: '#caf1f6', dark: '#003848' },
523
+ 5: { light: '#b5e9f0', dark: '#004558' },
524
+ 6: { light: '#9ddde7', dark: '#045468' },
525
+ 7: { light: '#7dcedc', dark: '#12677e' },
526
+ 8: { light: '#3db9cf', dark: '#11809c' },
527
+ 9: { light: '#00a2c7', dark: '#00a2c7' },
528
+ 10: { light: '#0797b9', dark: '#23afd0' },
529
+ 11: { light: '#107d98', dark: '#4ccce6' },
530
+ 12: { light: '#0d3c48', dark: '#b6ecf7' },
531
+ a1: { light: '#0099cc05', dark: '#0091f70a' },
532
+ a2: { light: '#009db10d', dark: '#02a7f211' },
533
+ a3: { light: '#00c2d121', dark: '#00befd28' },
534
+ a4: { light: '#00bcd435', dark: '#00baff3b' },
535
+ a5: { light: '#01b4cc4a', dark: '#00befd4d' },
536
+ a6: { light: '#00a7c162', dark: '#00c7fd5e' },
537
+ a7: { light: '#009fbb82', dark: '#14cdff75' },
538
+ a8: { light: '#00a3c0c2', dark: '#11cfff95' },
539
+ a9: { light: '#00a2c7', dark: '#00cfffc3' },
540
+ a10: { light: '#0094b7f8', dark: '#28d6ffcd' },
541
+ a11: { light: '#007491ef', dark: '#52e1fee5' },
542
+ a12: { light: '#00323ef2', dark: '#bbf3fef7' },
543
+ surface: { light: '#eff9facc', dark: '#11252d80' },
544
+ indicator: { light: '#00a2c7', dark: '#00a2c7' },
545
+ track: { light: '#00a2c7', dark: '#00a2c7' },
546
+ contrast: { light: '#ffffff', dark: '#ffffff' },
547
+ },
548
+ teal: {
549
+ 1: { light: '#fafefd', dark: '#0d1514' },
550
+ 2: { light: '#f3fbf9', dark: '#111c1b' },
551
+ 3: { light: '#e0f8f3', dark: '#0d2d2a' },
552
+ 4: { light: '#ccf3ea', dark: '#023b37' },
553
+ 5: { light: '#b8eae0', dark: '#084843' },
554
+ 6: { light: '#a1ded2', dark: '#145750' },
555
+ 7: { light: '#83cdc1', dark: '#1c6961' },
556
+ 8: { light: '#53b9ab', dark: '#207e73' },
557
+ 9: { light: '#12a594', dark: '#12a594' },
558
+ 10: { light: '#0d9b8a', dark: '#0eb39e' },
559
+ 11: { light: '#008573', dark: '#0bd8b6' },
560
+ 12: { light: '#0d3d38', dark: '#adf0dd' },
561
+ a1: { light: '#00cc9905', dark: '#00deab05' },
562
+ a2: { light: '#00aa800c', dark: '#12fbe60c' },
563
+ a3: { light: '#00c69d1f', dark: '#00ffe61e' },
564
+ a4: { light: '#00c39633', dark: '#00ffe92d' },
565
+ a5: { light: '#00b49047', dark: '#00ffea3b' },
566
+ a6: { light: '#00a6855e', dark: '#1cffe84b' },
567
+ a7: { light: '#0099807c', dark: '#2efde85f' },
568
+ a8: { light: '#009783ac', dark: '#32ffe775' },
569
+ a9: { light: '#009e8ced', dark: '#13ffe49f' },
570
+ a10: { light: '#009684f2', dark: '#0dffe0ae' },
571
+ a11: { light: '#008573', dark: '#0afed5d6' },
572
+ a12: { light: '#00332df2', dark: '#b8ffebef' },
573
+ surface: { light: '#f0faf8cc', dark: '#13272580' },
574
+ indicator: { light: '#12a594', dark: '#12a594' },
575
+ track: { light: '#12a594', dark: '#12a594' },
576
+ contrast: { light: '#ffffff', dark: '#ffffff' },
577
+ },
578
+ jade: {
579
+ 1: { light: '#fbfefd', dark: '#0d1512' },
580
+ 2: { light: '#f4fbf7', dark: '#121c18' },
581
+ 3: { light: '#e6f7ed', dark: '#0f2e22' },
582
+ 4: { light: '#d6f1e3', dark: '#0b3b2c' },
583
+ 5: { light: '#c3e9d7', dark: '#114837' },
584
+ 6: { light: '#acdec8', dark: '#1b5745' },
585
+ 7: { light: '#8bceb6', dark: '#246854' },
586
+ 8: { light: '#56ba9f', dark: '#2a7e68' },
587
+ 9: { light: '#29a383', dark: '#29a383' },
588
+ 10: { light: '#26997b', dark: '#27b08b' },
589
+ 11: { light: '#208368', dark: '#1fd8a4' },
590
+ 12: { light: '#1d3b31', dark: '#adf0d4' },
591
+ a1: { light: '#00c08004', dark: '#00de4505' },
592
+ a2: { light: '#00a3460b', dark: '#27fba60c' },
593
+ a3: { light: '#00ae4819', dark: '#02f99920' },
594
+ a4: { light: '#00a85129', dark: '#00ffaa2d' },
595
+ a5: { light: '#00a2553c', dark: '#11ffb63b' },
596
+ a6: { light: '#009a5753', dark: '#34ffc24b' },
597
+ a7: { light: '#00945f74', dark: '#45fdc75e' },
598
+ a8: { light: '#00976ea9', dark: '#48ffcf75' },
599
+ a9: { light: '#00916bd6', dark: '#38feca9d' },
600
+ a10: { light: '#008764d9', dark: '#31fec7ab' },
601
+ a11: { light: '#007152df', dark: '#21fec0d6' },
602
+ a12: { light: '#002217e2', dark: '#b8ffe1ef' },
603
+ surface: { light: '#f1faf5cc', dark: '#13271f80' },
604
+ indicator: { light: '#29a383', dark: '#29a383' },
605
+ track: { light: '#29a383', dark: '#29a383' },
606
+ contrast: { light: '#ffffff', dark: '#ffffff' },
607
+ },
608
+ green: {
609
+ 1: { light: '#fbfefc', dark: '#0e1512' },
610
+ 2: { light: '#f4fbf6', dark: '#121b17' },
611
+ 3: { light: '#e6f6eb', dark: '#132d21' },
612
+ 4: { light: '#d6f1df', dark: '#113b29' },
613
+ 5: { light: '#c4e8d1', dark: '#174933' },
614
+ 6: { light: '#adddc0', dark: '#20573e' },
615
+ 7: { light: '#8eceaa', dark: '#28684a' },
616
+ 8: { light: '#5bb98b', dark: '#2f7c57' },
617
+ 9: { light: '#30a46c', dark: '#30a46c' },
618
+ 10: { light: '#2b9a66', dark: '#33b074' },
619
+ 11: { light: '#218358', dark: '#3dd68c' },
620
+ 12: { light: '#193b2d', dark: '#b1f1cb' },
621
+ a1: { light: '#00c04004', dark: '#00de4505' },
622
+ a2: { light: '#00a32f0b', dark: '#29f99d0b' },
623
+ a3: { light: '#00a43319', dark: '#22ff991e' },
624
+ a4: { light: '#00a83829', dark: '#11ff992d' },
625
+ a5: { light: '#019c393b', dark: '#2bffa23c' },
626
+ a6: { light: '#00963c52', dark: '#44ffaa4b' },
627
+ a7: { light: '#00914071', dark: '#50fdac5e' },
628
+ a8: { light: '#00924ba4', dark: '#54ffad73' },
629
+ a9: { light: '#008f4acf', dark: '#44ffa49e' },
630
+ a10: { light: '#008647d4', dark: '#43fea4ab' },
631
+ a11: { light: '#00713fde', dark: '#46fea5d4' },
632
+ a12: { light: '#002616e6', dark: '#bbffd7f0' },
633
+ surface: { light: '#f1faf4cc', dark: '#15251d80' },
634
+ indicator: { light: '#30a46c', dark: '#30a46c' },
635
+ track: { light: '#30a46c', dark: '#30a46c' },
636
+ contrast: { light: '#ffffff', dark: '#ffffff' },
637
+ },
638
+ grass: {
639
+ 1: { light: '#fbfefb', dark: '#0e1511' },
640
+ 2: { light: '#f5fbf5', dark: '#141a15' },
641
+ 3: { light: '#e9f6e9', dark: '#1b2a1e' },
642
+ 4: { light: '#daf1db', dark: '#1d3a24' },
643
+ 5: { light: '#c9e8ca', dark: '#25482d' },
644
+ 6: { light: '#b2ddb5', dark: '#2d5736' },
645
+ 7: { light: '#94ce9a', dark: '#366740' },
646
+ 8: { light: '#65ba74', dark: '#3e7949' },
647
+ 9: { light: '#46a758', dark: '#46a758' },
648
+ 10: { light: '#3e9b4f', dark: '#53b365' },
649
+ 11: { light: '#2a7e3b', dark: '#71d083' },
650
+ 12: { light: '#203c25', dark: '#c2f0c2' },
651
+ a1: { light: '#00c00004', dark: '#00de1205' },
652
+ a2: { light: '#0099000a', dark: '#5ef7780a' },
653
+ a3: { light: '#00970016', dark: '#70fe8c1b' },
654
+ a4: { light: '#009f0725', dark: '#57ff802c' },
655
+ a5: { light: '#00930536', dark: '#68ff8b3b' },
656
+ a6: { light: '#008f0a4d', dark: '#71ff8f4b' },
657
+ a7: { light: '#018b0f6b', dark: '#77fd925d' },
658
+ a8: { light: '#008d199a', dark: '#77fd9070' },
659
+ a9: { light: '#008619b9', dark: '#65ff82a1' },
660
+ a10: { light: '#007b17c1', dark: '#72ff8dae' },
661
+ a11: { light: '#006514d5', dark: '#89ff9fcd' },
662
+ a12: { light: '#002006df', dark: '#ceffceef' },
663
+ surface: { light: '#f3faf3cc', dark: '#19231b80' },
664
+ indicator: { light: '#46a758', dark: '#46a758' },
665
+ track: { light: '#46a758', dark: '#46a758' },
666
+ contrast: { light: '#ffffff', dark: '#ffffff' },
667
+ },
668
+ bronze: {
669
+ 1: { light: '#fdfcfc', dark: '#141110' },
670
+ 2: { light: '#fdf7f5', dark: '#1c1917' },
671
+ 3: { light: '#f6edea', dark: '#262220' },
672
+ 4: { light: '#efe4df', dark: '#302a27' },
673
+ 5: { light: '#e7d9d3', dark: '#3b3330' },
674
+ 6: { light: '#dfcdc5', dark: '#493e3a' },
675
+ 7: { light: '#d3bcb3', dark: '#5a4c47' },
676
+ 8: { light: '#c2a499', dark: '#6f5f58' },
677
+ 9: { light: '#a18072', dark: '#a18072' },
678
+ 10: { light: '#957468', dark: '#ae8c7e' },
679
+ 11: { light: '#7d5e54', dark: '#d4b3a5' },
680
+ 12: { light: '#43302b', dark: '#ede0d9' },
681
+ a1: { light: '#55000003', dark: '#d1110004' },
682
+ a2: { light: '#cc33000a', dark: '#fbbc910c' },
683
+ a3: { light: '#92250015', dark: '#faceb817' },
684
+ a4: { light: '#80280020', dark: '#facdb622' },
685
+ a5: { light: '#7423002c', dark: '#ffd2c12d' },
686
+ a6: { light: '#7324003a', dark: '#ffd1c03c' },
687
+ a7: { light: '#6c1f004c', dark: '#fdd0c04f' },
688
+ a8: { light: '#671c0066', dark: '#ffd6c565' },
689
+ a9: { light: '#551a008d', dark: '#fec7b09b' },
690
+ a10: { light: '#4c150097', dark: '#fecab5a9' },
691
+ a11: { light: '#3d0f00ab', dark: '#ffd7c6d1' },
692
+ a12: { light: '#1d0600d4', dark: '#fff1e9ec' },
693
+ surface: { light: '#fdf5f3cc', dark: '#27211d80' },
694
+ indicator: { light: '#a18072', dark: '#a18072' },
695
+ track: { light: '#a18072', dark: '#a18072' },
696
+ contrast: { light: '#ffffff', dark: '#ffffff' },
697
+ },
698
+ gold: {
699
+ 1: { light: '#fdfdfc', dark: '#121211' },
700
+ 2: { light: '#faf9f2', dark: '#1b1a17' },
701
+ 3: { light: '#f2f0e7', dark: '#24231f' },
702
+ 4: { light: '#eae6db', dark: '#2d2b26' },
703
+ 5: { light: '#e1dccf', dark: '#38352e' },
704
+ 6: { light: '#d8d0bf', dark: '#444039' },
705
+ 7: { light: '#cbc0aa', dark: '#544f46' },
706
+ 8: { light: '#b9a88d', dark: '#696256' },
707
+ 9: { light: '#978365', dark: '#978365' },
708
+ 10: { light: '#8c7a5e', dark: '#a39073' },
709
+ 11: { light: '#71624b', dark: '#cbb99f' },
710
+ 12: { light: '#3b352b', dark: '#e8e2d9' },
711
+ a1: { light: '#55550003', dark: '#91911102' },
712
+ a2: { light: '#9d8a000d', dark: '#f9e29d0b' },
713
+ a3: { light: '#75600018', dark: '#f8ecbb15' },
714
+ a4: { light: '#6b4e0024', dark: '#ffeec41e' },
715
+ a5: { light: '#60460030', dark: '#feecc22a' },
716
+ a6: { light: '#64440040', dark: '#feebcb37' },
717
+ a7: { light: '#63420055', dark: '#ffedcd48' },
718
+ a8: { light: '#633d0072', dark: '#fdeaca5f' },
719
+ a9: { light: '#5332009a', dark: '#ffdba690' },
720
+ a10: { light: '#492d00a1', dark: '#fedfb09d' },
721
+ a11: { light: '#362100b4', dark: '#fee7c6c8' },
722
+ a12: { light: '#130c00d4', dark: '#fef7ede7' },
723
+ surface: { light: '#f9f8efcc', dark: '#25231d80' },
724
+ indicator: { light: '#978365', dark: '#978365' },
725
+ track: { light: '#978365', dark: '#978365' },
726
+ contrast: { light: '#ffffff', dark: '#ffffff' },
727
+ },
728
+ brown: {
729
+ 1: { light: '#fefdfc', dark: '#12110f' },
730
+ 2: { light: '#fcf9f6', dark: '#1c1816' },
731
+ 3: { light: '#f6eee7', dark: '#28211d' },
732
+ 4: { light: '#f0e4d9', dark: '#322922' },
733
+ 5: { light: '#ebdaca', dark: '#3e3128' },
734
+ 6: { light: '#e4cdb7', dark: '#4d3c2f' },
735
+ 7: { light: '#dcbc9f', dark: '#614a39' },
736
+ 8: { light: '#cea37e', dark: '#7c5f46' },
737
+ 9: { light: '#ad7f58', dark: '#ad7f58' },
738
+ 10: { light: '#a07553', dark: '#b88c67' },
739
+ 11: { light: '#815e46', dark: '#dbb594' },
740
+ 12: { light: '#3e332e', dark: '#f2e1ca' },
741
+ a1: { light: '#aa550003', dark: '#91110002' },
742
+ a2: { light: '#aa550009', dark: '#fba67c0c' },
743
+ a3: { light: '#a04b0018', dark: '#fcb58c19' },
744
+ a4: { light: '#9b4a0026', dark: '#fbbb8a24' },
745
+ a5: { light: '#9f4d0035', dark: '#fcb88931' },
746
+ a6: { light: '#a04e0048', dark: '#fdba8741' },
747
+ a7: { light: '#a34e0060', dark: '#ffbb8856' },
748
+ a8: { light: '#9f4a0081', dark: '#ffbe8773' },
749
+ a9: { light: '#823c00a7', dark: '#feb87da8' },
750
+ a10: { light: '#723300ac', dark: '#ffc18cb3' },
751
+ a11: { light: '#522100b9', dark: '#fed1aad9' },
752
+ a12: { light: '#140600d1', dark: '#feecd4f2' },
753
+ surface: { light: '#fbf8f4cc', dark: '#271f1b80' },
754
+ indicator: { light: '#ad7f58', dark: '#ad7f58' },
755
+ track: { light: '#ad7f58', dark: '#ad7f58' },
756
+ contrast: { light: '#ffffff', dark: '#ffffff' },
757
+ },
758
+ orange: {
759
+ 1: { light: '#fefcfb', dark: '#17120e' },
760
+ 2: { light: '#fff7ed', dark: '#1e160f' },
761
+ 3: { light: '#ffefd6', dark: '#331e0b' },
762
+ 4: { light: '#ffdfb5', dark: '#462100' },
763
+ 5: { light: '#ffd19a', dark: '#562800' },
764
+ 6: { light: '#ffc182', dark: '#66350c' },
765
+ 7: { light: '#f5ae73', dark: '#7e451d' },
766
+ 8: { light: '#ec9455', dark: '#a35829' },
767
+ 9: { light: '#f76b15', dark: '#f76b15' },
768
+ 10: { light: '#ef5f00', dark: '#ff801f' },
769
+ 11: { light: '#cc4e00', dark: '#ffa057' },
770
+ 12: { light: '#582d1d', dark: '#ffe0c2' },
771
+ a1: { light: '#c0400004', dark: '#ec360007' },
772
+ a2: { light: '#ff8e0012', dark: '#fe6d000e' },
773
+ a3: { light: '#ff9c0029', dark: '#fb6a0025' },
774
+ a4: { light: '#ff91014a', dark: '#ff590039' },
775
+ a5: { light: '#ff8b0065', dark: '#ff61004a' },
776
+ a6: { light: '#ff81007d', dark: '#fd75045c' },
777
+ a7: { light: '#ed6c008c', dark: '#ff832c75' },
778
+ a8: { light: '#e35f00aa', dark: '#fe84389d' },
779
+ a9: { light: '#f65e00ea', dark: '#fe6d15f7' },
780
+ a10: { light: '#ef5f00', dark: '#ff801f' },
781
+ a11: { light: '#cc4e00', dark: '#ffa057' },
782
+ a12: { light: '#431200e2', dark: '#ffe0c2' },
783
+ surface: { light: '#fff5e9cc', dark: '#271d1380' },
784
+ indicator: { light: '#f76b15', dark: '#f76b15' },
785
+ track: { light: '#f76b15', dark: '#f76b15' },
786
+ contrast: { light: '#ffffff', dark: '#ffffff' },
787
+ },
788
+ amber: {
789
+ 1: { light: '#fefdfb', dark: '#16120c' },
790
+ 2: { light: '#fefbe9', dark: '#1d180f' },
791
+ 3: { light: '#fff7c2', dark: '#302008' },
792
+ 4: { light: '#ffee9c', dark: '#3f2700' },
793
+ 5: { light: '#fbe577', dark: '#4d3000' },
794
+ 6: { light: '#f3d673', dark: '#5c3d05' },
795
+ 7: { light: '#e9c162', dark: '#714f19' },
796
+ 8: { light: '#e2a336', dark: '#8f6424' },
797
+ 9: { light: '#ffc53d', dark: '#ffc53d' },
798
+ 10: { light: '#ffba18', dark: '#ffd60a' },
799
+ 11: { light: '#ab6400', dark: '#ffca16' },
800
+ 12: { light: '#4f3422', dark: '#ffe7b3' },
801
+ a1: { light: '#c0800004', dark: '#e63c0006' },
802
+ a2: { light: '#f4d10016', dark: '#fd9b000d' },
803
+ a3: { light: '#ffde003d', dark: '#fa820022' },
804
+ a4: { light: '#ffd40063', dark: '#fc820032' },
805
+ a5: { light: '#f8cf0088', dark: '#fd8b0041' },
806
+ a6: { light: '#eab5008c', dark: '#fd9b0051' },
807
+ a7: { light: '#dc9b009d', dark: '#ffab2567' },
808
+ a8: { light: '#da8a00c9', dark: '#ffae3587' },
809
+ a9: { light: '#ffb300c2', dark: '#ffc53d' },
810
+ a10: { light: '#ffb300e7', dark: '#ffd60a' },
811
+ a11: { light: '#ab6400', dark: '#ffca16' },
812
+ a12: { light: '#341500dd', dark: '#ffe7b3' },
813
+ surface: { light: '#fefae4cc', dark: '#271f1380' },
814
+ indicator: { light: '#ffc53d', dark: '#ffc53d' },
815
+ track: { light: '#ffc53d', dark: '#e2ac37' },
816
+ contrast: { light: '#21201c', dark: '#21201c' },
817
+ },
818
+ yellow: {
819
+ 1: { light: '#fdfdf9', dark: '#14120b' },
820
+ 2: { light: '#fefce9', dark: '#1b180f' },
821
+ 3: { light: '#fffab8', dark: '#2d2305' },
822
+ 4: { light: '#fff394', dark: '#362b00' },
823
+ 5: { light: '#ffe770', dark: '#433500' },
824
+ 6: { light: '#f3d768', dark: '#524202' },
825
+ 7: { light: '#e4c767', dark: '#665417' },
826
+ 8: { light: '#d5ae39', dark: '#836a21' },
827
+ 9: { light: '#ffe629', dark: '#ffe629' },
828
+ 10: { light: '#ffdc00', dark: '#ffff57' },
829
+ 11: { light: '#9e6c00', dark: '#f5e147' },
830
+ 12: { light: '#473b1f', dark: '#f6eeb4' },
831
+ a1: { light: '#aaaa0006', dark: '#d1510004' },
832
+ a2: { light: '#f4dd0016', dark: '#f9b4000b' },
833
+ a3: { light: '#ffee0047', dark: '#ffaa001e' },
834
+ a4: { light: '#ffe3016b', dark: '#fdb70028' },
835
+ a5: { light: '#ffd5008f', dark: '#febb0036' },
836
+ a6: { light: '#ebbc0097', dark: '#fec40046' },
837
+ a7: { light: '#d2a10098', dark: '#fdcb225c' },
838
+ a8: { light: '#c99700c6', dark: '#fdca327b' },
839
+ a9: { light: '#ffe100d6', dark: '#ffe629' },
840
+ a10: { light: '#ffdc00', dark: '#ffff57' },
841
+ a11: { light: '#9e6c00', dark: '#fee949f5' },
842
+ a12: { light: '#2e2000e0', dark: '#fef6baf6' },
843
+ surface: { light: '#fefbe4cc', dark: '#231f1380' },
844
+ indicator: { light: '#ffdc00', dark: '#ffe629' },
845
+ track: { light: '#ffdc00', dark: '#d2b929' },
846
+ contrast: { light: '#21201c', dark: '#21201c' },
847
+ },
848
+ lime: {
849
+ 1: { light: '#fcfdfa', dark: '#11130c' },
850
+ 2: { light: '#f8faf3', dark: '#151a10' },
851
+ 3: { light: '#eef6d6', dark: '#1f2917' },
852
+ 4: { light: '#e2f0bd', dark: '#29371d' },
853
+ 5: { light: '#d3e7a6', dark: '#334423' },
854
+ 6: { light: '#c2da91', dark: '#3d522a' },
855
+ 7: { light: '#abc978', dark: '#496231' },
856
+ 8: { light: '#8db654', dark: '#577538' },
857
+ 9: { light: '#bdee63', dark: '#bdee63' },
858
+ 10: { light: '#b0e64c', dark: '#d4ff70' },
859
+ 11: { light: '#5c7c2f', dark: '#bde56c' },
860
+ 12: { light: '#37401c', dark: '#e3f7ba' },
861
+ a1: { light: '#66990005', dark: '#11bb0003' },
862
+ a2: { light: '#6b95000c', dark: '#78f7000a' },
863
+ a3: { light: '#96c80029', dark: '#9bfd4c1a' },
864
+ a4: { light: '#8fc60042', dark: '#a7fe5c29' },
865
+ a5: { light: '#81bb0059', dark: '#affe6537' },
866
+ a6: { light: '#72aa006e', dark: '#b2fe6d46' },
867
+ a7: { light: '#61990087', dark: '#b6ff6f57' },
868
+ a8: { light: '#559200ab', dark: '#b6fd6d6c' },
869
+ a9: { light: '#93e4009c', dark: '#caff69ed' },
870
+ a10: { light: '#8fdc00b3', dark: '#d4ff70' },
871
+ a11: { light: '#375f00d0', dark: '#d1fe77e4' },
872
+ a12: { light: '#1e2900e3', dark: '#e9febff7' },
873
+ surface: { light: '#f6f9f0cc', dark: '#1b211580' },
874
+ indicator: { light: '#bdee63', dark: '#bdee63' },
875
+ track: { light: '#bdee63', dark: '#98c254' },
876
+ contrast: { light: '#1d211c', dark: '#1d211c' },
877
+ },
878
+ mint: {
879
+ 1: { light: '#f9fefd', dark: '#0e1515' },
880
+ 2: { light: '#f2fbf9', dark: '#0f1b1b' },
881
+ 3: { light: '#ddf9f2', dark: '#092c2b' },
882
+ 4: { light: '#c8f4e9', dark: '#003a38' },
883
+ 5: { light: '#b3ecde', dark: '#004744' },
884
+ 6: { light: '#9ce0d0', dark: '#105650' },
885
+ 7: { light: '#7ecfbd', dark: '#1e685f' },
886
+ 8: { light: '#4cbba5', dark: '#277f70' },
887
+ 9: { light: '#86ead4', dark: '#86ead4' },
888
+ 10: { light: '#7de0cb', dark: '#a8f5e5' },
889
+ 11: { light: '#027864', dark: '#58d5ba' },
890
+ 12: { light: '#16433c', dark: '#c4f5e1' },
891
+ a1: { light: '#00d5aa06', dark: '#00dede05' },
892
+ a2: { light: '#00b18a0d', dark: '#00f9f90b' },
893
+ a3: { light: '#00d29e22', dark: '#00fff61d' },
894
+ a4: { light: '#00cc9937', dark: '#00fff42c' },
895
+ a5: { light: '#00c0914c', dark: '#00fff23a' },
896
+ a6: { light: '#00b08663', dark: '#0effeb4a' },
897
+ a7: { light: '#00a17d81', dark: '#34fde55e' },
898
+ a8: { light: '#009e7fb3', dark: '#41ffdf76' },
899
+ a9: { light: '#00d3a579', dark: '#92ffe7e9' },
900
+ a10: { light: '#00c39982', dark: '#aefeedf5' },
901
+ a11: { light: '#007763fd', dark: '#67ffded2' },
902
+ a12: { light: '#00312ae9', dark: '#cbfee9f5' },
903
+ surface: { light: '#effaf8cc', dark: '#15272780' },
904
+ indicator: { light: '#86ead4', dark: '#86ead4' },
905
+ track: { light: '#86ead4', dark: '#65c3b0' },
906
+ contrast: { light: '#1a211e', dark: '#1a211e' },
907
+ },
908
+ sky: {
909
+ 1: { light: '#f9feff', dark: '#0d141f' },
910
+ 2: { light: '#f1fafd', dark: '#111a27' },
911
+ 3: { light: '#e1f6fd', dark: '#112840' },
912
+ 4: { light: '#d1f0fa', dark: '#113555' },
913
+ 5: { light: '#bee7f5', dark: '#154467' },
914
+ 6: { light: '#a9daed', dark: '#1b537b' },
915
+ 7: { light: '#8dcae3', dark: '#1f6692' },
916
+ 8: { light: '#60b3d7', dark: '#197cae' },
917
+ 9: { light: '#7ce2fe', dark: '#7ce2fe' },
918
+ 10: { light: '#74daf8', dark: '#a8eeff' },
919
+ 11: { light: '#00749e', dark: '#75c7f0' },
920
+ 12: { light: '#1d3e56', dark: '#c2f3ff' },
921
+ a1: { light: '#00d5ff06', dark: '#0044ff0f' },
922
+ a2: { light: '#00a4db0e', dark: '#1171fb18' },
923
+ a3: { light: '#00b3ee1e', dark: '#1184fc33' },
924
+ a4: { light: '#00ace42e', dark: '#128fff49' },
925
+ a5: { light: '#00a1d841', dark: '#1c9dfd5d' },
926
+ a6: { light: '#0092ca56', dark: '#28a5ff72' },
927
+ a7: { light: '#0089c172', dark: '#2badfe8b' },
928
+ a8: { light: '#0085bf9f', dark: '#1db2fea9' },
929
+ a9: { light: '#00c7fe83', dark: '#7ce3fffe' },
930
+ a10: { light: '#00bcf38b', dark: '#a8eeff' },
931
+ a11: { light: '#00749e', dark: '#7cd3ffef' },
932
+ a12: { light: '#002540e2', dark: '#c2f3ff' },
933
+ surface: { light: '#eef9fdcc', dark: '#13233b80' },
934
+ indicator: { light: '#7ce2fe', dark: '#7ce2fe' },
935
+ track: { light: '#7ce2fe', dark: '#5bbde2' },
936
+ contrast: { light: '#1c2024', dark: '#1c2024' },
937
+ },
938
+ };
939
+ /** `--color-*` per scheme: hex, or `'gray.<step>'` for the theme's gray. */
940
+ exports.backgroundColors = {
941
+ background: { light: '#ffffff', dark: 'gray.1' },
942
+ overlay: { light: '#00000066', dark: '#00000099' },
943
+ 'panel-solid': { light: '#ffffff', dark: 'gray.2' },
944
+ 'panel-translucent': { light: '#ffffffb3', dark: 'gray.a2' },
945
+ surface: { light: '#ffffffd9', dark: '#00000040' },
946
+ };
947
+ /** `--space-*` in px at 100% scaling. */
948
+ exports.space = {
949
+ 1: 4,
950
+ 2: 8,
951
+ 3: 12,
952
+ 4: 16,
953
+ 5: 24,
954
+ 6: 32,
955
+ 7: 40,
956
+ 8: 48,
957
+ 9: 64,
958
+ };
959
+ /** `--font-size-*` in px at 100% scaling. */
960
+ exports.fontSizes = {
961
+ 1: 12,
962
+ 2: 14,
963
+ 3: 16,
964
+ 4: 18,
965
+ 5: 20,
966
+ 6: 24,
967
+ 7: 28,
968
+ 8: 35,
969
+ 9: 60,
970
+ };
971
+ /** `--line-height-*` (Text) in px at 100% scaling. */
972
+ exports.lineHeights = {
973
+ 1: 16,
974
+ 2: 20,
975
+ 3: 24,
976
+ 4: 26,
977
+ 5: 28,
978
+ 6: 30,
979
+ 7: 36,
980
+ 8: 40,
981
+ 9: 60,
982
+ };
983
+ /** `--heading-line-height-*` (Heading) in px at 100% scaling. */
984
+ exports.headingLineHeights = {
985
+ 1: 16,
986
+ 2: 18,
987
+ 3: 22,
988
+ 4: 24,
989
+ 5: 26,
990
+ 6: 30,
991
+ 7: 36,
992
+ 8: 40,
993
+ 9: 60,
994
+ };
995
+ /** `--letter-spacing-*` in em. */
996
+ exports.letterSpacings = {
997
+ 1: 0.0025,
998
+ 2: 0,
999
+ 3: 0,
1000
+ 4: -0.0025,
1001
+ 5: -0.005,
1002
+ 6: -0.00625,
1003
+ 7: -0.0075,
1004
+ 8: -0.01,
1005
+ 9: -0.025,
1006
+ };
1007
+ /** `--heading-letter-spacing` in em, added to `--letter-spacing-*` for Heading. */
1008
+ exports.headingLetterSpacing = 0;
1009
+ /** `--font-weight-*`. */
1010
+ exports.fontWeights = {
1011
+ light: '300',
1012
+ regular: '400',
1013
+ medium: '500',
1014
+ bold: '700',
1015
+ };
1016
+ /** `--radius-*` in px at 100% scaling and radius factor 1. */
1017
+ exports.radii = {
1018
+ 1: 3,
1019
+ 2: 4,
1020
+ 3: 6,
1021
+ 4: 8,
1022
+ 5: 12,
1023
+ 6: 16,
1024
+ };
1025
+ /** `--radius-factor` per `<Theme radius>`. */
1026
+ exports.radiusFactors = {
1027
+ none: 0,
1028
+ small: 0.75,
1029
+ medium: 1,
1030
+ large: 1.5,
1031
+ full: 1.5,
1032
+ };
1033
+ /** `--radius-full` per `<Theme radius>` (9999 only for `full`). */
1034
+ exports.radiusFull = {
1035
+ none: 0,
1036
+ small: 0,
1037
+ medium: 0,
1038
+ large: 0,
1039
+ full: 9999,
1040
+ };
1041
+ /** `--scaling` per `<Theme scaling>`. */
1042
+ exports.scalings = {
1043
+ '90%': 0.9,
1044
+ '95%': 0.95,
1045
+ '100%': 1,
1046
+ '105%': 1.05,
1047
+ '110%': 1.1,
1048
+ };
1049
+ /** `--shadow-*` (light), one layer each: rings skipped, largest blur kept. `shadow-1` is inset and omitted. A `'gray.<step>'` color is the theme's gray. */
1050
+ exports.shadows = {
1051
+ 2: { x: 0, y: 1, blur: 3, color: '#0000000d' },
1052
+ 3: { x: 0, y: 4, blur: 16, color: '#0000001a' },
1053
+ 4: { x: 0, y: 8, blur: 40, color: '#0000000d' },
1054
+ 5: { x: 0, y: 12, blur: 60, color: '#00000026' },
1055
+ 6: { x: 0, y: 16, blur: 64, color: 'gray.a2' },
1056
+ };