From 6569f8a870f214646957debb27e0e51ad8cca622 Mon Sep 17 00:00:00 2001
From: Hailey <153161762+haileyok@users.noreply.github.com>
Date: Mon, 22 Jan 2024 15:17:56 -0800
Subject: [PATCH] use color scheme in in-app browser (#2580)

---
 src/state/preferences/in-app-browser.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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