feat: cool evergarden theme #1

+3

src/alf/index.tsx

··· 15 blueskyscheme, 16 catppuccinscheme, 17 deerscheme, 0 18 kittyscheme, 19 type Palette, 20 reddwarfscheme, ··· 158 return reddwarfscheme 159 case 'catppuccin': 160 return catppuccinscheme 0 0 161 default: 162 return themes 163 }

··· 15 blueskyscheme, 16 catppuccinscheme, 17 deerscheme, 18 + evergardenscheme, 19 kittyscheme, 20 type Palette, 21 reddwarfscheme, ··· 159 return reddwarfscheme 160 case 'catppuccin': 161 return catppuccinscheme 162 + case 'evergarden': 163 + return evergardenscheme 164 default: 165 return themes 166 }

+146

src/alf/themes.ts

··· 1241 dim: CATPPUCIN_THEMES.dim, 1242 } 1243 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1244 /** 1245 * @deprecated use ALF and access palette from `useTheme()` 1246 */

··· 1241 dim: CATPPUCIN_THEMES.dim, 1242 } 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 + 1390 /** 1391 * @deprecated use ALF and access palette from `useTheme()` 1392 */

+3 -1

src/screens/Settings/AppearanceSettings.tsx

··· 78 | 'zeppelin' 79 | 'kitty' 80 | 'reddwarf' 81 - | 'catppuccin', 0 82 ) => { 83 setColorScheme(value) 84 }, ··· 115 {name: 'kitty', label: _(msg`Kitty`)}, 116 {name: 'reddwarf', label: _(msg`Red Dwarf`)}, 117 {name: 'catppuccin', label: _(msg`Catppuccin`)}, 0 118 ] 119 120 return (

··· 78 | 'zeppelin' 79 | 'kitty' 80 | 'reddwarf' 81 + | 'catppuccin' 82 + | 'evergarden', 83 ) => { 84 setColorScheme(value) 85 }, ··· 116 {name: 'kitty', label: _(msg`Kitty`)}, 117 {name: 'reddwarf', label: _(msg`Red Dwarf`)}, 118 {name: 'catppuccin', label: _(msg`Catppuccin`)}, 119 + {name: 'evergarden', label: _(msg`Evergarden`)}, 120 ] 121 122 return (

+1

src/state/persisted/schema.ts

··· 59 'kitty', 60 'reddwarf', 61 'catppuccin', 0 62 ]), 63 hue: z.number(), 64 session: z.object({

··· 59 'kitty', 60 'reddwarf', 61 'catppuccin', 62 + 'evergarden', 63 ]), 64 hue: z.number(), 65 session: z.object({