-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththemes.ts
330 lines (292 loc) · 11 KB
/
themes.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
type Theme = {
accentBackground: string;
accentColor: string;
background0: string;
background025: string;
background05: string;
background075: string;
color1: string;
color2: string;
color3: string;
color4: string;
color5: string;
color6: string;
color7: string;
color8: string;
color9: string;
color10: string;
color11: string;
color12: string;
color0: string;
color025: string;
color05: string;
color075: string;
background: string;
backgroundHover: string;
backgroundPress: string;
backgroundFocus: string;
borderColor: string;
borderColorHover: string;
borderColorPress: string;
borderColorFocus: string;
color: string;
colorHover: string;
colorPress: string;
colorFocus: string;
colorTransparent: string;
placeholderColor: string;
outlineColor: string;
}
function t(a: [number, number][]) {
let res: Record<string,string> = {}
for (const [ki, vi] of a) {
res[ks[ki] as string] = vs[vi] as string
}
return res as Theme
}
const vs = [
'hsla(180, 100%, 30%, 1)',
'hsla(60, 100%, 98%, 0)',
'hsla(60, 100%, 98%, 0.25)',
'hsla(60, 100%, 98%, 0.5)',
'hsla(60, 100%, 98%, 0.75)',
'hsla(60, 100%, 98%, 1)',
'hsla(47, 74%, 94%, 1)',
'hsla(44, 73%, 90%, 1)',
'hsla(41, 71%, 83%, 1)',
'hsla(31, 39%, 86%, 1)',
'hsla(30, 48%, 74%, 1)',
'hsla(28, 58%, 62%, 1)',
'hsla(27, 67%, 50%, 1)',
'hsla(25, 76%, 38%, 1)',
'hsla(25, 76%, 31%, 1)',
'hsla(60, 100%, 15%, 1)',
'hsla(60, 100%, 8%, 1)',
'hsla(60, 100%, 8%, 0)',
'hsla(60, 100%, 8%, 0.25)',
'hsla(60, 100%, 8%, 0.5)',
'hsla(60, 100%, 8%, 0.75)',
'hsla(180, 100%, 37%, 1)',
'hsla(60, 100%, 2%, 0)',
'hsla(60, 100%, 2%, 0.25)',
'hsla(60, 100%, 2%, 0.5)',
'hsla(60, 100%, 2%, 0.75)',
'hsla(60, 100%, 2%, 1)',
'hsla(47, 80%, 8%, 1)',
'hsla(40, 80%, 14%, 1)',
'hsla(40, 79%, 21%, 1)',
'hsla(35, 47%, 17%, 1)',
'hsla(33, 48%, 26%, 1)',
'hsla(30, 49%, 34%, 1)',
'hsla(28, 50%, 43%, 1)',
'hsla(25, 51%, 51%, 1)',
'hsla(25, 76%, 69%, 1)',
'hsla(60, 100%, 93%, 1)',
'hsla(180, 100%, 25%, 0)',
'hsla(180, 100%, 25%, 0.25)',
'hsla(180, 100%, 25%, 0.5)',
'hsla(180, 100%, 25%, 0.75)',
'hsla(180, 100%, 25%, 1)',
'hsla(180, 100%, 27%, 1)',
'hsla(180, 100%, 28%, 1)',
'hsla(180, 100%, 31%, 1)',
'hsla(180, 100%, 33%, 1)',
'hsla(180, 100%, 34%, 1)',
'hsla(180, 100%, 36%, 1)',
'hsla(180, 100%, 39%, 1)',
'hsla(60, 100%, 95%, 1)',
'hsla(60, 100%, 90%, 1)',
'hsla(60, 100%, 95%, 0)',
'hsla(60, 100%, 95%, 0.25)',
'hsla(60, 100%, 95%, 0.5)',
'hsla(60, 100%, 95%, 0.75)',
'rgba(0,0,0,0.5)',
'rgba(0,0,0,0.8)',
]
const ks = [
'accentBackground',
'accentColor',
'background0',
'background025',
'background05',
'background075',
'color1',
'color2',
'color3',
'color4',
'color5',
'color6',
'color7',
'color8',
'color9',
'color10',
'color11',
'color12',
'color0',
'color025',
'color05',
'color075',
'background',
'backgroundHover',
'backgroundPress',
'backgroundFocus',
'borderColor',
'borderColorHover',
'borderColorPress',
'borderColorFocus',
'color',
'colorHover',
'colorPress',
'colorFocus',
'colorTransparent',
'placeholderColor',
'outlineColor']
const n1 = t([[0, 0],[1, 0],[2, 1],[3, 2],[4, 3],[5, 4],[6, 5],[7, 6],[8, 7],[9, 8],[10, 9],[11, 10],[12, 11],[13, 12],[14, 13],[15, 14],[16, 15],[17, 16],[18, 17],[19, 18],[20, 19],[21, 20],[22, 5],[23, 4],[24, 6],[25, 6],[26, 8],[27, 7],[28, 9],[29, 8],[30, 16],[31, 15],[32, 16],[33, 15],[34, 17],[35, 13],[36, 18]])
export const light = n1
const n2 = t([[0, 21],[1, 21],[2, 22],[3, 23],[4, 24],[5, 25],[6, 26],[7, 27],[8, 28],[9, 29],[10, 30],[11, 31],[12, 32],[13, 33],[14, 34],[15, 35],[16, 36],[17, 5],[18, 1],[19, 2],[20, 3],[21, 4],[22, 26],[23, 27],[24, 25],[25, 25],[26, 29],[27, 30],[28, 28],[29, 29],[30, 5],[31, 36],[32, 5],[33, 36],[34, 1],[35, 34],[36, 2]])
export const dark = n2
const n3 = t([[0, 8],[1, 8],[2, 37],[3, 38],[4, 39],[5, 40],[6, 41],[7, 42],[8, 43],[9, 0],[10, 44],[11, 45],[12, 46],[13, 47],[14, 21],[15, 48],[16, 49],[17, 5],[18, 1],[19, 2],[20, 3],[21, 4],[22, 41],[23, 40],[24, 42],[25, 42],[26, 0],[27, 43],[28, 44],[29, 0],[30, 5],[31, 49],[32, 5],[33, 49],[34, 1],[35, 21],[36, 2]])
export const light_accent = n3
const n4 = t([[0, 34],[1, 34],[2, 37],[3, 38],[4, 39],[5, 40],[6, 41],[7, 42],[8, 43],[9, 0],[10, 44],[11, 45],[12, 46],[13, 47],[14, 21],[15, 48],[16, 50],[17, 49],[18, 51],[19, 52],[20, 53],[21, 54],[22, 41],[23, 42],[24, 40],[25, 40],[26, 0],[27, 44],[28, 43],[29, 0],[30, 49],[31, 50],[32, 49],[33, 50],[34, 51],[35, 21],[36, 52]])
export const dark_accent = n4
const n5 = t([[30, 15],[31, 14],[32, 15],[33, 14]])
export const light_alt1 = n5
const n6 = t([[30, 14],[31, 13],[32, 14],[33, 13]])
export const light_alt2 = n6
const n7 = t([[22, 8],[23, 7],[24, 9],[25, 9],[26, 11],[27, 10],[29, 11],[28, 12]])
export const light_active = n7
export const light_surface3 = n7
export const light_Button = n7
export const light_SliderTrackActive = n7
const n8 = t([[22, 6],[23, 5],[24, 7],[25, 7],[26, 9],[27, 8],[29, 9],[28, 10]])
export const light_surface1 = n8
export const light_ListItem = n8
export const light_SelectTrigger = n8
export const light_Card = n8
export const light_Progress = n8
export const light_TooltipArrow = n8
export const light_SliderTrack = n8
export const light_Input = n8
export const light_TextArea = n8
const n9 = t([[22, 7],[23, 6],[24, 8],[25, 8],[26, 10],[27, 9],[29, 10],[28, 11]])
export const light_surface2 = n9
export const light_Checkbox = n9
export const light_Switch = n9
export const light_TooltipContent = n9
export const light_RadioGroupItem = n9
const n10 = t([[22, 10],[23, 10],[24, 11],[25, 11],[26, 10],[27, 10],[29, 11],[28, 11]])
export const light_surface4 = n10
const n11 = t([[30, 36],[31, 35],[32, 36],[33, 35]])
export const dark_alt1 = n11
const n12 = t([[30, 35],[31, 34],[32, 35],[33, 34]])
export const dark_alt2 = n12
const n13 = t([[22, 29],[23, 30],[24, 28],[25, 28],[26, 32],[27, 33],[29, 32],[28, 31]])
export const dark_active = n13
export const dark_surface3 = n13
export const dark_Button = n13
export const dark_SliderTrackActive = n13
const n14 = t([[22, 27],[23, 28],[24, 26],[25, 26],[26, 30],[27, 31],[29, 30],[28, 29]])
export const dark_surface1 = n14
export const dark_ListItem = n14
export const dark_SelectTrigger = n14
export const dark_Card = n14
export const dark_Progress = n14
export const dark_TooltipArrow = n14
export const dark_SliderTrack = n14
export const dark_Input = n14
export const dark_TextArea = n14
const n15 = t([[22, 28],[23, 29],[24, 27],[25, 27],[26, 31],[27, 32],[29, 31],[28, 30]])
export const dark_surface2 = n15
export const dark_Checkbox = n15
export const dark_Switch = n15
export const dark_TooltipContent = n15
export const dark_RadioGroupItem = n15
const n16 = t([[22, 31],[23, 31],[24, 30],[25, 30],[26, 31],[27, 31],[29, 30],[28, 30]])
export const dark_surface4 = n16
const n17 = t([[30, 49],[31, 48],[32, 49],[33, 48]])
export const light_accent_alt1 = n17
const n18 = t([[30, 48],[31, 21],[32, 48],[33, 21]])
export const light_accent_alt2 = n18
export const dark_accent_alt2 = n18
const n19 = t([[22, 0],[23, 43],[24, 44],[25, 44],[26, 46],[27, 45],[29, 46],[28, 47]])
export const light_accent_active = n19
export const light_accent_surface3 = n19
export const light_accent_Button = n19
export const light_accent_SliderTrackActive = n19
const n20 = t([[22, 42],[23, 41],[24, 43],[25, 43],[26, 44],[27, 0],[29, 44],[28, 45]])
export const light_accent_surface1 = n20
export const light_accent_ListItem = n20
export const light_accent_SelectTrigger = n20
export const light_accent_Card = n20
export const light_accent_Progress = n20
export const light_accent_TooltipArrow = n20
export const light_accent_SliderTrack = n20
export const light_accent_Input = n20
export const light_accent_TextArea = n20
const n21 = t([[22, 43],[23, 42],[24, 0],[25, 0],[26, 45],[27, 44],[29, 45],[28, 46]])
export const light_accent_surface2 = n21
export const light_accent_Checkbox = n21
export const light_accent_Switch = n21
export const light_accent_TooltipContent = n21
export const light_accent_RadioGroupItem = n21
const n22 = t([[22, 45],[23, 45],[24, 46],[25, 46],[26, 45],[27, 45],[29, 46],[28, 46]])
export const light_accent_surface4 = n22
const n23 = t([[30, 50],[31, 48],[32, 50],[33, 48]])
export const dark_accent_alt1 = n23
const n24 = t([[22, 0],[23, 44],[24, 43],[25, 43],[26, 46],[27, 47],[29, 46],[28, 45]])
export const dark_accent_active = n24
export const dark_accent_surface3 = n24
export const dark_accent_Button = n24
export const dark_accent_SliderTrackActive = n24
const n25 = t([[22, 42],[23, 43],[24, 41],[25, 41],[26, 44],[27, 45],[29, 44],[28, 0]])
export const dark_accent_surface1 = n25
export const dark_accent_ListItem = n25
export const dark_accent_SelectTrigger = n25
export const dark_accent_Card = n25
export const dark_accent_Progress = n25
export const dark_accent_TooltipArrow = n25
export const dark_accent_SliderTrack = n25
export const dark_accent_Input = n25
export const dark_accent_TextArea = n25
const n26 = t([[22, 43],[23, 0],[24, 42],[25, 42],[26, 45],[27, 46],[29, 45],[28, 44]])
export const dark_accent_surface2 = n26
export const dark_accent_Checkbox = n26
export const dark_accent_Switch = n26
export const dark_accent_TooltipContent = n26
export const dark_accent_RadioGroupItem = n26
const n27 = t([[22, 45],[23, 45],[24, 44],[25, 44],[26, 45],[27, 45],[29, 44],[28, 44]])
export const dark_accent_surface4 = n27
const n28 = t([[30, 6],[31, 5],[32, 7],[33, 7],[22, 16],[23, 15],[24, 16],[25, 15],[26, 14],[27, 13],[29, 12],[28, 11]])
export const light_SwitchThumb = n28
export const light_SliderThumb = n28
export const light_Tooltip = n28
export const light_ProgressIndicator = n28
const n29 = t([[22, 55]])
export const light_SheetOverlay = n29
export const light_DialogOverlay = n29
export const light_ModalOverlay = n29
export const light_accent_SheetOverlay = n29
export const light_accent_DialogOverlay = n29
export const light_accent_ModalOverlay = n29
const n30 = t([[30, 27],[31, 28],[32, 26],[33, 26],[22, 5],[23, 36],[24, 5],[25, 36],[26, 35],[27, 34],[29, 33],[28, 32]])
export const dark_SwitchThumb = n30
export const dark_SliderThumb = n30
export const dark_Tooltip = n30
export const dark_ProgressIndicator = n30
const n31 = t([[22, 56]])
export const dark_SheetOverlay = n31
export const dark_DialogOverlay = n31
export const dark_ModalOverlay = n31
export const dark_accent_SheetOverlay = n31
export const dark_accent_DialogOverlay = n31
export const dark_accent_ModalOverlay = n31
const n32 = t([[30, 42],[31, 41],[32, 43],[33, 43],[22, 5],[23, 49],[24, 5],[25, 49],[26, 48],[27, 21],[29, 47],[28, 46]])
export const light_accent_SwitchThumb = n32
export const light_accent_SliderThumb = n32
export const light_accent_Tooltip = n32
export const light_accent_ProgressIndicator = n32
const n33 = t([[30, 42],[31, 43],[32, 41],[33, 41],[22, 49],[23, 50],[24, 49],[25, 50],[26, 48],[27, 21],[29, 47],[28, 46]])
export const dark_accent_SwitchThumb = n33
export const dark_accent_SliderThumb = n33
export const dark_accent_Tooltip = n33
export const dark_accent_ProgressIndicator = n33