diff options
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)', |