robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
add kitty to color scheme
i mean it only makes sense considering ur fork is based on it ;)
+3
src/alf/index.tsx
+3
src/alf/index.tsx
···
16
16
themes,
17
17
witchskyscheme,
18
18
zeppelinscheme,
19
+
kittyscheme,
19
20
} from '#/alf/themes'
20
21
import {type Device} from '#/storage'
21
22
···
78
79
return deerscheme
79
80
case 'zeppelin':
80
81
return zeppelinscheme
82
+
case 'kitty':
83
+
return kittyscheme
81
84
default:
82
85
return themes
83
86
}
+142
src/alf/themes.ts
+142
src/alf/themes.ts
···
989
989
dim: ZEPPELIN_THEMES.dim,
990
990
}
991
991
992
+
export const KITTY_PALETTE: Palette = {
993
+
white: '#FFFFFF',
994
+
black: '#000000',
995
+
like: '#EC4899',
996
+
997
+
contrast_0: '#FFFFFF',
998
+
contrast_25: '#F9FAFB',
999
+
contrast_50: '#EFF2F6',
1000
+
contrast_100: '#DCE2EA',
1001
+
contrast_200: '#C0CAD8',
1002
+
contrast_300: '#A5B2C5',
1003
+
contrast_400: '#8798B0',
1004
+
contrast_500: '#667B99',
1005
+
contrast_600: '#526580',
1006
+
contrast_700: '#405168',
1007
+
contrast_800: '#313F54',
1008
+
contrast_900: '#232E3E',
1009
+
contrast_950: '#19222E',
1010
+
contrast_975: '#111822',
1011
+
contrast_1000: '#000000',
1012
+
1013
+
primary_25: `hsl(290, 30%, 97%)`,
1014
+
primary_50: `hsl(290, 30%, 95%)`,
1015
+
primary_100: `hsl(290, 30%, 90%)`,
1016
+
primary_200: `hsl(290, 32%, 80%)`,
1017
+
primary_300: `hsl(290, 34%, 70%)`,
1018
+
primary_400: `hsl(290, 35%, 58%)`,
1019
+
primary_500: `hsl(290, 35%, 45%)`,
1020
+
primary_600: `hsl(290, 38%, 38%)`,
1021
+
primary_700: `hsl(290, 40%, 32%)`,
1022
+
primary_800: `hsl(290, 42%, 25%)`,
1023
+
primary_900: `hsl(290, 45%, 18%)`,
1024
+
primary_950: `hsl(290, 48%, 10%)`,
1025
+
primary_975: `hsl(290, 50%, 7%)`,
1026
+
1027
+
positive_25: '#ECFEF5',
1028
+
positive_50: '#D3FDE8',
1029
+
positive_100: '#A3FACF',
1030
+
positive_200: '#6AF6B0',
1031
+
positive_300: '#2CF28F',
1032
+
positive_400: '#0DD370',
1033
+
positive_500: '#09B35E',
1034
+
positive_600: '#04904A',
1035
+
positive_700: '#036D38',
1036
+
positive_800: '#04522B',
1037
+
positive_900: '#033F21',
1038
+
positive_950: '#032A17',
1039
+
positive_975: '#021D0F',
1040
+
1041
+
negative_25: '#FFF5F7',
1042
+
negative_50: '#FEE7EC',
1043
+
negative_100: '#FDD3DD',
1044
+
negative_200: '#FBBBCA',
1045
+
negative_300: '#F891A9',
1046
+
negative_400: '#F65A7F',
1047
+
negative_500: '#E91646',
1048
+
negative_600: '#CA123D',
1049
+
negative_700: '#A71134',
1050
+
negative_800: '#7F0B26',
1051
+
negative_900: '#5F071C',
1052
+
negative_950: '#430413',
1053
+
negative_975: '#30030D',
1054
+
}
1055
+
1056
+
export const KITTY_SUBDUED_PALETTE: Palette = {
1057
+
white: '#FFFFFF',
1058
+
black: '#000000',
1059
+
like: '#EC4899',
1060
+
1061
+
contrast_0: '#FFFFFF',
1062
+
contrast_25: '#F9FAFB',
1063
+
contrast_50: '#F2F4F8',
1064
+
contrast_100: '#E2E7EE',
1065
+
contrast_200: '#C3CDDA',
1066
+
contrast_300: '#ABB8C9',
1067
+
contrast_400: '#8D9DB4',
1068
+
contrast_500: '#6F839F',
1069
+
contrast_600: '#586C89',
1070
+
contrast_700: '#485B75',
1071
+
contrast_800: '#394960',
1072
+
contrast_900: '#2C3A4E',
1073
+
contrast_950: '#222E3F',
1074
+
contrast_975: '#1C2736',
1075
+
contrast_1000: '#151D28',
1076
+
1077
+
primary_25: `hsl(290, 30%, 97%)`,
1078
+
primary_50: `hsl(290, 30%, 96%)`,
1079
+
primary_100: `hsl(290, 30%, 92%)`,
1080
+
primary_200: `hsl(290, 32%, 81%)`,
1081
+
primary_300: `hsl(290, 34%, 72%)`,
1082
+
primary_400: `hsl(290, 35%, 60%)`,
1083
+
primary_500: `hsl(290, 35%, 48%)`,
1084
+
primary_600: `hsl(290, 38%, 41%)`,
1085
+
primary_700: `hsl(290, 40%, 36%)`,
1086
+
primary_800: `hsl(290, 42%, 29%)`,
1087
+
primary_900: `hsl(290, 45%, 22%)`,
1088
+
primary_950: `hsl(290, 48%, 10%)`,
1089
+
primary_975: `hsl(290, 50%, 8%)`,
1090
+
1091
+
positive_25: '#ECFEF5',
1092
+
positive_50: '#D8FDEB',
1093
+
positive_100: '#A8FAD1',
1094
+
positive_200: '#6FF6B3',
1095
+
positive_300: '#31F291',
1096
+
positive_400: '#0EDD75',
1097
+
positive_500: '#0AC266',
1098
+
positive_600: '#049F52',
1099
+
positive_700: '#038142',
1100
+
positive_800: '#056636',
1101
+
positive_900: '#04522B',
1102
+
positive_950: '#053D21',
1103
+
positive_975: '#052917',
1104
+
1105
+
negative_25: '#FFF5F7',
1106
+
negative_50: '#FEEBEF',
1107
+
negative_100: '#FDD8E1',
1108
+
negative_200: '#FCC0CE',
1109
+
negative_300: '#F99AB0',
1110
+
negative_400: '#F76486',
1111
+
negative_500: '#EB2452',
1112
+
negative_600: '#D81341',
1113
+
negative_700: '#BA1239',
1114
+
negative_800: '#910D2C',
1115
+
negative_900: '#6F0B22',
1116
+
negative_950: '#500B1C',
1117
+
negative_975: '#3E0915',
1118
+
}
1119
+
1120
+
const KITTY_THEMES = createThemes({
1121
+
defaultPalette: KITTY_PALETTE,
1122
+
subduedPalette: KITTY_SUBDUED_PALETTE,
1123
+
})
1124
+
1125
+
export const kittyscheme = {
1126
+
lightPalette: KITTY_THEMES.light.palette,
1127
+
darkPalette: KITTY_THEMES.dark.palette,
1128
+
dimPalette: KITTY_THEMES.dim.palette,
1129
+
light: KITTY_THEMES.light,
1130
+
dark: KITTY_THEMES.dark,
1131
+
dim: KITTY_THEMES.dim,
1132
+
}
1133
+
992
1134
/**
993
1135
* @deprecated use ALF and access palette from `useTheme()`
994
1136
*/
+4
src/screens/Settings/AppearanceSettings.tsx
+4
src/screens/Settings/AppearanceSettings.tsx
+1
-1
src/state/persisted/schema.ts
+1
-1
src/state/persisted/schema.ts
···
49
49
const schema = z.object({
50
50
colorMode: z.enum(['system', 'light', 'dark']),
51
51
darkTheme: z.enum(['dim', 'dark']).optional(),
52
-
colorScheme: z.enum(['witchsky', 'bluesky', 'blacksky', 'deer', 'zeppelin']),
52
+
colorScheme: z.enum(['witchsky', 'bluesky', 'blacksky', 'deer', 'zeppelin', 'kitty']),
53
53
session: z.object({
54
54
accounts: z.array(accountSchema),
55
55
currentAccount: currentAccountSchema.optional(),