diff options
| author | Hailey <me@haileyok.com> | 2024-02-06 11:43:51 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-02-06 11:43:51 -0800 |
| commit | ec86282403ea34704d0faab7b04ca033bd3a0650 (patch) | |
| tree | ca5881ada59d7ad634bd799efe3c751a4c5509d2 /src/lib/themes.ts | |
| parent | 856f80fc6df731b1dbe9efa289ad6a4f728d4e0d (diff) | |
| download | voidsky-ec86282403ea34704d0faab7b04ca033bd3a0650.tar.zst | |
Options for selecting dark theme, fix some white flashes when in dark mode (#2722)
* add dark theme selection to settings/schema * use `useThemePrefs` where needed * adjust theme providers to support various themes * update storybook * handle web themes * better themeing for web * dont show dark theme prefs when color mode is light * drop the inverted text change on oled theme * get the color mode inside of `useColorModeTheme` * use `ThemeName` type everywhere * typo * use dim/dark instead of dark/oled * prevent any fickers on web * fix styles * use `dim` for dark default * more cleanup * 🤔 * set system background color * ts
Diffstat (limited to 'src/lib/themes.ts')
| -rw-r--r-- | src/lib/themes.ts | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/lib/themes.ts b/src/lib/themes.ts index 2d4515c77..9a3880b92 100644 --- a/src/lib/themes.ts +++ b/src/lib/themes.ts @@ -2,7 +2,7 @@ import {Platform} from 'react-native' import type {Theme} from './ThemeContext' import {colors} from './styles' -import {darkPalette, lightPalette} from '#/alf/themes' +import {darkPalette, lightPalette, dimPalette} from '#/alf/themes' export const defaultTheme: Theme = { colorScheme: 'light', @@ -336,3 +336,14 @@ export const darkTheme: Theme = { }, }, } + +export const dimTheme: Theme = { + ...darkTheme, + palette: { + ...darkTheme.palette, + default: { + ...darkTheme.palette.default, + background: dimPalette.black, + }, + }, +} |