diff --git a/src/state/preferences/in-app-browser.tsx b/src/state/preferences/in-app-browser.tsx index 628663af..4f033db6 100644 --- a/src/state/preferences/in-app-browser.tsx +++ b/src/state/preferences/in-app-browser.tsx @@ -4,6 +4,7 @@ import {Linking} from 'react-native' import * as WebBrowser from 'expo-web-browser' import {isNative} from '#/platform/detection' import {useModalControls} from '../modals' +import {usePalette} from 'lib/hooks/usePalette' type StateContext = persisted.Schema['useInAppBrowser'] type SetContext = (v: persisted.Schema['useInAppBrowser']) => void @@ -52,6 +53,7 @@ export function useSetInAppBrowser() { export function useOpenLink() { const {openModal} = useModalControls() const enabled = useInAppBrowser() + const pal = usePalette('default') const openLink = React.useCallback( (url: string, override?: boolean) => { @@ -66,13 +68,14 @@ export function useOpenLink() { WebBrowser.openBrowserAsync(url, { presentationStyle: WebBrowser.WebBrowserPresentationStyle.FULL_SCREEN, + toolbarColor: pal.colors.backgroundLight, }) return } } Linking.openURL(url) }, - [enabled, openModal], + [enabled, openModal, pal.colors.backgroundLight], ) return openLink