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/App.native.tsx | |
| 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/App.native.tsx')
| -rw-r--r-- | src/App.native.tsx | 6 |
1 files changed, 2 insertions, 4 deletions
diff --git a/src/App.native.tsx b/src/App.native.tsx index 41b78fc98..50a80d9fe 100644 --- a/src/App.native.tsx +++ b/src/App.native.tsx @@ -17,7 +17,6 @@ import {ThemeProvider as Alf} from '#/alf' import {useColorModeTheme} from '#/alf/util/useColorModeTheme' import {init as initPersistedState} from '#/state/persisted' import {listenSessionDropped} from './state/events' -import {useColorMode} from 'state/shell' import {ThemeProvider} from 'lib/ThemeContext' import {s} from 'lib/styles' import {Shell} from 'view/shell' @@ -49,10 +48,9 @@ import {useLingui} from '@lingui/react' SplashScreen.preventAutoHideAsync() function InnerApp() { - const colorMode = useColorMode() const {isInitialLoad, currentAccount} = useSession() const {resumeSession} = useSessionApi() - const theme = useColorModeTheme(colorMode) + const theme = useColorModeTheme() const {_} = useLingui() // init @@ -75,7 +73,7 @@ function InnerApp() { key={currentAccount?.did}> <LoggedOutViewProvider> <UnreadNotifsProvider> - <ThemeProvider theme={colorMode}> + <ThemeProvider theme={theme}> {/* All components should be within this provider */} <RootSiblingParent> <GestureHandlerRootView style={s.h100pct}> |