From 9f2eabda4a59027c2cf4cb47c5a2f81addb6410b Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Fri, 17 Jan 2025 12:15:49 -0800
Subject: [PATCH] matching stauts bar

---
 app/client/mobile/App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/client/mobile/App.tsx b/app/client/mobile/App.tsx
index cc5449f1..8c62883a 100644
--- a/app/client/mobile/App.tsx
+++ b/app/client/mobile/App.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Text} from 'react-native';
+import {Text, StatusBar} from 'react-native';
 import {AppContextProvider} from './src/context/AppContext';
 import {DisplayContextProvider} from './src/context/DisplayContext';
 import {NativeRouter} from 'react-router-native';
@@ -107,11 +107,15 @@ function App(): React.JSX.Element {
       ? {...MD3DarkTheme, colors: databagColors.dark}
       : {...MD3LightTheme, colors: databagColors.light};
 
+  barStyle = colorScheme === 'dark' ? 'light-content' : 'dark-content';
+  backgroundColor = colorScheme === 'dark' ? databagColors.dark.elevation.level3 : databagColors.light.elevation.level3;
+
   return (
     <AppContextProvider>
       <DisplayContextProvider>
         <PaperProvider theme={theme}>
           <NativeRouter>
+            <StatusBar />
             <Root />
             <Routes>
               <Route path="/" element={<Text>EMPTY</Text>} />