bas.sh
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fix: hue slider crash/theming bug
xan.lol
+51
-24
src/alf/themes.ts
+51
-24
src/alf/themes.ts
···
7
8
import {
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'
15
-
import {
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'
22
import {
···
31
white: string
32
black: string
33
like: string
34
35
contrast_0: string
36
contrast_25: string
···
89
negative_900: string
90
negative_950: string
91
negative_975: string
92
}
93
94
export const DEFAULT_PALETTE: Palette = {
95
white: '#FEFBFB',
96
black: '#000000',
97
like: '#dd5e8f',
98
99
contrast_0: '#FEFBFB',
100
contrast_25: '#ECE9E9',
···
159
white: '#FEFBFB',
160
black: '#383434',
161
like: '#dd5e8f',
162
163
contrast_0: '#FEFBFB',
164
contrast_25: '#ECE9E9',
···
329
export 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,
···
485
}
486
487
export const BLUESKY_PALETTE: Palette = {
488
-
white: '#FFFFFF',
489
-
black: '#000000',
490
-
like: '#EC4899',
491
492
contrast_0: '#FFFFFF',
493
contrast_25: '#F9FAFB',
···
549
}
550
551
export const BLUESKY_SUBDUED_PALETTE: Palette = {
552
-
white: '#FFFFFF',
553
-
black: '#000000',
554
-
like: '#EC4899',
555
556
contrast_0: '#FFFFFF',
557
contrast_25: '#F9FAFB',
···
628
629
export 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]}%)`,
···
725
export 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]}%)`,
···
836
}
837
838
export const KITTY_PALETTE: Palette = {
839
-
white: '#FFFFFF',
840
-
black: '#000000',
841
-
like: '#EC4899',
842
843
contrast_0: '#FFFFFF',
844
contrast_25: '#F9FAFB',
···
900
}
901
902
export const KITTY_SUBDUED_PALETTE: Palette = {
903
-
white: '#FFFFFF',
904
-
black: '#000000',
905
-
like: '#EC4899',
906
907
contrast_0: '#FFFFFF',
908
contrast_25: '#F9FAFB',
···
1000
1001
export 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,
···
7
8
import {
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'
20
import {
···
29
white: string
30
black: string
31
like: string
32
+
pink: string
33
+
yellow: string
34
35
contrast_0: string
36
contrast_25: string
···
89
negative_900: string
90
negative_950: string
91
negative_975: string
92
+
}
93
+
94
+
const STATIC_VALUES = {
95
+
white: '#FEFBFB',
96
+
black: '#000000',
97
+
pink: '#EC4899',
98
+
yellow: '#FFC404',
99
}
100
101
export 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: '#ECE9E9',
···
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: '#ECE9E9',
···
340
export 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,
···
498
}
499
500
export 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',
···
564
}
565
566
export 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',
···
645
646
export const DEER_PALETTE: Palette = {
647
white: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
648
+
black: STATIC_VALUES.black,
649
+
pink: STATIC_VALUES.pink,
650
+
yellow: STATIC_VALUES.yellow,
651
+
like: STATIC_VALUES.pink,
652
653
contrast_0: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
654
contrast_25: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[13]}%)`,
···
744
export const ZEPPELIN_PALETTE: Palette = {
745
white: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
746
black: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
747
+
pink: STATIC_VALUES.pink,
748
+
yellow: STATIC_VALUES.yellow,
749
+
like: STATIC_VALUES.pink,
750
751
contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
752
contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[13]}%)`,
···
857
}
858
859
export const KITTY_PALETTE: Palette = {
860
+
white: STATIC_VALUES.white,
861
+
black: STATIC_VALUES.black,
862
+
pink: STATIC_VALUES.pink,
863
+
yellow: STATIC_VALUES.yellow,
864
+
like: STATIC_VALUES.pink,
865
866
contrast_0: '#FFFFFF',
867
contrast_25: '#F9FAFB',
···
923
}
924
925
export const KITTY_SUBDUED_PALETTE: Palette = {
926
+
white: STATIC_VALUES.white,
927
+
black: STATIC_VALUES.black,
928
+
pink: STATIC_VALUES.pink,
929
+
yellow: STATIC_VALUES.yellow,
930
+
like: STATIC_VALUES.pink,
931
932
contrast_0: '#FFFFFF',
933
contrast_25: '#F9FAFB',
···
1025
1026
export const REDDWARF_SUBDUED_PALETTE: Palette = {
1027
...DEFAULT_SUBDUED_PALETTE,
1028
like: '#FF6B6B',
1029
+
white: STATIC_VALUES.white,
1030
+
black: STATIC_VALUES.black,
1031
+
pink: STATIC_VALUES.pink,
1032
+
yellow: STATIC_VALUES.yellow,
1033
1034
contrast_0: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1035
contrast_25: REDDWARF_TAILWIND_ATOMS.color_gray_50,