this repo has no description
fix: hue slider crash/theming bug
+51
-24
+51
-24
src/alf/themes.ts
+51
-24
src/alf/themes.ts
···
7
7
8
8
import {
9
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
10
BLUE_HUE as ZEPPELIN_BLUE_HUE,
17
11
defaultScale as ZEPPELIN_defaultScale,
12
+
// defaultScale as BLACKSKY_defaultScale,
13
+
dimScale as BLACKSKY_dimScale,
18
14
dimScale as ZEPPELIN_dimScale,
15
+
GREEN_HUE as BLACKSKY_GREEN_HUE,
19
16
GREEN_HUE as ZEPPELIN_GREEN_HUE,
17
+
RED_HUE as BLACKSKY_RED_HUE,
20
18
RED_HUE as ZEPPELIN_RED_HUE,
21
19
} from '#/alf/util/blackskyColorGeneration'
22
20
import {
···
31
29
white: string
32
30
black: string
33
31
like: string
32
+
pink: string
33
+
yellow: string
34
34
35
35
contrast_0: string
36
36
contrast_25: string
···
89
89
negative_900: string
90
90
negative_950: string
91
91
negative_975: string
92
+
}
93
+
94
+
const STATIC_VALUES = {
95
+
white: '#FEFBFB',
96
+
black: '#000000',
97
+
pink: '#EC4899',
98
+
yellow: '#FFC404',
92
99
}
93
100
94
101
export const DEFAULT_PALETTE: Palette = {
95
102
white: '#FEFBFB',
96
103
black: '#000000',
97
104
like: '#dd5e8f',
105
+
pink: STATIC_VALUES.pink,
106
+
yellow: STATIC_VALUES.yellow,
98
107
99
108
contrast_0: '#FEFBFB',
100
109
contrast_25: '#ECE9E9',
···
159
168
white: '#FEFBFB',
160
169
black: '#383434',
161
170
like: '#dd5e8f',
171
+
pink: STATIC_VALUES.pink,
172
+
yellow: STATIC_VALUES.yellow,
162
173
163
174
contrast_0: '#FEFBFB',
164
175
contrast_25: '#ECE9E9',
···
329
340
export const BLACKSKY_PALETTE: Palette = {
330
341
white: BLACKSKY_BRAND.white,
331
342
black: BLACKSKY_BRAND.black,
332
-
like: '#EC4899',
343
+
pink: STATIC_VALUES.pink,
344
+
yellow: STATIC_VALUES.yellow,
345
+
like: STATIC_VALUES.pink,
333
346
334
347
// neutrals
335
348
contrast_0: BLACKSKY_BRAND.white,
···
485
498
}
486
499
487
500
export const BLUESKY_PALETTE: Palette = {
488
-
white: '#FFFFFF',
489
-
black: '#000000',
490
-
like: '#EC4899',
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,
491
506
492
507
contrast_0: '#FFFFFF',
493
508
contrast_25: '#F9FAFB',
···
549
564
}
550
565
551
566
export const BLUESKY_SUBDUED_PALETTE: Palette = {
552
-
white: '#FFFFFF',
553
-
black: '#000000',
554
-
like: '#EC4899',
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,
555
572
556
573
contrast_0: '#FFFFFF',
557
574
contrast_25: '#F9FAFB',
···
628
645
629
646
export const DEER_PALETTE: Palette = {
630
647
white: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
631
-
black: '#000000',
632
-
like: '#ec4899',
648
+
black: STATIC_VALUES.black,
649
+
pink: STATIC_VALUES.pink,
650
+
yellow: STATIC_VALUES.yellow,
651
+
like: STATIC_VALUES.pink,
633
652
634
653
contrast_0: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[14]}%)`,
635
654
contrast_25: `hsl(${DEER_BLUE_HUE}, 20%, ${DEER_defaultScale[13]}%)`,
···
725
744
export const ZEPPELIN_PALETTE: Palette = {
726
745
white: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
727
746
black: `hsl(${ZEPPELIN_BLUE_HUE}, 23%, ${ZEPPELIN_defaultScale[0]}%)`,
728
-
like: '#ec4899',
747
+
pink: STATIC_VALUES.pink,
748
+
yellow: STATIC_VALUES.yellow,
749
+
like: STATIC_VALUES.pink,
729
750
730
751
contrast_0: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[14]}%)`,
731
752
contrast_25: `hsl(${ZEPPELIN_BLUE_HUE}, 15%, ${ZEPPELIN_defaultScale[13]}%)`,
···
836
857
}
837
858
838
859
export const KITTY_PALETTE: Palette = {
839
-
white: '#FFFFFF',
840
-
black: '#000000',
841
-
like: '#EC4899',
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,
842
865
843
866
contrast_0: '#FFFFFF',
844
867
contrast_25: '#F9FAFB',
···
900
923
}
901
924
902
925
export const KITTY_SUBDUED_PALETTE: Palette = {
903
-
white: '#FFFFFF',
904
-
black: '#000000',
905
-
like: '#EC4899',
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,
906
931
907
932
contrast_0: '#FFFFFF',
908
933
contrast_25: '#F9FAFB',
···
1000
1025
1001
1026
export const REDDWARF_SUBDUED_PALETTE: Palette = {
1002
1027
...DEFAULT_SUBDUED_PALETTE,
1003
-
white: '#FFFFFF',
1004
-
black: '#000000',
1005
1028
like: '#FF6B6B',
1029
+
white: STATIC_VALUES.white,
1030
+
black: STATIC_VALUES.black,
1031
+
pink: STATIC_VALUES.pink,
1032
+
yellow: STATIC_VALUES.yellow,
1006
1033
1007
1034
contrast_0: REDDWARF_TAILWIND_ATOMS.color_gray_50,
1008
1035
contrast_25: REDDWARF_TAILWIND_ATOMS.color_gray_50,