From cd8ae1298e6ef67e5c40cdde24449b49ae2d914b Mon Sep 17 00:00:00 2001 From: Paul Frazee Date: Wed, 30 Aug 2023 10:56:07 -0700 Subject: Tweak dark mode on web --- src/view/com/util/layouts/TitleColumnLayout.tsx | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'src') diff --git a/src/view/com/util/layouts/TitleColumnLayout.tsx b/src/view/com/util/layouts/TitleColumnLayout.tsx index 3ca10868e..7047446e3 100644 --- a/src/view/com/util/layouts/TitleColumnLayout.tsx +++ b/src/view/com/util/layouts/TitleColumnLayout.tsx @@ -1,6 +1,7 @@ import React from 'react' import {StyleProp, StyleSheet, View, ViewStyle} from 'react-native' import {usePalette} from 'lib/hooks/usePalette' +import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle' interface Props { testID?: string @@ -19,14 +20,20 @@ export function TitleColumnLayout({ contentStyle, }: React.PropsWithChildren) { const pal = usePalette('default') + const titleBg = useColorSchemeStyle(pal.viewLight, pal.view) + const contentBg = useColorSchemeStyle(pal.view, { + backgroundColor: pal.colors.background, + borderColor: pal.colors.border, + borderLeftWidth: 1, + }) const layoutStyles = horizontal ? styles2Column : styles1Column return ( - - {title} + {title} + + {children} - {children} ) } -- cgit 1.4.1