robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
feat: cool evergarden theme
+3
src/alf/index.tsx
+3
src/alf/index.tsx
···
15
15
blueskyscheme,
16
16
catppuccinscheme,
17
17
deerscheme,
18
+
evergardenscheme,
18
19
kittyscheme,
19
20
type Palette,
20
21
reddwarfscheme,
···
158
159
return reddwarfscheme
159
160
case 'catppuccin':
160
161
return catppuccinscheme
162
+
case 'evergarden':
163
+
return evergardenscheme
161
164
default:
162
165
return themes
163
166
}
+146
src/alf/themes.ts
+146
src/alf/themes.ts
···
1241
1241
dim: CATPPUCIN_THEMES.dim,
1242
1242
}
1243
1243
1244
+
export const EVERGARDEN_PALETTE: Palette = {
1245
+
white: '#F8F9E8',
1246
+
black: '#171C1F',
1247
+
pink: '#F3C0E5',
1248
+
yellow: '#F5D098',
1249
+
like: '#F3C0E5',
1250
+
1251
+
contrast_0: '#F8F9E8',
1252
+
contrast_25: '#E1EDD6',
1253
+
contrast_50: '#D3E7E0',
1254
+
contrast_100: '#C3D7D0',
1255
+
contrast_200: '#ADC9BC',
1256
+
contrast_300: '#96B4AA',
1257
+
contrast_400: '#839E9A',
1258
+
contrast_500: '#7A9493',
1259
+
contrast_600: '#6F8788',
1260
+
contrast_700: '#4A585C',
1261
+
contrast_800: '#374145',
1262
+
contrast_900: '#262F33',
1263
+
contrast_950: '#1E2528',
1264
+
contrast_975: '#191E21',
1265
+
contrast_1000: '#171C1F',
1266
+
1267
+
primary_25: `hsl(64, 30%, 97%)`,
1268
+
primary_50: `hsl(64, 30%, 95%)`,
1269
+
primary_100: `hsl(64, 30%, 90%)`,
1270
+
primary_200: `hsl(72, 42%, 86%)`,
1271
+
primary_300: `hsl(74, 54%, 84%)`,
1272
+
primary_400: `hsl(83, 46%, 83%)`,
1273
+
primary_500: `hsl(90, 46.2%, 79.6%)`,
1274
+
primary_600: `hsl(149, 44%, 72%)`,
1275
+
primary_700: `hsl(167, 35%, 60%)`,
1276
+
primary_800: `hsl(187, 42%, 36%)`,
1277
+
primary_900: `hsl(194, 32%, 25%)`,
1278
+
primary_950: `hsl(216, 48%, 10%)`,
1279
+
primary_975: `hsl(220, 50%, 7%)`,
1280
+
1281
+
positive_25: '#ECFEFA',
1282
+
positive_50: '#E2FAF5',
1283
+
positive_100: '#D8F6F0',
1284
+
positive_200: '#CFF2EA',
1285
+
positive_300: '#C5EEE5',
1286
+
positive_400: '#BCEAE0',
1287
+
positive_500: '#B3E6DB',
1288
+
positive_600: '#82C4B6',
1289
+
positive_700: '#58A393',
1290
+
positive_800: '#378271',
1291
+
positive_900: '#1D6052',
1292
+
positive_950: '#0C3E34',
1293
+
positive_975: '#021D17',
1294
+
1295
+
negative_25: '#FFF5F5',
1296
+
negative_50: '#FDE1E1',
1297
+
negative_100: '#FCCDCE',
1298
+
negative_200: '#FAB9BB',
1299
+
negative_300: '#F8A5A7',
1300
+
negative_400: '#F79295',
1301
+
negative_500: '#F57F82',
1302
+
negative_600: '#D45E61',
1303
+
negative_700: '#B34245',
1304
+
negative_800: '#932B2D',
1305
+
negative_900: '#72181B',
1306
+
negative_950: '#510B0D',
1307
+
negative_975: '#300304',
1308
+
}
1309
+
1310
+
export const EVERGARDEN_SUBDUED_PALETTE: Palette = {
1311
+
white: '#F8F9E8',
1312
+
black: '#171C1F',
1313
+
pink: '#F3C0E5',
1314
+
yellow: '#F5D098',
1315
+
like: '#F3C0E5',
1316
+
1317
+
contrast_0: '#F8F9E8',
1318
+
contrast_25: '#E1EDD6',
1319
+
contrast_50: '#D3E7E0',
1320
+
contrast_100: '#C3D7D0',
1321
+
contrast_200: '#ADC9BC',
1322
+
contrast_300: '#96B4AA',
1323
+
contrast_400: '#839E9A',
1324
+
contrast_500: '#7A9493',
1325
+
contrast_600: '#6F8788',
1326
+
contrast_700: '#4A585C',
1327
+
contrast_800: '#374145',
1328
+
contrast_900: '#2B3337',
1329
+
contrast_950: '#232A2E',
1330
+
contrast_975: '#1C2225',
1331
+
contrast_1000: '#171C1F',
1332
+
1333
+
primary_25: `hsl(64, 30%, 97%)`,
1334
+
primary_50: `hsl(64, 30%, 95%)`,
1335
+
primary_100: `hsl(64, 30%, 90%)`,
1336
+
primary_200: `hsl(72, 42%, 86%)`,
1337
+
primary_300: `hsl(74, 54%, 84%)`,
1338
+
primary_400: `hsl(83, 46%, 83%)`,
1339
+
primary_500: `hsl(90, 46.2%, 79.6%)`,
1340
+
primary_600: `hsl(149, 44%, 72%)`,
1341
+
primary_700: `hsl(167, 35%, 60%)`,
1342
+
primary_800: `hsl(187, 42%, 36%)`,
1343
+
primary_900: `hsl(194, 32%, 25%)`,
1344
+
primary_950: `hsl(216, 48%, 10%)`,
1345
+
primary_975: `hsl(220, 50%, 7%)`,
1346
+
1347
+
positive_25: '#ECFEFA',
1348
+
positive_50: '#E2FAF5',
1349
+
positive_100: '#D8F6F0',
1350
+
positive_200: '#CFF2EA',
1351
+
positive_300: '#C5EEE5',
1352
+
positive_400: '#BCEAE0',
1353
+
positive_500: '#B3E6DB',
1354
+
positive_600: '#82C4B6',
1355
+
positive_700: '#58A393',
1356
+
positive_800: '#378271',
1357
+
positive_900: '#1D6052',
1358
+
positive_950: '#0C3E34',
1359
+
positive_975: '#021D17',
1360
+
1361
+
negative_25: '#FFF5F5',
1362
+
negative_50: '#FDE1E1',
1363
+
negative_100: '#FCCDCE',
1364
+
negative_200: '#FAB9BB',
1365
+
negative_300: '#F8A5A7',
1366
+
negative_400: '#F79295',
1367
+
negative_500: '#F57F82',
1368
+
negative_600: '#D45E61',
1369
+
negative_700: '#B34245',
1370
+
negative_800: '#932B2D',
1371
+
negative_900: '#72181B',
1372
+
negative_950: '#510B0D',
1373
+
negative_975: '#300304',
1374
+
}
1375
+
1376
+
const EVERGARDEN_THEMES = createThemes({
1377
+
defaultPalette: EVERGARDEN_PALETTE,
1378
+
subduedPalette: EVERGARDEN_SUBDUED_PALETTE,
1379
+
})
1380
+
1381
+
export const evergardenscheme = {
1382
+
lightPalette: EVERGARDEN_THEMES.light.palette,
1383
+
darkPalette: EVERGARDEN_THEMES.dark.palette,
1384
+
dimPalette: EVERGARDEN_THEMES.dim.palette,
1385
+
light: EVERGARDEN_THEMES.light,
1386
+
dark: EVERGARDEN_THEMES.dark,
1387
+
dim: EVERGARDEN_THEMES.dim,
1388
+
}
1389
+
1244
1390
/**
1245
1391
* @deprecated use ALF and access palette from `useTheme()`
1246
1392
*/
+3
-1
src/screens/Settings/AppearanceSettings.tsx
+3
-1
src/screens/Settings/AppearanceSettings.tsx
···
78
78
| 'zeppelin'
79
79
| 'kitty'
80
80
| 'reddwarf'
81
-
| 'catppuccin',
81
+
| 'catppuccin'
82
+
| 'evergarden',
82
83
) => {
83
84
setColorScheme(value)
84
85
},
···
115
116
{name: 'kitty', label: _(msg`Kitty`)},
116
117
{name: 'reddwarf', label: _(msg`Red Dwarf`)},
117
118
{name: 'catppuccin', label: _(msg`Catppuccin`)},
119
+
{name: 'evergarden', label: _(msg`Evergarden`)},
118
120
]
119
121
120
122
return (