jeanmachine.dev / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fork atom

fix: hue slider crash/theming bug

xan.lol a1cb8f29 fc70410e

verified
+51 -24
unified split
+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,