robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
whey.party
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 // defaultScale as BLACKSKY_defaultScale,
11 dimScale as BLACKSKY_dimScale,
12 GREEN_HUE as BLACKSKY_GREEN_HUE,
13 RED_HUE as BLACKSKY_RED_HUE,
14} from '#/alf/util/blackskyColorGeneration'
15import {
16 BLUE_HUE as ZEPPELIN_BLUE_HUE,
17 defaultScale as ZEPPELIN_defaultScale,
18 dimScale as ZEPPELIN_dimScale,
19 GREEN_HUE as ZEPPELIN_GREEN_HUE,
20 RED_HUE as ZEPPELIN_RED_HUE,
21} from '#/alf/util/blackskyColorGeneration'
22import {
23 BLUE_HUE as DEER_BLUE_HUE,
24 defaultScale as DEER_defaultScale,
25 // dimScale as DEER_dimScale,
26 GREEN_HUE as DEER_GREEN_HUE,
27 RED_HUE as DEER_RED_HUE,
28} from '#/alf/util/deerColorGeneration'
29
30export type Palette = {
31 white: string
32 black: string
33 like: 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 DEFAULT_PALETTE: Palette = {
95 white: '#FEFBFB',
96 black: '#000000',
97 like: '#dd5e8f',
98
99 contrast_0: '#FEFBFB',
100 contrast_25: '#ECE9E9',
101 contrast_50: '#DBD8D8',
102 contrast_100: '#C9C7C7',
103 contrast_200: '#B8B6B6',
104 contrast_300: '#A8A5A5',
105 contrast_400: '#979595',
106 contrast_500: '#878585',
107 contrast_600: '#787575',
108 contrast_700: '#686666',
109 contrast_800: '#595757',
110 contrast_900: '#4B4848',
111 contrast_950: '#3D3A3A',
112 contrast_975: '#1b1a1aff',
113 contrast_1000: '#000000ff',
114
115 primary_25: `hsl(5, 30%, 97%)`,
116 primary_50: `hsl(5, 30%, 95%)`,
117 primary_100: `hsl(5, 30%, 90%)`,
118 primary_200: `hsl(5, 52%, 80%)`,
119 primary_300: `hsl(5, 64%, 70%)`,
120 primary_400: `hsl(5, 75%, 58%)`,
121 primary_500: `hsl(5, 82%, 60%)`,
122 primary_600: `hsl(5, 80%, 54%)`,
123 primary_700: `hsl(5, 40%, 32%)`,
124 primary_800: `hsl(5, 42%, 25%)`,
125 primary_900: `hsl(5, 45%, 18%)`,
126 primary_950: `hsl(5, 48%, 10%)`,
127 primary_975: `hsl(5, 50%, 7%)`,
128
129 positive_25: '#ECFEF5',
130 positive_50: '#D3FDE8',
131 positive_100: '#A3FACF',
132 positive_200: '#6AF6B0',
133 positive_300: '#2CF28F',
134 positive_400: '#0DD370',
135 positive_500: '#09B35E',
136 positive_600: '#04904A',
137 positive_700: '#036D38',
138 positive_800: '#04522B',
139 positive_900: '#033F21',
140 positive_950: '#032A17',
141 positive_975: '#021D0F',
142
143 negative_25: '#FFF5F7',
144 negative_50: '#FEE7EC',
145 negative_100: '#FDD3DD',
146 negative_200: '#FBBBCA',
147 negative_300: '#F891A9',
148 negative_400: '#F65A7F',
149 negative_500: '#E91646',
150 negative_600: '#CA123D',
151 negative_700: '#A71134',
152 negative_800: '#7F0B26',
153 negative_900: '#5F071C',
154 negative_950: '#430413',
155 negative_975: '#30030D',
156}
157
158export const DEFAULT_SUBDUED_PALETTE: Palette = {
159 white: '#FEFBFB',
160 black: '#383434',
161 like: '#dd5e8f',
162
163 contrast_0: '#FEFBFB',
164 contrast_25: '#ECE9E9',
165 contrast_50: '#DBD8D8',
166 contrast_100: '#C9C7C7',
167 contrast_200: '#B8B6B6',
168 contrast_300: '#A8A5A5',
169 contrast_400: '#979595',
170 contrast_500: '#878585',
171 contrast_600: '#787575',
172 contrast_700: '#686666',
173 contrast_800: '#595757',
174 contrast_900: '#4B4848',
175 contrast_950: '#3D3A3A',
176 contrast_975: '#2F2D2D',
177 contrast_1000: '#222020',
178
179 primary_25: `hsl(5, 30%, 97%)`,
180 primary_50: `hsl(5, 30%, 95%)`,
181 primary_100: `hsl(5, 30%, 90%)`,
182 primary_200: `hsl(5, 52%, 80%)`,
183 primary_300: `hsl(5, 64%, 70%)`,
184 primary_400: `hsl(5, 84%, 66%)`,
185 primary_500: `hsl(5, 82%, 60%)`,
186 primary_600: `hsl(5, 80%, 54%)`,
187 primary_700: `hsl(5, 58%, 55%)`,
188 primary_800: `hsl(5, 42%, 25%)`,
189 primary_900: `hsl(5, 45%, 18%)`,
190 primary_950: `hsl(5, 48%, 10%)`,
191 primary_975: `hsl(5, 50%, 7%)`,
192
193 positive_25: '#ECFEF5',
194 positive_50: '#D8FDEB',
195 positive_100: '#A8FAD1',
196 positive_200: '#6FF6B3',
197 positive_300: '#31F291',
198 positive_400: '#0EDD75',
199 positive_500: '#0AC266',
200 positive_600: '#049F52',
201 positive_700: '#038142',
202 positive_800: '#056636',
203 positive_900: '#04522B',
204 positive_950: '#053D21',
205 positive_975: '#052917',
206
207 negative_25: '#FFF5F7',
208 negative_50: '#FEEBEF',
209 negative_100: '#FDD8E1',
210 negative_200: '#FCC0CE',
211 negative_300: '#F99AB0',
212 negative_400: '#F76486',
213 negative_500: '#EB2452',
214 negative_600: '#D81341',
215 negative_700: '#BA1239',
216 negative_800: '#910D2C',
217 negative_900: '#6F0B22',
218 negative_950: '#500B1C',
219 negative_975: '#3E0915',
220}
221
222export function invertPalette(palette: Palette) {
223 return {
224 white: palette.white,
225 black: palette.black,
226 like: palette.like,
227
228 contrast_0: palette.contrast_1000,
229 contrast_25: palette.contrast_975,
230 contrast_50: palette.contrast_950,
231 contrast_100: palette.contrast_900,
232 contrast_200: palette.contrast_800,
233 contrast_300: palette.contrast_700,
234 contrast_400: palette.contrast_600,
235 contrast_500: palette.contrast_500,
236 contrast_600: palette.contrast_400,
237 contrast_700: palette.contrast_300,
238 contrast_800: palette.contrast_200,
239 contrast_900: palette.contrast_100,
240 contrast_950: palette.contrast_50,
241 contrast_975: palette.contrast_25,
242 contrast_1000: palette.contrast_0,
243
244 primary_25: palette.primary_975,
245 primary_50: palette.primary_950,
246 primary_100: palette.primary_900,
247 primary_200: palette.primary_800,
248 primary_300: palette.primary_700,
249 primary_400: palette.primary_600,
250 primary_500: palette.primary_500,
251 primary_600: palette.primary_400,
252 primary_700: palette.primary_300,
253 primary_800: palette.primary_200,
254 primary_900: palette.primary_100,
255 primary_950: palette.primary_50,
256 primary_975: palette.primary_25,
257
258 positive_25: palette.positive_975,
259 positive_50: palette.positive_950,
260 positive_100: palette.positive_900,
261 positive_200: palette.positive_800,
262 positive_300: palette.positive_700,
263 positive_400: palette.positive_600,
264 positive_500: palette.positive_500,
265 positive_600: palette.positive_400,
266 positive_700: palette.positive_300,
267 positive_800: palette.positive_200,
268 positive_900: palette.positive_100,
269 positive_950: palette.positive_50,
270 positive_975: palette.positive_25,
271
272 negative_25: palette.negative_975,
273 negative_50: palette.negative_950,
274 negative_100: palette.negative_900,
275 negative_200: palette.negative_800,
276 negative_300: palette.negative_700,
277 negative_400: palette.negative_600,
278 negative_500: palette.negative_500,
279 negative_600: palette.negative_400,
280 negative_700: palette.negative_300,
281 negative_800: palette.negative_200,
282 negative_900: palette.negative_100,
283 negative_950: palette.negative_50,
284 negative_975: palette.negative_25,
285 }
286}
287
288const DEFAULT_THEMES = createThemes({
289 defaultPalette: DEFAULT_PALETTE,
290 subduedPalette: DEFAULT_SUBDUED_PALETTE,
291})
292
293export const themes = {
294 lightPalette: DEFAULT_THEMES.light.palette,
295 darkPalette: DEFAULT_THEMES.dark.palette,
296 dimPalette: DEFAULT_THEMES.dim.palette,
297 light: DEFAULT_THEMES.light,
298 dark: DEFAULT_THEMES.dark,
299 dim: DEFAULT_THEMES.dim,
300}
301
302export const witchskyscheme = themes
303
304export const BLACKSKY_BRAND = {
305 /* Neutrals */
306 black: '#070C0C',
307 white: '#F8FAF9',
308 twilight: '#161E27',
309 gray300: '#C8CAC9',
310 gray400: '#9C9E9E',
311 gray600: '#6A6A6A',
312
313 /* Primary / “Indigo‑violet” */
314 primaryLight: '#6060E9',
315 primaryLightTint: '#EAEBFC',
316 primaryDark: '#8686FF',
317 primaryDarkTint: '#464985',
318
319 /* Accent / Lime‑green (“success”) */
320 secondary: '#D2FC51',
321 secondaryTint: '#F1FECB',
322
323 /* Negative / Brand red */
324 negative: '#F40B42',
325} as const
326
327const scaleLight = (idx: number) => BLACKSKY_dimScale[idx]
328
329export const BLACKSKY_PALETTE: Palette = {
330 white: BLACKSKY_BRAND.white,
331 black: BLACKSKY_BRAND.black,
332 like: '#EC4899',
333
334 // neutrals
335 contrast_0: BLACKSKY_BRAND.white,
336 contrast_25: BLACKSKY_BRAND.white, // Very Light
337 contrast_50: '#F0F2F2',
338 contrast_100: '#E6E8E8',
339 contrast_200: '#D1D3D3',
340 contrast_300: '#B6B8B8',
341 contrast_400: '#9C9E9E',
342 contrast_500: '#818383',
343 contrast_600: '#6A6A6A',
344 contrast_700: '#4F5050',
345 contrast_800: '#353636',
346 contrast_900: '#1F2020',
347 contrast_950: '#121313',
348 contrast_975: '#0B0C0C',
349 contrast_1000: BLACKSKY_BRAND.black,
350
351 // primary (light scheme)
352 // Tuned to ensure _975 isn't too saturated so the inverted Dark Mode background is clean.
353 primary_25: BLACKSKY_BRAND.primaryLightTint,
354 primary_50: '#DCDDFA',
355 primary_100: '#C6C8F5',
356 primary_200: '#B0B3F0',
357 primary_300: '#989CED',
358 primary_400: '#8286E7',
359 primary_500: BLACKSKY_BRAND.primaryLight,
360 primary_600: '#5252C3',
361 primary_700: '#4545A8',
362 primary_800: '#38388D',
363 primary_900: '#2B2B71',
364 primary_950: '#151540', // Deepened and desaturated slightly
365 primary_975: '#0B0B24', // Almost black-blue, ensures Dark Mode BG isn't "muddy blue"
366
367 // success
368 positive_25: BLACKSKY_BRAND.secondaryTint,
369 positive_50: '#EAFDD1',
370 positive_100: '#DAFCAB',
371 positive_200: '#C8FC80',
372 positive_300: '#BBFB66',
373 positive_400: '#AEFA59',
374 positive_500: BLACKSKY_BRAND.secondary,
375 positive_600: '#A0EC46',
376 positive_700: '#82C838',
377 positive_800: '#66942A',
378 positive_900: '#4A601C',
379 positive_950: '#2E3B0E',
380 positive_975: '#181F07',
381
382 // error
383 negative_25: '#FFE5EC',
384 negative_50: '#FFD9E3',
385 negative_100: '#FFC1D1',
386 negative_200: '#FF9AB3',
387 negative_300: '#FF7396',
388 negative_400: '#FF4B78',
389 negative_500: BLACKSKY_BRAND.negative,
390 negative_600: '#C00A32',
391 negative_700: '#920826',
392 negative_800: '#630619',
393 negative_900: '#35030D',
394 negative_950: '#1B0206',
395 negative_975: '#0E0103',
396} as const
397
398// The Subdued palette must be defined as a LIGHT palette.
399// createThemes will then INVERT this to create the Dim (Dark Blue) theme.
400// We map _25 to High Lightness and _975 to Low Lightness.
401export const BLACKSKY_SUBDUED_PALETTE: Palette = {
402 ...BLACKSKY_PALETTE,
403
404 // Override black to a softer twilight for the text in Light mode (optional)
405 // or primarily for the background color in the inverted Dim mode.
406 black: '#161E27',
407
408 // Neutral / Contrast Scale (Blue-Tinted Grays)
409 // We utilize the dimScale in reverse: [14] is lightest, [1] is darkest.
410 contrast_0: '#FFFFFF',
411 contrast_25: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(14)}%)`, // Lightest
412 contrast_50: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(13)}%)`,
413 contrast_100: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(12)}%)`,
414 contrast_200: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(11)}%)`,
415 contrast_300: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(10)}%)`,
416 contrast_400: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(9)}%)`,
417 contrast_500: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(8)}%)`,
418 contrast_600: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(7)}%)`,
419 contrast_700: `hsl(${BLACKSKY_BLUE_HUE}, 15%, ${scaleLight(5)}%)`,
420 contrast_800: `hsl(${BLACKSKY_BLUE_HUE}, 20%, ${scaleLight(4)}%)`,
421 contrast_900: `hsl(${BLACKSKY_BLUE_HUE}, 24%, ${scaleLight(3)}%)`,
422 contrast_950: `hsl(${BLACKSKY_BLUE_HUE}, 28%, ${scaleLight(2)}%)`,
423 contrast_975: `hsl(${BLACKSKY_BLUE_HUE}, 30%, ${scaleLight(1)}%)`, // Darkest
424 contrast_1000: `hsl(${BLACKSKY_BLUE_HUE}, 30%, 8%)`, // Absolute Darkest
425
426 // Subdued Primary
427 // Less saturation than the main palette to fit the "Subdued" vibe
428 primary_25: `hsl(240, 60%, 97%)`,
429 primary_50: `hsl(240, 60%, 95%)`,
430 primary_100: `hsl(240, 55%, 90%)`,
431 primary_200: `hsl(240, 50%, 80%)`,
432 primary_300: `hsl(240, 45%, 70%)`,
433 primary_400: `hsl(240, 40%, 60%)`,
434 primary_500: `hsl(240, 35%, 50%)`, // Midpoint
435 primary_600: `hsl(240, 40%, 45%)`,
436 primary_700: `hsl(240, 45%, 35%)`,
437 primary_800: `hsl(240, 50%, 25%)`,
438 primary_900: `hsl(240, 50%, 15%)`,
439 primary_950: `hsl(240, 50%, 10%)`,
440 primary_975: `hsl(240, 50%, 6%)`,
441
442 // Subdued Success
443 positive_25: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 96%)`,
444 positive_50: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 93%)`,
445 positive_100: `hsl(${BLACKSKY_GREEN_HUE}, 55%, 88%)`,
446 positive_200: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 80%)`,
447 positive_300: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 70%)`,
448 positive_400: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 60%)`,
449 positive_500: `hsl(${BLACKSKY_GREEN_HUE}, 50%, 50%)`,
450 positive_600: `hsl(${BLACKSKY_GREEN_HUE}, 55%, 40%)`,
451 positive_700: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 30%)`,
452 positive_800: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 20%)`,
453 positive_900: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 15%)`,
454 positive_950: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 10%)`,
455 positive_975: `hsl(${BLACKSKY_GREEN_HUE}, 60%, 5%)`,
456
457 // Subdued Negative
458 negative_25: `hsl(${BLACKSKY_RED_HUE}, 70%, 97%)`,
459 negative_50: `hsl(${BLACKSKY_RED_HUE}, 70%, 95%)`,
460 negative_100: `hsl(${BLACKSKY_RED_HUE}, 65%, 90%)`,
461 negative_200: `hsl(${BLACKSKY_RED_HUE}, 60%, 80%)`,
462 negative_300: `hsl(${BLACKSKY_RED_HUE}, 55%, 70%)`,
463 negative_400: `hsl(${BLACKSKY_RED_HUE}, 55%, 60%)`,
464 negative_500: `hsl(${BLACKSKY_RED_HUE}, 60%, 50%)`,
465 negative_600: `hsl(${BLACKSKY_RED_HUE}, 60%, 45%)`,
466 negative_700: `hsl(${BLACKSKY_RED_HUE}, 65%, 35%)`,
467 negative_800: `hsl(${BLACKSKY_RED_HUE}, 65%, 25%)`,
468 negative_900: `hsl(${BLACKSKY_RED_HUE}, 70%, 15%)`,
469 negative_950: `hsl(${BLACKSKY_RED_HUE}, 70%, 10%)`,
470 negative_975: `hsl(${BLACKSKY_RED_HUE}, 70%, 5%)`,
471} as const
472
473const BLACKSKY_THEMES = createThemes({
474 defaultPalette: BLACKSKY_PALETTE,
475 subduedPalette: BLACKSKY_SUBDUED_PALETTE,
476})
477
478export const blackskyscheme = {
479 lightPalette: BLACKSKY_THEMES.light.palette,
480 darkPalette: BLACKSKY_THEMES.dark.palette,
481 dimPalette: BLACKSKY_THEMES.dim.palette,
482 light: BLACKSKY_THEMES.light,
483 dark: BLACKSKY_THEMES.dark,
484 dim: BLACKSKY_THEMES.dim,
485}
486
487export const BLUESKY_PALETTE: Palette = {
488 white: '#FFFFFF',
489 black: '#000000',
490 like: '#EC4899',
491
492 contrast_0: '#FFFFFF',
493 contrast_25: '#F9FAFB',
494 contrast_50: '#EFF2F6',
495 contrast_100: '#DCE2EA',
496 contrast_200: '#C0CAD8',
497 contrast_300: '#A5B2C5',
498 contrast_400: '#8798B0',
499 contrast_500: '#667B99',
500 contrast_600: '#526580',
501 contrast_700: '#405168',
502 contrast_800: '#313F54',
503 contrast_900: '#232E3E',
504 contrast_950: '#19222E',
505 contrast_975: '#111822',
506 contrast_1000: '#000000',
507
508 primary_25: '#F5F9FF',
509 primary_50: '#E5F0FF',
510 primary_100: '#CCE1FF',
511 primary_200: '#A8CCFF',
512 primary_300: '#75AFFF',
513 primary_400: '#4291FF',
514 primary_500: '#006AFF',
515 primary_600: '#0059D6',
516 primary_700: '#0048AD',
517 primary_800: '#00398A',
518 primary_900: '#002861',
519 primary_950: '#001E47',
520 primary_975: '#001533',
521
522 positive_25: '#ECFEF5',
523 positive_50: '#D3FDE8',
524 positive_100: '#A3FACF',
525 positive_200: '#6AF6B0',
526 positive_300: '#2CF28F',
527 positive_400: '#0DD370',
528 positive_500: '#09B35E',
529 positive_600: '#04904A',
530 positive_700: '#036D38',
531 positive_800: '#04522B',
532 positive_900: '#033F21',
533 positive_950: '#032A17',
534 positive_975: '#021D0F',
535
536 negative_25: '#FFF5F7',
537 negative_50: '#FEE7EC',
538 negative_100: '#FDD3DD',
539 negative_200: '#FBBBCA',
540 negative_300: '#F891A9',
541 negative_400: '#F65A7F',
542 negative_500: '#E91646',
543 negative_600: '#CA123D',
544 negative_700: '#A71134',
545 negative_800: '#7F0B26',
546 negative_900: '#5F071C',
547 negative_950: '#430413',
548 negative_975: '#30030D',
549}
550
551export const BLUESKY_SUBDUED_PALETTE: Palette = {
552 white: '#FFFFFF',
553 black: '#000000',
554 like: '#EC4899',
555
556 contrast_0: '#FFFFFF',
557 contrast_25: '#F9FAFB',
558 contrast_50: '#F2F4F8',
559 contrast_100: '#E2E7EE',
560 contrast_200: '#C3CDDA',
561 contrast_300: '#ABB8C9',
562 contrast_400: '#8D9DB4',
563 contrast_500: '#6F839F',
564 contrast_600: '#586C89',
565 contrast_700: '#485B75',
566 contrast_800: '#394960',
567 contrast_900: '#2C3A4E',
568 contrast_950: '#222E3F',
569 contrast_975: '#1C2736',
570 contrast_1000: '#151D28',
571
572 primary_25: '#F5F9FF',
573 primary_50: '#EBF3FF',
574 primary_100: '#D6E7FF',
575 primary_200: '#ADCFFF',
576 primary_300: '#80B5FF',
577 primary_400: '#4D97FF',
578 primary_500: '#0F73FF',
579 primary_600: '#0661E0',
580 primary_700: '#0A52B8',
581 primary_800: '#0E4490',
582 primary_900: '#123464',
583 primary_950: '#122949',
584 primary_975: '#122136',
585
586 positive_25: '#ECFEF5',
587 positive_50: '#D8FDEB',
588 positive_100: '#A8FAD1',
589 positive_200: '#6FF6B3',
590 positive_300: '#31F291',
591 positive_400: '#0EDD75',
592 positive_500: '#0AC266',
593 positive_600: '#049F52',
594 positive_700: '#038142',
595 positive_800: '#056636',
596 positive_900: '#04522B',
597 positive_950: '#053D21',
598 positive_975: '#052917',
599
600 negative_25: '#FFF5F7',
601 negative_50: '#FEEBEF',
602 negative_100: '#FDD8E1',
603 negative_200: '#FCC0CE',
604 negative_300: '#F99AB0',
605 negative_400: '#F76486',
606 negative_500: '#EB2452',
607 negative_600: '#D81341',
608 negative_700: '#BA1239',
609 negative_800: '#910D2C',
610 negative_900: '#6F0B22',
611 negative_950: '#500B1C',
612 negative_975: '#3E0915',
613}
614
615const BLUESKY_THEMES = createThemes({
616 defaultPalette: BLUESKY_PALETTE,
617 subduedPalette: BLUESKY_SUBDUED_PALETTE,
618})
619
620export const blueskyscheme = {
621 lightPalette: BLUESKY_THEMES.light.palette,
622 darkPalette: BLUESKY_THEMES.dark.palette,
623 dimPalette: BLUESKY_THEMES.dim.palette,
624 light: BLUESKY_THEMES.light,
625 dark: BLUESKY_THEMES.dark,
626 dim: BLUESKY_THEMES.dim,
627}
628
629export const DEER_PALETTE: Palette = {
630 white: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
631 black: '#000000',
632 like: '#ec4899',
633
634 contrast_0: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
635 contrast_25: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[13]}%)`,
636 contrast_50: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[12]}%)`,
637 contrast_100: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[11]}%)`,
638 contrast_200: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[10]}%)`,
639 contrast_300: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[9]}%)`,
640 contrast_400: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[8]}%)`,
641 contrast_500: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[7]}%)`,
642 contrast_600: `hsl(${DEER_BLUE_HUE}, 24%, ${DEER_defaultScale[6]}%)`,
643 contrast_700: `hsl(${DEER_BLUE_HUE}, 24%, ${DEER_defaultScale[5]}%)`,
644 contrast_800: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[4]}%)`,
645 contrast_900: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[3]}%)`,
646 contrast_950: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[2]}%)`,
647 contrast_975: `hsl(${DEER_BLUE_HUE}, 28%, ${DEER_defaultScale[1]}%)`,
648 contrast_1000: '#000000',
649
650 primary_25: `hsl(145, 30%, 97%)`,
651 primary_50: `hsl(145, 30%, 95%)`,
652 primary_100: `hsl(145, 30%, 90%)`,
653 primary_200: `hsl(145, 32%, 80%)`,
654 primary_300: `hsl(145, 34%, 70%)`,
655 primary_400: `hsl(145, 35%, 58%)`,
656 primary_500: `hsl(145, 35%, 45%)`,
657 primary_600: `hsl(145, 38%, 38%)`,
658 primary_700: `hsl(145, 40%, 32%)`,
659 primary_800: `hsl(145, 42%, 25%)`,
660 primary_900: `hsl(145, 45%, 18%)`,
661 primary_950: `hsl(145, 48%, 10%)`,
662 primary_975: `hsl(145, 50%, 7%)`,
663
664 positive_25: `hsl(${DEER_GREEN_HUE}, 82%, 97%)`,
665 positive_50: `hsl(${DEER_GREEN_HUE}, 82%, 95%)`,
666 positive_100: `hsl(${DEER_GREEN_HUE}, 82%, 90%)`,
667 positive_200: `hsl(${DEER_GREEN_HUE}, 82%, 80%)`,
668 positive_300: `hsl(${DEER_GREEN_HUE}, 82%, 70%)`,
669 positive_400: `hsl(${DEER_GREEN_HUE}, 82%, 60%)`,
670 positive_500: `hsl(${DEER_GREEN_HUE}, 82%, 50%)`,
671 positive_600: `hsl(${DEER_GREEN_HUE}, 82%, 42%)`,
672 positive_700: `hsl(${DEER_GREEN_HUE}, 82%, 34%)`,
673 positive_800: `hsl(${DEER_GREEN_HUE}, 82%, 26%)`,
674 positive_900: `hsl(${DEER_GREEN_HUE}, 82%, 18%)`,
675 positive_950: `hsl(${DEER_GREEN_HUE}, 82%, 10%)`,
676 positive_975: `hsl(${DEER_GREEN_HUE}, 82%, 7%)`,
677
678 negative_25: `hsl(${DEER_RED_HUE}, 91%, 97%)`,
679 negative_50: `hsl(${DEER_RED_HUE}, 91%, 95%)`,
680 negative_100: `hsl(${DEER_RED_HUE}, 91%, 90%)`,
681 negative_200: `hsl(${DEER_RED_HUE}, 91%, 80%)`,
682 negative_300: `hsl(${DEER_RED_HUE}, 91%, 70%)`,
683 negative_400: `hsl(${DEER_RED_HUE}, 91%, 60%)`,
684 negative_500: `hsl(${DEER_RED_HUE}, 91%, 50%)`,
685 negative_600: `hsl(${DEER_RED_HUE}, 91%, 42%)`,
686 negative_700: `hsl(${DEER_RED_HUE}, 91%, 34%)`,
687 negative_800: `hsl(${DEER_RED_HUE}, 91%, 26%)`,
688 negative_900: `hsl(${DEER_RED_HUE}, 91%, 18%)`,
689 negative_950: `hsl(${DEER_RED_HUE}, 91%, 10%)`,
690 negative_975: `hsl(${DEER_RED_HUE}, 91%, 7%)`,
691}
692
693export const DEER_SUBDUED_PALETTE: Palette = {
694 ...DEER_PALETTE,
695 primary_25: `hsl(140, 15%, 97%)`,
696 primary_50: `hsl(140, 18%, 95%)`,
697 primary_100: `hsl(140, 22%, 90%)`,
698 primary_200: `hsl(140, 25%, 80%)`,
699 primary_300: `hsl(140, 28%, 70%)`,
700 primary_400: `hsl(140, 32%, 58%)`,
701 primary_500: `hsl(140, 35%, 45%)`,
702 primary_600: `hsl(140, 38%, 38%)`,
703 primary_700: `hsl(140, 42%, 32%)`,
704 primary_800: `hsl(140, 45%, 25%)`,
705 primary_900: `hsl(140, 48%, 18%)`,
706 primary_950: `hsl(140, 50%, 10%)`,
707 primary_975: `hsl(140, 55%, 7%)`,
708 contrast_1000: '#151D28',
709}
710
711const DEER_THEMES = createThemes({
712 defaultPalette: DEER_PALETTE,
713 subduedPalette: DEER_SUBDUED_PALETTE,
714})
715
716export const deerscheme = {
717 lightPalette: DEER_THEMES.light.palette,
718 darkPalette: DEER_THEMES.dark.palette,
719 dimPalette: DEER_THEMES.dim.palette,
720 light: DEER_THEMES.light,
721 dark: DEER_THEMES.dark,
722 dim: DEER_THEMES.dim,
723}
724
725export const ZEPPELIN_PALETTE: Palette = {
726 white: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
727 black: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
728 like: '#ec4899',
729
730 contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
731 contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[13]}%)`,
732 contrast_50: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[12]}%)`,
733 contrast_100: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[11]}%)`,
734 contrast_200: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[10]}%)`,
735 contrast_300: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[9]}%)`,
736 contrast_400: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[8]}%)`,
737 contrast_500: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[7]}%)`,
738 contrast_600: `hsl(${ZEPPELIN_BLUE_HUE}, 19%, ${ZEPPELIN_defaultScale[6]}%)`,
739 contrast_700: `hsl(${ZEPPELIN_BLUE_HUE}, 19%, ${ZEPPELIN_defaultScale[5]}%)`,
740 contrast_800: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[4]}%)`,
741 contrast_900: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[3]}%)`,
742 contrast_950: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[2]}%)`,
743 contrast_975: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[1]}%)`,
744 contrast_1000: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
745
746 primary_25: `hsl(47, 80%, 89%)`,
747 primary_50: `hsl(47, 80%, 87%)`,
748 primary_100: `hsl(47, 80%, 82%)`,
749 primary_200: `hsl(47, 72%, 72%)`,
750 primary_300: `hsl(47, 74%, 62%)`,
751 primary_400: `hsl(47, 75%, 50%)`,
752 primary_500: `hsl(47, 75%, 37%)`,
753 primary_600: `hsl(47, 78%, 30%)`,
754 primary_700: `hsl(47, 80%, 24%)`,
755 primary_800: `hsl(47, 82%, 17%)`,
756 primary_900: `hsl(47, 85%, 12%)`,
757 primary_950: `hsl(47, 88%, 5%)`,
758 primary_975: `hsl(47, 90%, 2%)`,
759
760 positive_25: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 97%)`,
761 positive_50: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 95%)`,
762 positive_100: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 90%)`,
763 positive_200: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 80%)`,
764 positive_300: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 70%)`,
765 positive_400: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 60%)`,
766 positive_500: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 50%)`,
767 positive_600: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 42%)`,
768 positive_700: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 34%)`,
769 positive_800: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 26%)`,
770 positive_900: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 18%)`,
771 positive_950: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 10%)`,
772 positive_975: `hsl(${ZEPPELIN_GREEN_HUE}, 82%, 7%)`,
773
774 negative_25: `hsl(${ZEPPELIN_RED_HUE}, 91%, 97%)`,
775 negative_50: `hsl(${ZEPPELIN_RED_HUE}, 91%, 95%)`,
776 negative_100: `hsl(${ZEPPELIN_RED_HUE}, 91%, 90%)`,
777 negative_200: `hsl(${ZEPPELIN_RED_HUE}, 91%, 80%)`,
778 negative_300: `hsl(${ZEPPELIN_RED_HUE}, 91%, 70%)`,
779 negative_400: `hsl(${ZEPPELIN_RED_HUE}, 91%, 60%)`,
780 negative_500: `hsl(${ZEPPELIN_RED_HUE}, 91%, 50%)`,
781 negative_600: `hsl(${ZEPPELIN_RED_HUE}, 91%, 42%)`,
782 negative_700: `hsl(${ZEPPELIN_RED_HUE}, 91%, 34%)`,
783 negative_800: `hsl(${ZEPPELIN_RED_HUE}, 91%, 26%)`,
784 negative_900: `hsl(${ZEPPELIN_RED_HUE}, 91%, 18%)`,
785 negative_950: `hsl(${ZEPPELIN_RED_HUE}, 91%, 10%)`,
786 negative_975: `hsl(${ZEPPELIN_RED_HUE}, 91%, 7%)`,
787}
788
789export const ZEPPELIN_SUBDUED_PALETTE: Palette = {
790 ...ZEPPELIN_PALETTE,
791 black: `hsl(${ZEPPELIN_BLUE_HUE}, 3%, ${ZEPPELIN_dimScale[0]}%)`,
792
793 contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[14]}%)`,
794 contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[13]}%)`,
795 contrast_50: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[12]}%)`,
796 contrast_100: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[11]}%)`,
797 contrast_200: `hsl(${ZEPPELIN_BLUE_HUE}, 20%, ${ZEPPELIN_dimScale[10]}%)`,
798 contrast_300: `hsl(${ZEPPELIN_BLUE_HUE}, 16%, ${ZEPPELIN_dimScale[9]}%)`,
799 contrast_400: `hsl(${ZEPPELIN_BLUE_HUE}, 16%, ${ZEPPELIN_dimScale[8]}%)`,
800 contrast_500: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[7]}%)`,
801 contrast_600: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[6]}%)`,
802 contrast_700: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[5]}%)`,
803 contrast_800: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[4]}%)`,
804 contrast_900: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[3]}%)`,
805 contrast_950: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[2]}%)`,
806 contrast_975: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[1]}%)`,
807 contrast_1000: `hsl(${ZEPPELIN_BLUE_HUE}, 12%, ${ZEPPELIN_dimScale[0]}%)`,
808
809 primary_25: `hsl(47, 60%, 97%)`,
810 primary_50: `hsl(47, 63%, 94%)`,
811 primary_100: `hsl(47, 65%, 88%)`,
812 primary_200: `hsl(47, 70%, 78%)`,
813 primary_300: `hsl(47, 73%, 68%)`,
814 primary_400: `hsl(47, 77%, 58%)`,
815 primary_500: `hsl(47, 80%, 45%)`,
816 primary_600: `hsl(47, 83%, 38%)`,
817 primary_700: `hsl(47, 87%, 30%)`,
818 primary_800: `hsl(47, 90%, 25%)`,
819 primary_900: `hsl(47, 93%, 18%)`,
820 primary_950: `hsl(47, 95%, 10%)`,
821 primary_975: `hsl(47, 98%, 7%)`,
822}
823
824const ZEPPELIN_THEMES = createThemes({
825 defaultPalette: ZEPPELIN_PALETTE,
826 subduedPalette: ZEPPELIN_SUBDUED_PALETTE,
827})
828
829export const zeppelinscheme = {
830 lightPalette: ZEPPELIN_THEMES.light.palette,
831 darkPalette: ZEPPELIN_THEMES.dark.palette,
832 dimPalette: ZEPPELIN_THEMES.dim.palette,
833 light: ZEPPELIN_THEMES.light,
834 dark: ZEPPELIN_THEMES.dark,
835 dim: ZEPPELIN_THEMES.dim,
836}
837
838export const KITTY_PALETTE: Palette = {
839 white: '#FFFFFF',
840 black: '#000000',
841 like: '#EC4899',
842
843 contrast_0: '#FFFFFF',
844 contrast_25: '#F9FAFB',
845 contrast_50: '#EFF2F6',
846 contrast_100: '#DCE2EA',
847 contrast_200: '#C0CAD8',
848 contrast_300: '#A5B2C5',
849 contrast_400: '#8798B0',
850 contrast_500: '#667B99',
851 contrast_600: '#526580',
852 contrast_700: '#405168',
853 contrast_800: '#313F54',
854 contrast_900: '#232E3E',
855 contrast_950: '#19222E',
856 contrast_975: '#111822',
857 contrast_1000: '#000000',
858
859 primary_25: `hsl(290, 30%, 97%)`,
860 primary_50: `hsl(290, 30%, 95%)`,
861 primary_100: `hsl(290, 30%, 90%)`,
862 primary_200: `hsl(290, 32%, 80%)`,
863 primary_300: `hsl(290, 34%, 70%)`,
864 primary_400: `hsl(290, 35%, 58%)`,
865 primary_500: `hsl(290, 35%, 45%)`,
866 primary_600: `hsl(290, 38%, 38%)`,
867 primary_700: `hsl(290, 40%, 32%)`,
868 primary_800: `hsl(290, 42%, 25%)`,
869 primary_900: `hsl(290, 45%, 18%)`,
870 primary_950: `hsl(290, 48%, 10%)`,
871 primary_975: `hsl(290, 50%, 7%)`,
872
873 positive_25: '#ECFEF5',
874 positive_50: '#D3FDE8',
875 positive_100: '#A3FACF',
876 positive_200: '#6AF6B0',
877 positive_300: '#2CF28F',
878 positive_400: '#0DD370',
879 positive_500: '#09B35E',
880 positive_600: '#04904A',
881 positive_700: '#036D38',
882 positive_800: '#04522B',
883 positive_900: '#033F21',
884 positive_950: '#032A17',
885 positive_975: '#021D0F',
886
887 negative_25: '#FFF5F7',
888 negative_50: '#FEE7EC',
889 negative_100: '#FDD3DD',
890 negative_200: '#FBBBCA',
891 negative_300: '#F891A9',
892 negative_400: '#F65A7F',
893 negative_500: '#E91646',
894 negative_600: '#CA123D',
895 negative_700: '#A71134',
896 negative_800: '#7F0B26',
897 negative_900: '#5F071C',
898 negative_950: '#430413',
899 negative_975: '#30030D',
900}
901
902export const KITTY_SUBDUED_PALETTE: Palette = {
903 white: '#FFFFFF',
904 black: '#000000',
905 like: '#EC4899',
906
907 contrast_0: '#FFFFFF',
908 contrast_25: '#F9FAFB',
909 contrast_50: '#F2F4F8',
910 contrast_100: '#E2E7EE',
911 contrast_200: '#C3CDDA',
912 contrast_300: '#ABB8C9',
913 contrast_400: '#8D9DB4',
914 contrast_500: '#6F839F',
915 contrast_600: '#586C89',
916 contrast_700: '#485B75',
917 contrast_800: '#394960',
918 contrast_900: '#2C3A4E',
919 contrast_950: '#222E3F',
920 contrast_975: '#1C2736',
921 contrast_1000: '#151D28',
922
923 primary_25: `hsl(290, 30%, 97%)`,
924 primary_50: `hsl(290, 30%, 96%)`,
925 primary_100: `hsl(290, 30%, 92%)`,
926 primary_200: `hsl(290, 32%, 81%)`,
927 primary_300: `hsl(290, 34%, 72%)`,
928 primary_400: `hsl(290, 35%, 60%)`,
929 primary_500: `hsl(290, 35%, 48%)`,
930 primary_600: `hsl(290, 38%, 41%)`,
931 primary_700: `hsl(290, 40%, 36%)`,
932 primary_800: `hsl(290, 42%, 29%)`,
933 primary_900: `hsl(290, 45%, 22%)`,
934 primary_950: `hsl(290, 48%, 10%)`,
935 primary_975: `hsl(290, 50%, 8%)`,
936
937 positive_25: '#ECFEF5',
938 positive_50: '#D8FDEB',
939 positive_100: '#A8FAD1',
940 positive_200: '#6FF6B3',
941 positive_300: '#31F291',
942 positive_400: '#0EDD75',
943 positive_500: '#0AC266',
944 positive_600: '#049F52',
945 positive_700: '#038142',
946 positive_800: '#056636',
947 positive_900: '#04522B',
948 positive_950: '#053D21',
949 positive_975: '#052917',
950
951 negative_25: '#FFF5F7',
952 negative_50: '#FEEBEF',
953 negative_100: '#FDD8E1',
954 negative_200: '#FCC0CE',
955 negative_300: '#F99AB0',
956 negative_400: '#F76486',
957 negative_500: '#EB2452',
958 negative_600: '#D81341',
959 negative_700: '#BA1239',
960 negative_800: '#910D2C',
961 negative_900: '#6F0B22',
962 negative_950: '#500B1C',
963 negative_975: '#3E0915',
964}
965
966const KITTY_THEMES = createThemes({
967 defaultPalette: KITTY_PALETTE,
968 subduedPalette: KITTY_SUBDUED_PALETTE,
969})
970
971export const kittyscheme = {
972 lightPalette: KITTY_THEMES.light.palette,
973 darkPalette: KITTY_THEMES.dark.palette,
974 dimPalette: KITTY_THEMES.dim.palette,
975 light: KITTY_THEMES.light,
976 dark: KITTY_THEMES.dark,
977 dim: KITTY_THEMES.dim,
978}
979
980const REDDWARF_TAILWIND_ATOMS = {
981 color_gray_25: '#fffbf9',
982 color_gray_50: '#fff7f5',
983 color_gray_100: '#fff0ee',
984 color_gray_200: '#f8e2de',
985 color_gray_300: '#eaccc7',
986 color_gray_400: '#bd948e',
987 color_gray_500: '#93655f',
988 color_gray_600: '#714842',
989 color_gray_700: '#5b342f',
990 color_gray_800: '#401d19',
991 color_gray_900: '#2c0c09',
992 color_gray_950: '#180000',
993 color_gray_970: '#0e0000',
994}
995
996const REDDWARF_TAILWIND_ATOMS_VIBRANT = {
997 ...REDDWARF_TAILWIND_ATOMS,
998 color_gray_500: '#c14c42',
999}
1000
1001export const REDDWARF_SUBDUED_PALETTE: Palette = {
1002 ...DEFAULT_SUBDUED_PALETTE,
1003 white: '#FFFFFF',
1004 black: '#000000',
1005 like: '#FF6B6B',
1006
1007 contrast_0: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1008 contrast_25: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1009 contrast_50: REDDWARF_TAILWIND_ATOMS.color_gray_100,
1010 contrast_100: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1011 contrast_200: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1012 contrast_300: REDDWARF_TAILWIND_ATOMS.color_gray_300,
1013 contrast_400: REDDWARF_TAILWIND_ATOMS.color_gray_400,
1014 contrast_500: REDDWARF_TAILWIND_ATOMS.color_gray_500,
1015 contrast_600: REDDWARF_TAILWIND_ATOMS.color_gray_500,
1016 contrast_700: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1017 contrast_800: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1018 contrast_900: REDDWARF_TAILWIND_ATOMS.color_gray_700,
1019 contrast_950: REDDWARF_TAILWIND_ATOMS.color_gray_800,
1020 contrast_975: REDDWARF_TAILWIND_ATOMS.color_gray_900,
1021 contrast_1000: REDDWARF_TAILWIND_ATOMS.color_gray_900,
1022
1023 primary_25: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_50,
1024 primary_50: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_100,
1025 primary_100: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_200,
1026 primary_200: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_200,
1027 primary_300: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_300,
1028 primary_400: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_400,
1029 primary_500: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_500,
1030 primary_600: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_600,
1031 primary_700: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_600,
1032 primary_800: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_700,
1033 primary_900: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_700,
1034 primary_950: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_800,
1035 primary_975: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_900,
1036}
1037
1038export const REDDWARF_PALETTE: Palette = {
1039 ...REDDWARF_SUBDUED_PALETTE,
1040 contrast_1000: REDDWARF_TAILWIND_ATOMS.color_gray_950,
1041
1042 primary_25: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1043 primary_50: REDDWARF_TAILWIND_ATOMS.color_gray_100,
1044 primary_100: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1045 primary_200: REDDWARF_TAILWIND_ATOMS.color_gray_200,
1046 primary_300: REDDWARF_TAILWIND_ATOMS.color_gray_300,
1047 primary_400: REDDWARF_TAILWIND_ATOMS.color_gray_400,
1048 primary_500: REDDWARF_TAILWIND_ATOMS_VIBRANT.color_gray_500,
1049 primary_600: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1050 primary_700: REDDWARF_TAILWIND_ATOMS.color_gray_600,
1051 primary_800: REDDWARF_TAILWIND_ATOMS.color_gray_700,
1052 primary_900: REDDWARF_TAILWIND_ATOMS.color_gray_700,
1053 primary_950: REDDWARF_TAILWIND_ATOMS.color_gray_800,
1054 primary_975: REDDWARF_TAILWIND_ATOMS.color_gray_900,
1055}
1056
1057const REDDWARF_THEMES = createThemes({
1058 defaultPalette: REDDWARF_PALETTE,
1059 subduedPalette: REDDWARF_SUBDUED_PALETTE,
1060})
1061
1062export const reddwarfscheme = {
1063 lightPalette: REDDWARF_THEMES.light.palette,
1064 darkPalette: REDDWARF_THEMES.dark.palette,
1065 dimPalette: REDDWARF_THEMES.dim.palette,
1066 light: REDDWARF_THEMES.light,
1067 dark: REDDWARF_THEMES.dark,
1068 dim: REDDWARF_THEMES.dim,
1069}
1070
1071/**
1072 * @deprecated use ALF and access palette from `useTheme()`
1073 */
1074export const lightPalette = DEFAULT_THEMES.light.palette
1075/**
1076 * @deprecated use ALF and access palette from `useTheme()`
1077 */
1078export const darkPalette = DEFAULT_THEMES.dark.palette
1079/**
1080 * @deprecated use ALF and access palette from `useTheme()`
1081 */
1082export const dimPalette = DEFAULT_THEMES.dim.palette
1083/**
1084 * @deprecated use ALF and access theme from `useTheme()`
1085 */
1086export const light = DEFAULT_THEMES.light
1087/**
1088 * @deprecated use ALF and access theme from `useTheme()`
1089 */
1090export const dark = DEFAULT_THEMES.dark
1091/**
1092 * @deprecated use ALF and access theme from `useTheme()`
1093 */
1094export const dim = DEFAULT_THEMES.dim