diff options
| author | Ansh <anshnanda10@gmail.com> | 2023-04-12 18:49:40 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-12 18:49:40 -0700 |
| commit | f50f07f562b82e15be28aa750d7e45629081faa3 (patch) | |
| tree | fe814bd142983f3e734949b7f95efeb8130edd0a /src/view/shell/index.web.tsx | |
| parent | 05e4e4ff93b0e4b7c5515852017be046ebc3859c (diff) | |
| download | voidsky-f50f07f562b82e15be28aa750d7e45629081faa3.tar.zst | |
* add ThemeProvider to App.web.tsx * make FlatNavigator use themed color * fix extra padding on top in web * add observer to App.web.tsx to make it react to theme changes * fix TS for useColorSchemeStyle * add dark mode toggle button to web LeftNav * fix index.web.tsx border colors for web * Move the darkmode desktop web toggle to the right nav column --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
Diffstat (limited to 'src/view/shell/index.web.tsx')
| -rw-r--r-- | src/view/shell/index.web.tsx | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/view/shell/index.web.tsx b/src/view/shell/index.web.tsx index 86d120127..5d7ed259a 100644 --- a/src/view/shell/index.web.tsx +++ b/src/view/shell/index.web.tsx @@ -14,9 +14,11 @@ import {RoutesContainer, FlatNavigator} from '../../Navigation' import {DrawerContent} from './Drawer' import {useWebMediaQueries} from '../../lib/hooks/useWebMediaQueries' import {BottomBarWeb} from './bottom-bar/BottomBarWeb' +import {usePalette} from 'lib/hooks/usePalette' const ShellInner = observer(() => { const store = useStores() + const pal = usePalette('default') const {isDesktop} = useWebMediaQueries() return ( @@ -30,8 +32,20 @@ const ShellInner = observer(() => { <> <DesktopLeftNav /> <DesktopRightNav /> - <View style={[styles.viewBorder, styles.viewBorderLeft]} /> - <View style={[styles.viewBorder, styles.viewBorderRight]} /> + <View + style={[ + styles.viewBorder, + {borderLeftColor: pal.colors.border}, + styles.viewBorderLeft, + ]} + /> + <View + style={[ + styles.viewBorder, + {borderLeftColor: pal.colors.border}, + styles.viewBorderRight, + ]} + /> </> )} <Composer @@ -81,7 +95,6 @@ const styles = StyleSheet.create({ width: 1, height: '100%', borderLeftWidth: 1, - borderLeftColor: colors.gray2, }, viewBorderLeft: { left: 'calc(50vw - 300px)', |