Bluesky app fork with some witchin' additions 💫
1import {
2 createThemes,
3 // I REJECT NODE MODULE SOCIETY
4 // DEFAULT_PALETTE,
5 // DEFAULT_SUBDUED_PALETTE,
6} from '@bsky.app/alf'
7
8import {
9 BLUE_HUE as BLACKSKY_BLUE_HUE,
10 BLUE_HUE as ZEPPELIN_BLUE_HUE,
11 defaultScale as ZEPPELIN_defaultScale,
12 // defaultScale as BLACKSKY_defaultScale,
13 dimScale as BLACKSKY_dimScale,
14 dimScale as ZEPPELIN_dimScale,
15 GREEN_HUE as BLACKSKY_GREEN_HUE,
16 GREEN_HUE as ZEPPELIN_GREEN_HUE,
17 RED_HUE as BLACKSKY_RED_HUE,
18 RED_HUE as ZEPPELIN_RED_HUE,
19} from '#/alf/util/blackskyColorGeneration'
20import {
21 BLUE_HUE as DEER_BLUE_HUE,
22 defaultScale as DEER_defaultScale,
23 // dimScale as DEER_dimScale,
24 GREEN_HUE as DEER_GREEN_HUE,
25 RED_HUE as DEER_RED_HUE,
26} from '#/alf/util/deerColorGeneration'
27
28export type Palette = {
29 white: string
30 black: string
31 like: string
32 pink: string
33 yellow: string
34
35 contrast_0: string
36 contrast_25: string
37 contrast_50: string
38 contrast_100: string
39 contrast_200: string
40 contrast_300: string
41 contrast_400: string
42 contrast_500: string
43 contrast_600: string
44 contrast_700: string
45 contrast_800: string
46 contrast_900: string
47 contrast_950: string
48 contrast_975: string
49 contrast_1000: string
50
51 primary_25: string
52 primary_50: string
53 primary_100: string
54 primary_200: string
55 primary_300: string
56 primary_400: string
57 primary_500: string
58 primary_600: string
59 primary_700: string
60 primary_800: string
61 primary_900: string
62 primary_950: string
63 primary_975: string
64
65 positive_25: string
66 positive_50: string
67 positive_100: string
68 positive_200: string
69 positive_300: string
70 positive_400: string
71 positive_500: string
72 positive_600: string
73 positive_700: string
74 positive_800: string
75 positive_900: string
76 positive_950: string
77 positive_975: string
78
79 negative_25: string
80 negative_50: string
81 negative_100: string
82 negative_200: string
83 negative_300: string
84 negative_400: string
85 negative_500: string
86 negative_600: string
87 negative_700: string
88 negative_800: string
89 negative_900: string
90 negative_950: string
91 negative_975: string
92}
93
94export const STATIC_VALUES = {
95 white: '#FEFBFB',
96 black: '#000000',
97 pink: '#EC4899',
98 yellow: '#FFC404',
99}
100
101export const DEFAULT_PALETTE: Palette = {
102 white: '#FEFBFB',
103 black: '#000000',
104 like: '#dd5e8f',
105 pink: STATIC_VALUES.pink,
106 yellow: STATIC_VALUES.yellow,
107
108 contrast_0: '#FEFBFB',
109 contrast_25: '#F5F2F1',
110 contrast_50: '#EDE9E8',
111 contrast_100: '#E0DBD9',
112 contrast_200: '#D0CBC9',
113 contrast_300: '#C0BBB9',
114 contrast_400: '#B0ABA9',
115 contrast_500: '#A09B99',
116 contrast_600: '#88736c',
117 contrast_700: '#755f57',
118 contrast_800: '#624c43',
119 contrast_900: '#4f3a31',
120 contrast_950: '#3e2b21',
121 contrast_975: '#2a1a15',
122 contrast_1000: '#150b08',
123
124 primary_25: `hsl(5, 30%, 97%)`,
125 primary_50: `hsl(5, 30%, 95%)`,
126 primary_100: `hsl(5, 30%, 90%)`,
127 primary_200: `hsl(5, 52%, 80%)`,
128 primary_300: `hsl(5, 64%, 70%)`,
129 primary_400: `hsl(5, 75%, 58%)`,
130 primary_500: `hsl(5, 82%, 60%)`,
131 primary_600: `hsl(5, 80%, 54%)`,
132 primary_700: `hsl(5, 40%, 32%)`,
133 primary_800: `hsl(5, 42%, 25%)`,
134 primary_900: `hsl(5, 45%, 18%)`,
135 primary_950: `hsl(5, 48%, 10%)`,
136 primary_975: `hsl(5, 50%, 7%)`,
137
138 positive_25: '#ECFEF5',
139 positive_50: '#D3FDE8',
140 positive_100: '#A3FACF',
141 positive_200: '#6AF6B0',
142 positive_300: '#2CF28F',
143 positive_400: '#0DD370',
144 positive_500: '#09B35E',
145 positive_600: '#04904A',
146 positive_700: '#036D38',
147 positive_800: '#04522B',
148 positive_900: '#033F21',
149 positive_950: '#032A17',
150 positive_975: '#021D0F',
151
152 negative_25: '#FFF5F7',
153 negative_50: '#FEE7EC',
154 negative_100: '#FDD3DD',
155 negative_200: '#FBBBCA',
156 negative_300: '#F891A9',
157 negative_400: '#F65A7F',
158 negative_500: '#E91646',
159 negative_600: '#CA123D',
160 negative_700: '#A71134',
161 negative_800: '#7F0B26',
162 negative_900: '#5F071C',
163 negative_950: '#430413',
164 negative_975: '#30030D',
165}
166
167export const DEFAULT_SUBDUED_PALETTE: Palette = {
168 white: '#FEFBFB',
169 black: '#383434',
170 like: '#dd5e8f',
171 pink: STATIC_VALUES.pink,
172 yellow: STATIC_VALUES.yellow,
173
174 contrast_0: '#FEFBFB',
175 contrast_25: '#F5F2F1',
176 contrast_50: '#EDE9E8',
177 contrast_100: '#E0DBD9',
178 contrast_200: '#D0CBC9',
179 contrast_300: '#C0BBB9',
180 contrast_400: '#B0ABA9',
181 contrast_500: '#A09B99',
182 contrast_600: '#88736c',
183 contrast_700: '#755f57',
184 contrast_800: '#624c43',
185 contrast_900: '#4f3a31',
186 contrast_950: '#3e2b21',
187 contrast_975: '#2f201f',
188 contrast_1000: '#281c1c',
189
190 primary_25: `hsl(5, 30%, 97%)`,
191 primary_50: `hsl(5, 30%, 95%)`,
192 primary_100: `hsl(5, 30%, 90%)`,
193 primary_200: `hsl(5, 52%, 80%)`,
194 primary_300: `hsl(5, 64%, 70%)`,
195 primary_400: `hsl(5, 84%, 66%)`,
196 primary_500: `hsl(5, 82%, 60%)`,
197 primary_600: `hsl(5, 80%, 54%)`,
198 primary_700: `hsl(5, 58%, 55%)`,
199 primary_800: `hsl(5, 42%, 25%)`,
200 primary_900: `hsl(5, 45%, 18%)`,
201 primary_950: `hsl(5, 48%, 10%)`,
202 primary_975: `hsl(5, 50%, 7%)`,
203
204 positive_25: '#ECFEF5',
205 positive_50: '#D8FDEB',
206 positive_100: '#A8FAD1',
207 positive_200: '#6FF6B3',
208 positive_300: '#31F291',
209 positive_400: '#0EDD75',
210 positive_500: '#0AC266',
211 positive_600: '#049F52',
212 positive_700: '#038142',
213 positive_800: '#056636',
214 positive_900: '#04522B',
215 positive_950: '#053D21',
216 positive_975: '#052917',
217
218 negative_25: '#FFF5F7',
219 negative_50: '#FEEBEF',
220 negative_100: '#FDD8E1',
221 negative_200: '#FCC0CE',
222 negative_300: '#F99AB0',
223 negative_400: '#F76486',
224 negative_500: '#EB2452',
225 negative_600: '#D81341',
226 negative_700: '#BA1239',
227 negative_800: '#910D2C',
228 negative_900: '#6F0B22',
229 negative_950: '#500B1C',
230 negative_975: '#3E0915',
231}
232
233export function invertPalette(palette: Palette) {
234 return {
235 white: palette.white,
236 black: palette.black,
237 like: palette.like,
238
239 contrast_0: palette.contrast_1000,
240 contrast_25: palette.contrast_975,
241 contrast_50: palette.contrast_950,
242 contrast_100: palette.contrast_900,
243 contrast_200: palette.contrast_800,
244 contrast_300: palette.contrast_700,
245 contrast_400: palette.contrast_600,
246 contrast_500: palette.contrast_500,
247 contrast_600: palette.contrast_400,
248 contrast_700: palette.contrast_300,
249 contrast_800: palette.contrast_200,
250 contrast_900: palette.contrast_100,
251 contrast_950: palette.contrast_50,
252 contrast_975: palette.contrast_25,
253 contrast_1000: palette.contrast_0,
254
255 primary_25: palette.primary_975,
256 primary_50: palette.primary_950,
257 primary_100: palette.primary_900,
258 primary_200: palette.primary_800,
259 primary_300: palette.primary_700,
260 primary_400: palette.primary_600,
261 primary_500: palette.primary_500,
262 primary_600: palette.primary_400,
263 primary_700: palette.primary_300,
264 primary_800: palette.primary_200,
265 primary_900: palette.primary_100,
266 primary_950: palette.primary_50,
267 primary_975: palette.primary_25,
268
269 positive_25: palette.positive_975,
270 positive_50: palette.positive_950,
271 positive_100: palette.positive_900,
272 positive_200: palette.positive_800,
273 positive_300: palette.positive_700,
274 positive_400: palette.positive_600,
275 positive_500: palette.positive_500,
276 positive_600: palette.positive_400,
277 positive_700: palette.positive_300,
278 positive_800: palette.positive_200,
279 positive_900: palette.positive_100,
280 positive_950: palette.positive_50,
281 positive_975: palette.positive_25,
282
283 negative_25: palette.negative_975,
284 negative_50: palette.negative_950,
285 negative_100: palette.negative_900,
286 negative_200: palette.negative_800,
287 negative_300: palette.negative_700,
288 negative_400: palette.negative_600,
289 negative_500: palette.negative_500,
290 negative_600: palette.negative_400,
291 negative_700: palette.negative_300,
292 negative_800: palette.negative_200,
293 negative_900: palette.negative_100,
294 negative_950: palette.negative_50,
295 negative_975: palette.negative_25,
296 }
297}
298
299const DEFAULT_THEMES = createThemes({
300 defaultPalette: DEFAULT_PALETTE,
301 subduedPalette: DEFAULT_SUBDUED_PALETTE,
302})
303
304export const themes = {
305 lightPalette: DEFAULT_THEMES.light.palette,
306 darkPalette: DEFAULT_THEMES.dark.palette,
307 dimPalette: DEFAULT_THEMES.dim.palette,
308 light: DEFAULT_THEMES.light,
309 dark: DEFAULT_THEMES.dark,
310 dim: DEFAULT_THEMES.dim,
311}
312
313export const witchskyscheme = themes
314
315export const BLACKSKY_BRAND = {
316 /* Neutrals */
317 black: '#070C0C',
318 white: '#F8FAF9',
319 twilight: '#161E27',
320 gray300: '#C8CAC9',
321 gray400: '#9C9E9E',
322 gray600: '#6A6A6A',
323
324 /* Primary / “Indigo‑violet” */
325 primaryLight: '#6060E9',
326 primaryLightTint: '#EAEBFC',
327 primaryDark: '#8686FF',
328 primaryDarkTint: '#464985',
329
330 /* Accent / Lime‑green (“success”) */
331 secondary: '#D2FC51',
332 secondaryTint: '#F1FECB',
333
334 /* Negative / Brand red */
335 negative: '#F40B42',
336} as const
337
338const scaleLight = (idx: number) => BLACKSKY_dimScale[idx]
339
340export const BLACKSKY_PALETTE: Palette = {
341 white: BLACKSKY_BRAND.white,
342 black: BLACKSKY_BRAND.black,
343 pink: STATIC_VALUES.pink,
344 yellow: STATIC_VALUES.yellow,
345 like: STATIC_VALUES.pink,
346
347 // neutrals
348 contrast_0: BLACKSKY_BRAND.white,
349 contrast_25: '#F4F6F5', // Very Light
350 contrast_50: '#F0F2F2',
351 contrast_100: '#E6E8E8',
352 contrast_200: '#D1D3D3',
353 contrast_300: '#B6B8B8',
354 contrast_400: '#9C9E9E',
355 contrast_500: '#818383',
356 contrast_600: '#6A6A6A',
357 contrast_700: '#4F5050',
358 contrast_800: '#353636',
359 contrast_900: '#1F2020',
360 contrast_950: '#121313',
361 contrast_975: '#0B0C0C',
362 contrast_1000: BLACKSKY_BRAND.black,
363
364 // primary (light scheme)
365 // Tuned to ensure _975 isn't too saturated so the inverted Dark Mode background is clean.
366 primary_25: BLACKSKY_BRAND.primaryLightTint,
367 primary_50: '#DCDDFA',
368 primary_100: '#C6C8F5',
369 primary_200: '#B0B3F0',
370 primary_300: '#989CED',
371 primary_400: '#8286E7',
372 primary_500: BLACKSKY_BRAND.primaryLight,
373 primary_600: '#5252C3',
374 primary_700: '#4545A8',
375 primary_800: '#38388D',
376 primary_900: '#2B2B71',
377 primary_950: '#151540', // Deepened and desaturated slightly
378 primary_975: '#0B0B24', // Almost black-blue, ensures Dark Mode BG isn't "muddy blue"
379
380 // success
381 positive_25: BLACKSKY_BRAND.secondaryTint,
382 positive_50: '#EAFDD1',
383 positive_100: '#DAFCAB',
384 positive_200: '#C8FC80',
385 positive_300: '#BBFB66',
386 positive_400: '#AEFA59',
387 positive_500: BLACKSKY_BRAND.secondary,
388 positive_600: '#A0EC46',
389 positive_700: '#82C838',
390 positive_800: '#66942A',
391 positive_900: '#4A601C',
392 positive_950: '#2E3B0E',
393 positive_975: '#181F07',
394
395 // error
396 negative_25: '#FFE5EC',
397 negative_50: '#FFD9E3',
398 negative_100: '#FFC1D1',
399 negative_200: '#FF9AB3',
400 negative_300: '#FF7396',
401 negative_400: '#FF4B78',
402 negative_500: BLACKSKY_BRAND.negative,
403 negative_600: '#C00A32',
404 negative_700: '#920826',
405 negative_800: '#630619',
406 negative_900: '#35030D',
407 negative_950: '#1B0206',
408 negative_975: '#0E0103',
409} as const
410
411// The Subdued palette must be defined as a LIGHT palette.
412// createThemes will then INVERT this to create the Dim (Dark Blue) theme.
413// We map _25 to High Lightness and _975 to Low Lightness.
414export const BLACKSKY_SUBDUED_PALETTE: Palette = {
415 ...BLACKSKY_PALETTE,
416
417 // Override black to a softer twilight for the text in Light mode (optional)
418 // or primarily for the background color in the inverted Dim mode.
419 black: '#161E27',
420
421 // Neutral / Contrast Scale (Blue-Tinted Grays)
422 // We utilize the dimScale in reverse: [14] is lightest, [1] is darkest.
423 contrast_0: '#FFFFFF',
424 contrast_25: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(14)}%)`, // Lightest
425 contrast_50: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(13)}%)`,
426 contrast_100: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(12)}%)`,
427 contrast_200: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(11)}%)`,
428 contrast_300: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(10)}%)`,
429 contrast_400: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(9)}%)`,
430 contrast_500: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(8)}%)`,
431 contrast_600: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(7)}%)`,
432 contrast_700: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(5)}%)`,
433 contrast_800: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(4)}%)`,
434 contrast_900: `hsl(${BLACKSKY_BLUE_HUE}, 24%, ${scaleLight(3)}%)`,
435 contrast_950: `hsl(${BLACKSKY_BLUE_HUE}, 28%, ${scaleLight(2)}%)`,
436 contrast_975: `hsl(${BLACKSKY_BLUE_HUE}, 30%, ${scaleLight(1)}%)`, // Darkest
437 contrast_1000: `hsl(${BLACKSKY_BLUE_HUE}, 30%, 8%)`, // Absolute Darkest
438
439 // Subdued Primary
440 // Less saturation than the main palette to fit the "Subdued" vibe
441 primary_25: `hsl(240, 60%, 97%)`,
442 primary_50: `hsl(240, 60%, 95%)`,
443 primary_100: `hsl(240, 55%, 90%)`,
444 primary_200: `hsl(240, 50%, 80%)`,
445 primary_300: `hsl(240, 45%, 70%)`,
446 primary_400: `hsl(240, 40%, 60%)`,
447 primary_500: `hsl(240, 35%, 50%)`, // Midpoint
448 primary_600: `hsl(240, 40%, 45%)`,
449 primary_700: `hsl(240, 45%, 35%)`,
450 primary_800: `hsl(240, 50%, 25%)`,
451 primary_900: `hsl(240, 50%, 15%)`,
452 primary_950: `hsl(240, 50%, 10%)`,
453 primary_975: `hsl(240, 50%, 6%)`,
454
455 // Subdued Success
456 positive_25: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 96%)`,
457 positive_50: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 93%)`,
458 positive_100: `hsl(${BLACKSKY_GREEN_HUE}, 55%, 88%)`,
459 positive_200: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 80%)`,
460 positive_300: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 70%)`,
461 positive_400: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 60%)`,
462 positive_500: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 50%)`,
463 positive_600: `hsl(${BLACKSKY_GREEN_HUE}, 55%, 40%)`,
464 positive_700: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 30%)`,
465 positive_800: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 20%)`,
466 positive_900: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 15%)`,
467 positive_950: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 10%)`,
468 positive_975: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 5%)`,
469
470 // Subdued Negative
471 negative_25: `hsl(${BLACKSKY_RED_HUE}, 70%, 97%)`,
472 negative_50: `hsl(${BLACKSKY_RED_HUE}, 70%, 95%)`,
473 negative_100: `hsl(${BLACKSKY_RED_HUE}, 65%, 90%)`,
474 negative_200: `hsl(${BLACKSKY_RED_HUE}, 60%, 80%)`,
475 negative_300: `hsl(${BLACKSKY_RED_HUE}, 55%, 70%)`,
476 negative_400: `hsl(${BLACKSKY_RED_HUE}, 55%, 60%)`,
477 negative_500: `hsl(${BLACKSKY_RED_HUE}, 60%, 50%)`,
478 negative_600: `hsl(${BLACKSKY_RED_HUE}, 60%, 45%)`,
479 negative_700: `hsl(${BLACKSKY_RED_HUE}, 65%, 35%)`,
480 negative_800: `hsl(${BLACKSKY_RED_HUE}, 65%, 25%)`,
481 negative_900: `hsl(${BLACKSKY_RED_HUE}, 70%, 15%)`,
482 negative_950: `hsl(${BLACKSKY_RED_HUE}, 70%, 10%)`,
483 negative_975: `hsl(${BLACKSKY_RED_HUE}, 70%, 5%)`,
484} as const
485
486const BLACKSKY_THEMES = createThemes({
487 defaultPalette: BLACKSKY_PALETTE,
488 subduedPalette: BLACKSKY_SUBDUED_PALETTE,
489})
490
491export const blackskyscheme = {
492 lightPalette: BLACKSKY_THEMES.light.palette,
493 darkPalette: BLACKSKY_THEMES.dark.palette,
494 dimPalette: BLACKSKY_THEMES.dim.palette,
495 light: BLACKSKY_THEMES.light,
496 dark: BLACKSKY_THEMES.dark,
497 dim: BLACKSKY_THEMES.dim,
498}
499
500export const BLUESKY_PALETTE: Palette = {
501 white: STATIC_VALUES.white,
502 black: STATIC_VALUES.black,
503 pink: STATIC_VALUES.pink,
504 yellow: STATIC_VALUES.yellow,
505 like: STATIC_VALUES.pink,
506
507 contrast_0: '#FFFFFF',
508 contrast_25: '#F9FAFB',
509 contrast_50: '#EFF2F6',
510 contrast_100: '#DCE2EA',
511 contrast_200: '#C0CAD8',
512 contrast_300: '#A5B2C5',
513 contrast_400: '#8798B0',
514 contrast_500: '#667B99',
515 contrast_600: '#526580',
516 contrast_700: '#405168',
517 contrast_800: '#313F54',
518 contrast_900: '#232E3E',
519 contrast_950: '#19222E',
520 contrast_975: '#111822',
521 contrast_1000: '#000000',
522
523 primary_25: '#F5F9FF',
524 primary_50: '#E5F0FF',
525 primary_100: '#CCE1FF',
526 primary_200: '#A8CCFF',
527 primary_300: '#75AFFF',
528 primary_400: '#4291FF',
529 primary_500: '#006AFF',
530 primary_600: '#0059D6',
531 primary_700: '#0048AD',
532 primary_800: '#00398A',
533 primary_900: '#002861',
534 primary_950: '#001E47',
535 primary_975: '#001533',
536
537 positive_25: '#ECFEF5',
538 positive_50: '#D3FDE8',
539 positive_100: '#A3FACF',
540 positive_200: '#6AF6B0',
541 positive_300: '#2CF28F',
542 positive_400: '#0DD370',
543 positive_500: '#09B35E',
544 positive_600: '#04904A',
545 positive_700: '#036D38',
546 positive_800: '#04522B',
547 positive_900: '#033F21',
548 positive_950: '#032A17',
549 positive_975: '#021D0F',
550
551 negative_25: '#FFF5F7',
552 negative_50: '#FEE7EC',
553 negative_100: '#FDD3DD',
554 negative_200: '#FBBBCA',
555 negative_300: '#F891A9',
556 negative_400: '#F65A7F',
557 negative_500: '#E91646',
558 negative_600: '#CA123D',
559 negative_700: '#A71134',
560 negative_800: '#7F0B26',
561 negative_900: '#5F071C',
562 negative_950: '#430413',
563 negative_975: '#30030D',
564}
565
566export const BLUESKY_SUBDUED_PALETTE: Palette = {
567 white: STATIC_VALUES.white,
568 black: STATIC_VALUES.black,
569 pink: STATIC_VALUES.pink,
570 yellow: STATIC_VALUES.yellow,
571 like: STATIC_VALUES.pink,
572
573 contrast_0: '#FFFFFF',
574 contrast_25: '#F9FAFB',
575 contrast_50: '#F2F4F8',
576 contrast_100: '#E2E7EE',
577 contrast_200: '#C3CDDA',
578 contrast_300: '#ABB8C9',
579 contrast_400: '#8D9DB4',
580 contrast_500: '#6F839F',
581 contrast_600: '#586C89',
582 contrast_700: '#485B75',
583 contrast_800: '#394960',
584 contrast_900: '#2C3A4E',
585 contrast_950: '#222E3F',
586 contrast_975: '#1C2736',
587 contrast_1000: '#151D28',
588
589 primary_25: '#F5F9FF',
590 primary_50: '#EBF3FF',
591 primary_100: '#D6E7FF',
592 primary_200: '#ADCFFF',
593 primary_300: '#80B5FF',
594 primary_400: '#4D97FF',
595 primary_500: '#0F73FF',
596 primary_600: '#0661E0',
597 primary_700: '#0A52B8',
598 primary_800: '#0E4490',
599 primary_900: '#123464',
600 primary_950: '#122949',
601 primary_975: '#122136',
602
603 positive_25: '#ECFEF5',
604 positive_50: '#D8FDEB',
605 positive_100: '#A8FAD1',
606 positive_200: '#6FF6B3',
607 positive_300: '#31F291',
608 positive_400: '#0EDD75',
609 positive_500: '#0AC266',
610 positive_600: '#049F52',
611 positive_700: '#038142',
612 positive_800: '#056636',
613 positive_900: '#04522B',
614 positive_950: '#053D21',
615 positive_975: '#052917',
616
617 negative_25: '#FFF5F7',
618 negative_50: '#FEEBEF',
619 negative_100: '#FDD8E1',
620 negative_200: '#FCC0CE',
621 negative_300: '#F99AB0',
622 negative_400: '#F76486',
623 negative_500: '#EB2452',
624 negative_600: '#D81341',
625 negative_700: '#BA1239',
626 negative_800: '#910D2C',
627 negative_900: '#6F0B22',
628 negative_950: '#500B1C',
629 negative_975: '#3E0915',
630}
631
632const BLUESKY_THEMES = createThemes({
633 defaultPalette: BLUESKY_PALETTE,
634 subduedPalette: BLUESKY_SUBDUED_PALETTE,
635})
636
637export const blueskyscheme = {
638 lightPalette: BLUESKY_THEMES.light.palette,
639 darkPalette: BLUESKY_THEMES.dark.palette,
640 dimPalette: BLUESKY_THEMES.dim.palette,
641 light: BLUESKY_THEMES.light,
642 dark: BLUESKY_THEMES.dark,
643 dim: BLUESKY_THEMES.dim,
644}
645
646export const CYAN_PALETTE: Palette = {
647 white: STATIC_VALUES.white,
648 black: STATIC_VALUES.black,
649 pink: STATIC_VALUES.pink,
650 yellow: STATIC_VALUES.yellow,
651 like: STATIC_VALUES.pink,
652
653 contrast_0: '#FFFFFF',
654 contrast_25: '#F9FAFB',
655 contrast_50: '#EFF2F6',
656 contrast_100: '#DCE2EA',
657 contrast_200: '#C0CAD8',
658 contrast_300: '#A5B2C5',
659 contrast_400: '#8798B0',
660 contrast_500: '#667B99',
661 contrast_600: '#526580',
662 contrast_700: '#405168',
663 contrast_800: '#313F54',
664 contrast_900: '#232E3E',
665 contrast_950: '#19222E',
666 contrast_975: '#111822',
667 contrast_1000: '#000000',
668
669 primary_25: `hsl(174, 55%, 97%)`,
670 primary_50: `hsl(174, 55%, 95%)`,
671 primary_100: `hsl(174, 55%, 90%)`,
672 primary_200: `hsl(174, 55%, 80%)`,
673 primary_300: `hsl(174, 60%, 70%)`,
674 primary_400: `hsl(174, 72%, 58%)`,
675 primary_500: `hsl(174, 83%, 38%)`,
676 primary_600: `hsl(174, 78%, 32%)`,
677 primary_700: `hsl(174, 72%, 26%)`,
678 primary_800: `hsl(174, 66%, 20%)`,
679 primary_900: `hsl(174, 60%, 15%)`,
680 primary_950: `hsl(174, 55%, 10%)`,
681 primary_975: `hsl(174, 55%, 6%)`,
682
683 positive_25: '#ECFEF5',
684 positive_50: '#D3FDE8',
685 positive_100: '#A3FACF',
686 positive_200: '#6AF6B0',
687 positive_300: '#2CF28F',
688 positive_400: '#0DD370',
689 positive_500: '#09B35E',
690 positive_600: '#04904A',
691 positive_700: '#036D38',
692 positive_800: '#04522B',
693 positive_900: '#033F21',
694 positive_950: '#032A17',
695 positive_975: '#021D0F',
696
697 negative_25: '#FFF5F7',
698 negative_50: '#FEE7EC',
699 negative_100: '#FDD3DD',
700 negative_200: '#FBBBCA',
701 negative_300: '#F891A9',
702 negative_400: '#F65A7F',
703 negative_500: '#E91646',
704 negative_600: '#CA123D',
705 negative_700: '#A71134',
706 negative_800: '#7F0B26',
707 negative_900: '#5F071C',
708 negative_950: '#430413',
709 negative_975: '#30030D',
710}
711
712export const CYAN_SUBDUED_PALETTE: Palette = {
713 white: STATIC_VALUES.white,
714 black: STATIC_VALUES.black,
715 pink: STATIC_VALUES.pink,
716 yellow: STATIC_VALUES.yellow,
717 like: STATIC_VALUES.pink,
718
719 contrast_0: '#FFFFFF',
720 contrast_25: '#F9FAFB',
721 contrast_50: '#F2F4F8',
722 contrast_100: '#E2E7EE',
723 contrast_200: '#C3CDDA',
724 contrast_300: '#ABB8C9',
725 contrast_400: '#8D9DB4',
726 contrast_500: '#6F839F',
727 contrast_600: '#586C89',
728 contrast_700: '#485B75',
729 contrast_800: '#394A58',
730 contrast_900: '#2C3D4C',
731 contrast_950: '#22323D',
732 contrast_975: '#1C2B35',
733 contrast_1000: '#15232C',
734
735 primary_25: `hsl(174, 35%, 97%)`,
736 primary_50: `hsl(174, 35%, 95%)`,
737 primary_100: `hsl(174, 35%, 90%)`,
738 primary_200: `hsl(174, 35%, 80%)`,
739 primary_300: `hsl(174, 40%, 70%)`,
740 primary_400: `hsl(174, 50%, 58%)`,
741 primary_500: `hsl(174, 58%, 38%)`,
742 primary_600: `hsl(174, 54%, 32%)`,
743 primary_700: `hsl(174, 50%, 26%)`,
744 primary_800: `hsl(174, 46%, 20%)`,
745 primary_900: `hsl(174, 42%, 15%)`,
746 primary_950: `hsl(174, 40%, 10%)`,
747 primary_975: `hsl(174, 40%, 6%)`,
748
749 positive_25: '#ECFEF5',
750 positive_50: '#D8FDEB',
751 positive_100: '#A8FAD1',
752 positive_200: '#6FF6B3',
753 positive_300: '#31F291',
754 positive_400: '#0EDD75',
755 positive_500: '#0AC266',
756 positive_600: '#049F52',
757 positive_700: '#038142',
758 positive_800: '#056636',
759 positive_900: '#04522B',
760 positive_950: '#053D21',
761 positive_975: '#052917',
762
763 negative_25: '#FFF5F7',
764 negative_50: '#FEEBEF',
765 negative_100: '#FDD8E1',
766 negative_200: '#FCC0CE',
767 negative_300: '#F99AB0',
768 negative_400: '#F76486',
769 negative_500: '#EB2452',
770 negative_600: '#D81341',
771 negative_700: '#BA1239',
772 negative_800: '#910D2C',
773 negative_900: '#6F0B22',
774 negative_950: '#500B1C',
775 negative_975: '#3E0915',
776}
777
778const CYAN_THEMES = createThemes({
779 defaultPalette: CYAN_PALETTE,
780 subduedPalette: CYAN_SUBDUED_PALETTE,
781})
782
783export const cyanscheme = {
784 lightPalette: CYAN_THEMES.light.palette,
785 darkPalette: CYAN_THEMES.dark.palette,
786 dimPalette: CYAN_THEMES.dim.palette,
787 light: CYAN_THEMES.light,
788 dark: CYAN_THEMES.dark,
789 dim: CYAN_THEMES.dim,
790}
791
792export const DEER_PALETTE: Palette = {
793 white: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
794 black: STATIC_VALUES.black,
795 pink: STATIC_VALUES.pink,
796 yellow: STATIC_VALUES.yellow,
797 like: STATIC_VALUES.pink,
798
799 contrast_0: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
800 contrast_25: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[13]}%)`,
801 contrast_50: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[12]}%)`,
802 contrast_100: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[11]}%)`,
803 contrast_200: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[10]}%)`,
804 contrast_300: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[9]}%)`,
805 contrast_400: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[8]}%)`,
806 contrast_500: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[7]}%)`,
807 contrast_600: `hsl(${DEER_BLUE_HUE}, 24%, ${DEER_defaultScale[6]}%)`,
808 contrast_700: `hsl(${DEER_BLUE_HUE}, 24%, ${DEER_defaultScale[5]}%)`,
809 contrast_800: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[4]}%)`,
810 contrast_900: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[3]}%)`,
811 contrast_950: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[2]}%)`,
812 contrast_975: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[1]}%)`,
813 contrast_1000: '#000000',
814
815 primary_25: `hsl(145, 30%, 97%)`,
816 primary_50: `hsl(145, 30%, 95%)`,
817 primary_100: `hsl(145, 30%, 90%)`,
818 primary_200: `hsl(145, 32%, 80%)`,
819 primary_300: `hsl(145, 34%, 70%)`,
820 primary_400: `hsl(145, 35%, 58%)`,
821 primary_500: `hsl(145, 35%, 45%)`,
822 primary_600: `hsl(145, 38%, 38%)`,
823 primary_700: `hsl(145, 40%, 32%)`,
824 primary_800: `hsl(145, 42%, 25%)`,
825 primary_900: `hsl(145, 45%, 18%)`,
826 primary_950: `hsl(145, 48%, 10%)`,
827 primary_975: `hsl(145, 50%, 7%)`,
828
829 positive_25: `hsl(${DEER_GREEN_HUE}, 82%, 97%)`,
830 positive_50: `hsl(${DEER_GREEN_HUE}, 82%, 95%)`,
831 positive_100: `hsl(${DEER_GREEN_HUE}, 82%, 90%)`,
832 positive_200: `hsl(${DEER_GREEN_HUE}, 82%, 80%)`,
833 positive_300: `hsl(${DEER_GREEN_HUE}, 82%, 70%)`,
834 positive_400: `hsl(${DEER_GREEN_HUE}, 82%, 60%)`,
835 positive_500: `hsl(${DEER_GREEN_HUE}, 82%, 50%)`,
836 positive_600: `hsl(${DEER_GREEN_HUE}, 82%, 42%)`,
837 positive_700: `hsl(${DEER_GREEN_HUE}, 82%, 34%)`,
838 positive_800: `hsl(${DEER_GREEN_HUE}, 82%, 26%)`,
839 positive_900: `hsl(${DEER_GREEN_HUE}, 82%, 18%)`,
840 positive_950: `hsl(${DEER_GREEN_HUE}, 82%, 10%)`,
841 positive_975: `hsl(${DEER_GREEN_HUE}, 82%, 7%)`,
842
843 negative_25: `hsl(${DEER_RED_HUE}, 91%, 97%)`,
844 negative_50: `hsl(${DEER_RED_HUE}, 91%, 95%)`,
845 negative_100: `hsl(${DEER_RED_HUE}, 91%, 90%)`,
846 negative_200: `hsl(${DEER_RED_HUE}, 91%, 80%)`,
847 negative_300: `hsl(${DEER_RED_HUE}, 91%, 70%)`,
848 negative_400: `hsl(${DEER_RED_HUE}, 91%, 60%)`,
849 negative_500: `hsl(${DEER_RED_HUE}, 91%, 50%)`,
850 negative_600: `hsl(${DEER_RED_HUE}, 91%, 42%)`,
851 negative_700: `hsl(${DEER_RED_HUE}, 91%, 34%)`,
852 negative_800: `hsl(${DEER_RED_HUE}, 91%, 26%)`,
853 negative_900: `hsl(${DEER_RED_HUE}, 91%, 18%)`,
854 negative_950: `hsl(${DEER_RED_HUE}, 91%, 10%)`,
855 negative_975: `hsl(${DEER_RED_HUE}, 91%, 7%)`,
856}
857
858export const DEER_SUBDUED_PALETTE: Palette = {
859 ...DEER_PALETTE,
860 primary_25: `hsl(140, 15%, 97%)`,
861 primary_50: `hsl(140, 18%, 95%)`,
862 primary_100: `hsl(140, 22%, 90%)`,
863 primary_200: `hsl(140, 25%, 80%)`,
864 primary_300: `hsl(140, 28%, 70%)`,
865 primary_400: `hsl(140, 32%, 58%)`,
866 primary_500: `hsl(140, 35%, 45%)`,
867 primary_600: `hsl(140, 38%, 38%)`,
868 primary_700: `hsl(140, 42%, 32%)`,
869 primary_800: `hsl(140, 45%, 25%)`,
870 primary_900: `hsl(140, 48%, 18%)`,
871 primary_950: `hsl(140, 50%, 10%)`,
872 primary_975: `hsl(140, 55%, 7%)`,
873 contrast_1000: '#151D28',
874}
875
876const DEER_THEMES = createThemes({
877 defaultPalette: DEER_PALETTE,
878 subduedPalette: DEER_SUBDUED_PALETTE,
879})
880
881export const deerscheme = {
882 lightPalette: DEER_THEMES.light.palette,
883 darkPalette: DEER_THEMES.dark.palette,
884 dimPalette: DEER_THEMES.dim.palette,
885 light: DEER_THEMES.light,
886 dark: DEER_THEMES.dark,
887 dim: DEER_THEMES.dim,
888}
889
890export const ZEPPELIN_PALETTE: Palette = {
891 white: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
892 black: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
893 pink: STATIC_VALUES.pink,
894 yellow: STATIC_VALUES.yellow,
895 like: STATIC_VALUES.pink,
896
897 contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
898 contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[13]}%)`,
899 contrast_50: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[12]}%)`,
900 contrast_100: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[11]}%)`,
901 contrast_200: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[10]}%)`,
902 contrast_300: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[9]}%)`,
903 contrast_400: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[8]}%)`,
904 contrast_500: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[7]}%)`,
905 contrast_600: `hsl(${ZEPPELIN_BLUE_HUE}, 19%, ${ZEPPELIN_defaultScale[6]}%)`,
906 contrast_700: `hsl(${ZEPPELIN_BLUE_HUE}, 19%, ${ZEPPELIN_defaultScale[5]}%)`,
907 contrast_800: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[4]}%)`,
908 contrast_900: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[3]}%)`,
909 contrast_950: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[2]}%)`,
910 contrast_975: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[1]}%)`,
911 contrast_1000: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
912
913 primary_25: `hsl(47, 80%, 89%)`,
914 primary_50: `hsl(47, 80%, 87%)`,
915 primary_100: `hsl(47, 80%, 82%)`,
916 primary_200: `hsl(47, 72%, 72%)`,
917 primary_300: `hsl(47, 74%, 62%)`,
918 primary_400: `hsl(47, 75%, 50%)`,
919 primary_500: `hsl(47, 75%, 37%)`,
920 primary_600: `hsl(47, 78%, 30%)`,
921 primary_700: `hsl(47, 80%, 24%)`,
922 primary_800: `hsl(47, 82%, 17%)`,
923 primary_900: `hsl(47, 85%, 12%)`,
924 primary_950: `hsl(47, 88%, 5%)`,
925 primary_975: `hsl(47, 90%, 2%)`,
926
927 positive_25: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 97%)`,
928 positive_50: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 95%)`,
929 positive_100: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 90%)`,
930 positive_200: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 80%)`,
931 positive_300: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 70%)`,
932 positive_400: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 60%)`,
933 positive_500: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 50%)`,
934 positive_600: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 42%)`,
935 positive_700: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 34%)`,
936 positive_800: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 26%)`,
937 positive_900: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 18%)`,
938 positive_950: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 10%)`,
939 positive_975: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 7%)`,
940
941 negative_25: `hsl(${ZEPPELIN_RED_HUE}, 91%, 97%)`,
942 negative_50: `hsl(${ZEPPELIN_RED_HUE}, 91%, 95%)`,
943 negative_100: `hsl(${ZEPPELIN_RED_HUE}, 91%, 90%)`,
944 negative_200: `hsl(${ZEPPELIN_RED_HUE}, 91%, 80%)`,
945 negative_300: `hsl(${ZEPPELIN_RED_HUE}, 91%, 70%)`,
946 negative_400: `hsl(${ZEPPELIN_RED_HUE}, 91%, 60%)`,
947 negative_500: `hsl(${ZEPPELIN_RED_HUE}, 91%, 50%)`,
948 negative_600: `hsl(${ZEPPELIN_RED_HUE}, 91%, 42%)`,
949 negative_700: `hsl(${ZEPPELIN_RED_HUE}, 91%, 34%)`,
950 negative_800: `hsl(${ZEPPELIN_RED_HUE}, 91%, 26%)`,
951 negative_900: `hsl(${ZEPPELIN_RED_HUE}, 91%, 18%)`,
952 negative_950: `hsl(${ZEPPELIN_RED_HUE}, 91%, 10%)`,
953 negative_975: `hsl(${ZEPPELIN_RED_HUE}, 91%, 7%)`,
954}
955
956export const ZEPPELIN_SUBDUED_PALETTE: Palette = {
957 ...ZEPPELIN_PALETTE,
958 black: `hsl(${ZEPPELIN_BLUE_HUE}, 3%, ${ZEPPELIN_dimScale[0]}%)`,
959
960 contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[14]}%)`,
961 contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[13]}%)`,
962 contrast_50: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[12]}%)`,
963 contrast_100: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[11]}%)`,
964 contrast_200: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[10]}%)`,
965 contrast_300: `hsl(${ZEPPELIN_BLUE_HUE}, 16%, ${ZEPPELIN_dimScale[9]}%)`,
966 contrast_400: `hsl(${ZEPPELIN_BLUE_HUE}, 16%, ${ZEPPELIN_dimScale[8]}%)`,
967 contrast_500: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[7]}%)`,
968 contrast_600: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[6]}%)`,
969 contrast_700: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[5]}%)`,
970 contrast_800: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[4]}%)`,
971 contrast_900: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[3]}%)`,
972 contrast_950: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[2]}%)`,
973 contrast_975: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[1]}%)`,
974 contrast_1000: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[0]}%)`,
975
976 primary_25: `hsl(47, 60%, 97%)`,
977 primary_50: `hsl(47, 63%, 94%)`,
978 primary_100: `hsl(47, 65%, 88%)`,
979 primary_200: `hsl(47, 70%, 78%)`,
980 primary_300: `hsl(47, 73%, 68%)`,
981 primary_400: `hsl(47, 77%, 58%)`,
982 primary_500: `hsl(47, 80%, 45%)`,
983 primary_600: `hsl(47, 83%, 38%)`,
984 primary_700: `hsl(47, 87%, 30%)`,
985 primary_800: `hsl(47, 90%, 25%)`,
986 primary_900: `hsl(47, 93%, 18%)`,
987 primary_950: `hsl(47, 95%, 10%)`,
988 primary_975: `hsl(47, 98%, 7%)`,
989}
990
991const ZEPPELIN_THEMES = createThemes({
992 defaultPalette: ZEPPELIN_PALETTE,
993 subduedPalette: ZEPPELIN_SUBDUED_PALETTE,
994})
995
996export const zeppelinscheme = {
997 lightPalette: ZEPPELIN_THEMES.light.palette,
998 darkPalette: ZEPPELIN_THEMES.dark.palette,
999 dimPalette: ZEPPELIN_THEMES.dim.palette,
1000 light: ZEPPELIN_THEMES.light,
1001 dark: ZEPPELIN_THEMES.dark,
1002 dim: ZEPPELIN_THEMES.dim,
1003}
1004
1005export const KITTY_PALETTE: Palette = {
1006 white: STATIC_VALUES.white,
1007 black: STATIC_VALUES.black,
1008 pink: STATIC_VALUES.pink,
1009 yellow: STATIC_VALUES.yellow,
1010 like: STATIC_VALUES.pink,
1011
1012 contrast_0: '#FFFFFF',
1013 contrast_25: '#F9FAFB',
1014 contrast_50: '#EFF2F6',
1015 contrast_100: '#DCE2EA',
1016 contrast_200: '#C0CAD8',
1017 contrast_300: '#A5B2C5',
1018 contrast_400: '#8798B0',
1019 contrast_500: '#667B99',
1020 contrast_600: '#526580',
1021 contrast_700: '#405168',
1022 contrast_800: '#313F54',
1023 contrast_900: '#232E3E',
1024 contrast_950: '#19222E',
1025 contrast_975: '#111822',
1026 contrast_1000: '#000000',
1027
1028 primary_25: `hsl(290, 30%, 97%)`,
1029 primary_50: `hsl(290, 30%, 95%)`,
1030 primary_100: `hsl(290, 30%, 90%)`,
1031 primary_200: `hsl(290, 32%, 80%)`,
1032 primary_300: `hsl(290, 34%, 70%)`,
1033 primary_400: `hsl(290, 35%, 58%)`,
1034 primary_500: `hsl(290, 35%, 45%)`,
1035 primary_600: `hsl(290, 38%, 38%)`,
1036 primary_700: `hsl(290, 40%, 32%)`,
1037 primary_800: `hsl(290, 42%, 25%)`,
1038 primary_900: `hsl(290, 45%, 18%)`,
1039 primary_950: `hsl(290, 48%, 10%)`,
1040 primary_975: `hsl(290, 50%, 7%)`,
1041
1042 positive_25: '#ECFEF5',
1043 positive_50: '#D3FDE8',
1044 positive_100: '#A3FACF',
1045 positive_200: '#6AF6B0',
1046 positive_300: '#2CF28F',
1047 positive_400: '#0DD370',
1048 positive_500: '#09B35E',
1049 positive_600: '#04904A',
1050 positive_700: '#036D38',
1051 positive_800: '#04522B',
1052 positive_900: '#033F21',
1053 positive_950: '#032A17',
1054 positive_975: '#021D0F',
1055
1056 negative_25: '#FFF5F7',
1057 negative_50: '#FEE7EC',
1058 negative_100: '#FDD3DD',
1059 negative_200: '#FBBBCA',
1060 negative_300: '#F891A9',
1061 negative_400: '#F65A7F',
1062 negative_500: '#E91646',
1063 negative_600: '#CA123D',
1064 negative_700: '#A71134',
1065 negative_800: '#7F0B26',
1066 negative_900: '#5F071C',
1067 negative_950: '#430413',
1068 negative_975: '#30030D',
1069}
1070
1071export const KITTY_SUBDUED_PALETTE: Palette = {
1072 white: STATIC_VALUES.white,
1073 black: STATIC_VALUES.black,
1074 pink: STATIC_VALUES.pink,
1075 yellow: STATIC_VALUES.yellow,
1076 like: STATIC_VALUES.pink,
1077
1078 contrast_0: '#FFFFFF',
1079 contrast_25: '#F9FAFB',
1080 contrast_50: '#F2F4F8',
1081 contrast_100: '#E2E7EE',
1082 contrast_200: '#C3CDDA',
1083 contrast_300: '#ABB8C9',
1084 contrast_400: '#8D9DB4',
1085 contrast_500: '#6F839F',
1086 contrast_600: '#586C89',
1087 contrast_700: '#485B75',
1088 contrast_800: '#394960',
1089 contrast_900: '#2C3A4E',
1090 contrast_950: '#222E3F',
1091 contrast_975: '#1C2736',
1092 contrast_1000: '#151D28',
1093
1094 primary_25: `hsl(290, 30%, 97%)`,
1095 primary_50: `hsl(290, 30%, 96%)`,
1096 primary_100: `hsl(290, 30%, 92%)`,
1097 primary_200: `hsl(290, 32%, 81%)`,
1098 primary_300: `hsl(290, 34%, 72%)`,
1099 primary_400: `hsl(290, 35%, 60%)`,
1100 primary_500: `hsl(290, 35%, 48%)`,
1101 primary_600: `hsl(290, 38%, 41%)`,
1102 primary_700: `hsl(290, 40%, 36%)`,
1103 primary_800: `hsl(290, 42%, 29%)`,
1104 primary_900: `hsl(290, 45%, 22%)`,
1105 primary_950: `hsl(290, 48%, 10%)`,
1106 primary_975: `hsl(290, 50%, 8%)`,
1107
1108 positive_25: '#ECFEF5',
1109 positive_50: '#D8FDEB',
1110 positive_100: '#A8FAD1',
1111 positive_200: '#6FF6B3',
1112 positive_300: '#31F291',
1113 positive_400: '#0EDD75',
1114 positive_500: '#0AC266',
1115 positive_600: '#049F52',
1116 positive_700: '#038142',
1117 positive_800: '#056636',
1118 positive_900: '#04522B',
1119 positive_950: '#053D21',
1120 positive_975: '#052917',
1121
1122 negative_25: '#FFF5F7',
1123 negative_50: '#FEEBEF',
1124 negative_100: '#FDD8E1',
1125 negative_200: '#FCC0CE',
1126 negative_300: '#F99AB0',
1127 negative_400: '#F76486',
1128 negative_500: '#EB2452',
1129 negative_600: '#D81341',
1130 negative_700: '#BA1239',
1131 negative_800: '#910D2C',
1132 negative_900: '#6F0B22',
1133 negative_950: '#500B1C',
1134 negative_975: '#3E0915',
1135}
1136
1137const KITTY_THEMES = createThemes({
1138 defaultPalette: KITTY_PALETTE,
1139 subduedPalette: KITTY_SUBDUED_PALETTE,
1140})
1141
1142export const kittyscheme = {
1143 lightPalette: KITTY_THEMES.light.palette,
1144 darkPalette: KITTY_THEMES.dark.palette,
1145 dimPalette: KITTY_THEMES.dim.palette,
1146 light: KITTY_THEMES.light,
1147 dark: KITTY_THEMES.dark,
1148 dim: KITTY_THEMES.dim,
1149}
1150
1151const REDDWARF_TAILWIND_ATOMS = {
1152 color_gray_25: '#fffbf9',
1153 color_gray_50: '#fff7f5',
1154 color_gray_100: '#fff0ee',
1155 color_gray_200: '#f8e2de',
1156 color_gray_300: '#eaccc7',
1157 color_gray_400: '#bd948e',
1158 color_gray_500: '#93655f',
1159 color_gray_600: '#714842',
1160 color_gray_700: '#5b342f',
1161 color_gray_800: '#401d19',
1162 color_gray_900: '#2c0c09',
1163 color_gray_950: '#180000',
1164 color_gray_970: '#0e0000',
1165}
1166
1167const REDDWARF_TAILWIND_ATOMS_VIBRANT = {
1168 ...REDDWARF_TAILWIND_ATOMS,
1169 color_gray_500: '#c14c42',
1170}
1171
1172export const REDDWARF_SUBDUED_PALETTE: Palette = {
1173 ...DEFAULT_SUBDUED_PALETTE,
1174 like: '#FF6B6B',
1175 white: STATIC_VALUES.white,
1176 black: STATIC_VALUES.black,
1177 pink: STATIC_VALUES.pink,
1178 yellow: STATIC_VALUES.yellow,
1179
1180 contrast_0: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1181 contrast_25: '#FFF5F2',
1182 contrast_50: REDDWARF_TAILWIND_ATOMS.color_gray_100,
1183 contrast_100: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1184 contrast_200: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1185 contrast_300: REDDWARF_TAILWIND_ATOMS.color_gray_300,
1186 contrast_400: REDDWARF_TAILWIND_ATOMS.color_gray_400,
1187 contrast_500: REDDWARF_TAILWIND_ATOMS.color_gray_500,
1188 contrast_600: REDDWARF_TAILWIND_ATOMS.color_gray_500,
1189 contrast_700: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1190 contrast_800: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1191 contrast_900: REDDWARF_TAILWIND_ATOMS.color_gray_700,
1192 contrast_950: REDDWARF_TAILWIND_ATOMS.color_gray_800,
1193 contrast_975: REDDWARF_TAILWIND_ATOMS.color_gray_900,
1194 contrast_1000: REDDWARF_TAILWIND_ATOMS.color_gray_900,
1195
1196 primary_25: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_50,
1197 primary_50: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_100,
1198 primary_100: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_200,
1199 primary_200: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_200,
1200 primary_300: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_300,
1201 primary_400: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_400,
1202 primary_500: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_500,
1203 primary_600: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_600,
1204 primary_700: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_600,
1205 primary_800: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_700,
1206 primary_900: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_700,
1207 primary_950: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_800,
1208 primary_975: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_900,
1209}
1210
1211export const REDDWARF_PALETTE: Palette = {
1212 ...REDDWARF_SUBDUED_PALETTE,
1213 contrast_1000: REDDWARF_TAILWIND_ATOMS.color_gray_950,
1214
1215 primary_25: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1216 primary_50: REDDWARF_TAILWIND_ATOMS.color_gray_100,
1217 primary_100: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1218 primary_200: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1219 primary_300: REDDWARF_TAILWIND_ATOMS.color_gray_300,
1220 primary_400: REDDWARF_TAILWIND_ATOMS.color_gray_400,
1221 primary_500: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_500,
1222 primary_600: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1223 primary_700: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1224 primary_800: REDDWARF_TAILWIND_ATOMS.color_gray_700,
1225 primary_900: REDDWARF_TAILWIND_ATOMS.color_gray_700,
1226 primary_950: REDDWARF_TAILWIND_ATOMS.color_gray_800,
1227 primary_975: REDDWARF_TAILWIND_ATOMS.color_gray_900,
1228}
1229
1230const REDDWARF_THEMES = createThemes({
1231 defaultPalette: REDDWARF_PALETTE,
1232 subduedPalette: REDDWARF_SUBDUED_PALETTE,
1233})
1234
1235export const reddwarfscheme = {
1236 lightPalette: REDDWARF_THEMES.light.palette,
1237 darkPalette: REDDWARF_THEMES.dark.palette,
1238 dimPalette: REDDWARF_THEMES.dim.palette,
1239 light: REDDWARF_THEMES.light,
1240 dark: REDDWARF_THEMES.dark,
1241 dim: REDDWARF_THEMES.dim,
1242}
1243
1244export const CATPPUCIN_PALETTE: Palette = {
1245 white: STATIC_VALUES.white,
1246 black: STATIC_VALUES.black,
1247 pink: STATIC_VALUES.pink,
1248 yellow: STATIC_VALUES.yellow,
1249 like: STATIC_VALUES.pink,
1250
1251 contrast_0: '#EFF1F5',
1252 contrast_25: '#D3D7DE',
1253 contrast_50: '#E6E9EF',
1254 contrast_100: '#ccd0da',
1255 contrast_200: '#bcc0cc',
1256 contrast_300: '#acb0be',
1257 contrast_400: '#9ca0b0',
1258 contrast_500: '#8c8fa1',
1259 contrast_600: '#7c7f93',
1260 contrast_700: '#585b70',
1261 contrast_800: '#45475a',
1262 contrast_900: '#313244',
1263 contrast_950: '#181825',
1264 contrast_975: '#11111b',
1265 contrast_1000: '#1e1e2e',
1266
1267 primary_25: `hsl(266, 30%, 97%)`,
1268 primary_50: `hsl(266, 30%, 95%)`,
1269 primary_100: `hsl(266, 30%, 90%)`,
1270 primary_200: `hsl(266, 42%, 80%)`,
1271 primary_300: `hsl(266, 54%, 70%)`,
1272 primary_400: `hsl(266, 65%, 58%)`,
1273 primary_500: `hsl(266, 75%, 58%)`,
1274 primary_600: `hsl(266, 68%, 38%)`,
1275 primary_700: `hsl(266, 50%, 32%)`,
1276 primary_800: `hsl(266, 42%, 25%)`,
1277 primary_900: `hsl(266, 45%, 18%)`,
1278 primary_950: `hsl(266, 48%, 10%)`,
1279 primary_975: `hsl(266, 50%, 7%)`,
1280
1281 positive_25: '#ECFEF5',
1282 positive_50: '#D3FDE8',
1283 positive_100: '#A3FACF',
1284 positive_200: '#6AF6B0',
1285 positive_300: '#2CF28F',
1286 positive_400: '#0DD370',
1287 positive_500: '#09B35E',
1288 positive_600: '#04904A',
1289 positive_700: '#036D38',
1290 positive_800: '#04522B',
1291 positive_900: '#033F21',
1292 positive_950: '#032A17',
1293 positive_975: '#021D0F',
1294
1295 negative_25: '#FFF5F7',
1296 negative_50: '#FEE7EC',
1297 negative_100: '#FDD3DD',
1298 negative_200: '#FBBBCA',
1299 negative_300: '#F891A9',
1300 negative_400: '#F65A7F',
1301 negative_500: '#E91646',
1302 negative_600: '#CA123D',
1303 negative_700: '#A71134',
1304 negative_800: '#7F0B26',
1305 negative_900: '#5F071C',
1306 negative_950: '#430413',
1307 negative_975: '#30030D',
1308}
1309
1310export const CATPPUCIN_SUBDUED_PALETTE: Palette = {
1311 white: STATIC_VALUES.white,
1312 black: STATIC_VALUES.black,
1313 pink: STATIC_VALUES.pink,
1314 yellow: STATIC_VALUES.yellow,
1315 like: STATIC_VALUES.pink,
1316
1317 contrast_0: '#EFF1F5',
1318 contrast_25: '#D3D7DE',
1319 contrast_50: '#E6E9EF',
1320 contrast_100: '#ccd0da',
1321 contrast_200: '#bcc0cc',
1322 contrast_300: '#acb0be',
1323 contrast_400: '#939ab7',
1324 contrast_500: '#8087a2',
1325 contrast_600: '#6e738d',
1326 contrast_700: '#5b6078',
1327 contrast_800: '#494d64',
1328 contrast_900: '#363a4f',
1329 contrast_950: '#1e2030',
1330 contrast_975: '#181926',
1331 contrast_1000: '#24273a',
1332
1333 primary_25: `hsl(267, 30%, 97%)`,
1334 primary_50: `hsl(267, 40%, 96%)`,
1335 primary_100: `hsl(267, 50%, 92%)`,
1336 primary_200: `hsl(267, 62%, 81%)`,
1337 primary_300: `hsl(267, 83%, 80%)`,
1338 primary_400: `hsl(267, 75%, 78%)`,
1339 primary_500: `hsl(267, 74%, 72%)`,
1340 primary_600: `hsl(267, 38%, 41%)`,
1341 primary_700: `hsl(267, 40%, 36%)`,
1342 primary_800: `hsl(267, 42%, 29%)`,
1343 primary_900: `hsl(267, 45%, 22%)`,
1344 primary_950: `hsl(267, 48%, 10%)`,
1345 primary_975: `hsl(267, 50%, 8%)`,
1346
1347 positive_25: '#ECFEF5',
1348 positive_50: '#D8FDEB',
1349 positive_100: '#A8FAD1',
1350 positive_200: '#6FF6B3',
1351 positive_300: '#31F291',
1352 positive_400: '#0EDD75',
1353 positive_500: '#0AC266',
1354 positive_600: '#049F52',
1355 positive_700: '#038142',
1356 positive_800: '#056636',
1357 positive_900: '#04522B',
1358 positive_950: '#053D21',
1359 positive_975: '#052917',
1360
1361 negative_25: '#FFF5F7',
1362 negative_50: '#FEEBEF',
1363 negative_100: '#FDD8E1',
1364 negative_200: '#FCC0CE',
1365 negative_300: '#F99AB0',
1366 negative_400: '#F76486',
1367 negative_500: '#EB2452',
1368 negative_600: '#D81341',
1369 negative_700: '#BA1239',
1370 negative_800: '#910D2C',
1371 negative_900: '#6F0B22',
1372 negative_950: '#500B1C',
1373 negative_975: '#3E0915',
1374}
1375
1376const CATPPUCIN_THEMES = createThemes({
1377 defaultPalette: CATPPUCIN_PALETTE,
1378 subduedPalette: CATPPUCIN_SUBDUED_PALETTE,
1379})
1380
1381export const catppuccinscheme = {
1382 lightPalette: CATPPUCIN_THEMES.light.palette,
1383 darkPalette: CATPPUCIN_THEMES.dark.palette,
1384 dimPalette: CATPPUCIN_THEMES.dim.palette,
1385 light: CATPPUCIN_THEMES.light,
1386 dark: CATPPUCIN_THEMES.dark,
1387 dim: CATPPUCIN_THEMES.dim,
1388}
1389
1390export const EVERGARDEN_PALETTE: Palette = {
1391 white: '#F8F9E8',
1392 black: '#171C1F',
1393 pink: '#F3C0E5',
1394 yellow: '#F5D098',
1395 like: '#F3C0E5',
1396
1397 contrast_0: '#F8F9E8',
1398 contrast_25: '#E1EDD6',
1399 contrast_50: '#D3E7E0',
1400 contrast_100: '#C3D7D0',
1401 contrast_200: '#ADC9BC',
1402 contrast_300: '#96B4AA',
1403 contrast_400: '#839E9A',
1404 contrast_500: '#7A9493',
1405 contrast_600: '#6F8788',
1406 contrast_700: '#4A585C',
1407 contrast_800: '#374145',
1408 contrast_900: '#262F33',
1409 contrast_950: '#1E2528',
1410 contrast_975: '#191E21',
1411 contrast_1000: '#171C1F',
1412
1413 primary_25: `hsl(64, 30%, 97%)`,
1414 primary_50: `hsl(64, 30%, 95%)`,
1415 primary_100: `hsl(64, 30%, 90%)`,
1416 primary_200: `hsl(72, 42%, 86%)`,
1417 primary_300: `hsl(74, 54%, 84%)`,
1418 primary_400: `hsl(83, 46%, 83%)`,
1419 primary_500: `hsl(150, 24%, 64%)`,
1420 primary_600: `hsl(149, 44%, 72%)`,
1421 primary_700: `hsl(167, 35%, 60%)`,
1422 primary_800: `hsl(187, 42%, 36%)`,
1423 primary_900: `hsl(194, 32%, 25%)`,
1424 primary_950: `hsl(198, 18.4%, 14.8%)`,
1425 primary_975: `hsl(200, 50%, 7%)`,
1426
1427 positive_25: '#ECFEFA',
1428 positive_50: '#E2FAF5',
1429 positive_100: '#D8F6F0',
1430 positive_200: '#CFF2EA',
1431 positive_300: '#C5EEE5',
1432 positive_400: '#BCEAE0',
1433 positive_500: '#B3E6DB',
1434 positive_600: '#82C4B6',
1435 positive_700: '#58A393',
1436 positive_800: '#378271',
1437 positive_900: '#1D6052',
1438 positive_950: '#0C3E34',
1439 positive_975: '#021D17',
1440
1441 negative_25: '#FFF5F5',
1442 negative_50: '#FDE1E1',
1443 negative_100: '#FCCDCE',
1444 negative_200: '#FAB9BB',
1445 negative_300: '#F8A5A7',
1446 negative_400: '#F79295',
1447 negative_500: '#F57F82',
1448 negative_600: '#D45E61',
1449 negative_700: '#B34245',
1450 negative_800: '#932B2D',
1451 negative_900: '#72181B',
1452 negative_950: '#510B0D',
1453 negative_975: '#300304',
1454}
1455
1456export const EVERGARDEN_SUBDUED_PALETTE: Palette = {
1457 white: '#F8F9E8',
1458 black: '#171C1F',
1459 pink: '#F3C0E5',
1460 yellow: '#F5D098',
1461 like: '#F3C0E5',
1462
1463 contrast_0: '#F8F9E8',
1464 contrast_25: '#E1EDD6',
1465 contrast_50: '#D3E7E0',
1466 contrast_100: '#C3D7D0',
1467 contrast_200: '#ADC9BC',
1468 contrast_300: '#96B4AA',
1469 contrast_400: '#839E9A',
1470 contrast_500: '#7A9493',
1471 contrast_600: '#6F8788',
1472 contrast_700: '#4A585C',
1473 contrast_800: '#374145',
1474 contrast_900: '#2B3337',
1475 contrast_950: '#232A2E',
1476 contrast_975: '#1C2225',
1477 contrast_1000: '#171C1F',
1478
1479 primary_25: `hsl(64, 30%, 97%)`,
1480 primary_50: `hsl(64, 30%, 95%)`,
1481 primary_100: `hsl(64, 30%, 90%)`,
1482 primary_200: `hsl(72, 42%, 86%)`,
1483 primary_300: `hsl(74, 54%, 84%)`,
1484 primary_400: `hsl(83, 46%, 83%)`,
1485 primary_500: `hsl(150, 24%, 64%)`,
1486 primary_600: `hsl(149, 44%, 72%)`,
1487 primary_700: `hsl(167, 35%, 60%)`,
1488 primary_800: `hsl(187, 42%, 36%)`,
1489 primary_900: `hsl(194, 32%, 25%)`,
1490 primary_950: `hsl(216, 48%, 10%)`,
1491 primary_975: `hsl(220, 50%, 7%)`,
1492
1493 positive_25: '#ECFEFA',
1494 positive_50: '#E2FAF5',
1495 positive_100: '#D8F6F0',
1496 positive_200: '#CFF2EA',
1497 positive_300: '#C5EEE5',
1498 positive_400: '#BCEAE0',
1499 positive_500: '#B3E6DB',
1500 positive_600: '#82C4B6',
1501 positive_700: '#58A393',
1502 positive_800: '#378271',
1503 positive_900: '#1D6052',
1504 positive_950: '#0C3E34',
1505 positive_975: '#021D17',
1506
1507 negative_25: '#FFF5F5',
1508 negative_50: '#FDE1E1',
1509 negative_100: '#FCCDCE',
1510 negative_200: '#FAB9BB',
1511 negative_300: '#F8A5A7',
1512 negative_400: '#F79295',
1513 negative_500: '#F57F82',
1514 negative_600: '#D45E61',
1515 negative_700: '#B34245',
1516 negative_800: '#932B2D',
1517 negative_900: '#72181B',
1518 negative_950: '#510B0D',
1519 negative_975: '#300304',
1520}
1521
1522const EVERGARDEN_THEMES = createThemes({
1523 defaultPalette: EVERGARDEN_PALETTE,
1524 subduedPalette: EVERGARDEN_SUBDUED_PALETTE,
1525})
1526
1527export const evergardenscheme = {
1528 lightPalette: EVERGARDEN_THEMES.light.palette,
1529 darkPalette: EVERGARDEN_THEMES.dark.palette,
1530 dimPalette: EVERGARDEN_THEMES.dim.palette,
1531 light: EVERGARDEN_THEMES.light,
1532 dark: EVERGARDEN_THEMES.dark,
1533 dim: EVERGARDEN_THEMES.dim,
1534}
1535
1536/**
1537 * @deprecated use ALF and access palette from `useTheme()`
1538 */
1539export const lightPalette = DEFAULT_THEMES.light.palette
1540/**
1541 * @deprecated use ALF and access palette from `useTheme()`
1542 */
1543export const darkPalette = DEFAULT_THEMES.dark.palette
1544/**
1545 * @deprecated use ALF and access palette from `useTheme()`
1546 */
1547export const dimPalette = DEFAULT_THEMES.dim.palette
1548/**
1549 * @deprecated use ALF and access theme from `useTheme()`
1550 */
1551export const light = DEFAULT_THEMES.light
1552/**
1553 * @deprecated use ALF and access theme from `useTheme()`
1554 */
1555export const dark = DEFAULT_THEMES.dark
1556/**
1557 * @deprecated use ALF and access theme from `useTheme()`
1558 */
1559export const dim = DEFAULT_THEMES.dim