From c5f7679db83d3070ec1631faab0b8bdad7302377 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fl=C3=A1vio=20Juvenal?= <flavio@vinta.com.br>
Date: Tue, 28 Jan 2025 11:09:18 -0300
Subject: [PATCH] Fix StatusBar

---
 README.md       | 1 +
 app/_layout.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index f699d25..581a8d7 100644
--- a/README.md
+++ b/README.md
@@ -33,6 +33,7 @@ The app implements a secure live chat system following Medplum's ["Organizing Co
 
 - **UI/UX Features**
   - Native look and feel
+  - Dark mode / theme support
   - Auto-scroll to bottom after new messages
   - Loading states and indicators
   - Safe area handling
diff --git a/app/_layout.tsx b/app/_layout.tsx
index ad23f28..3193556 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -57,8 +57,10 @@ export default function RootLayout() {
   return (
     <SafeAreaProvider initialMetrics={initialWindowMetrics}>
       <SafeAreaView className="h-full bg-background-50 md:w-full">
-        <StatusBar style={colorScheme === "dark" ? "dark" : "light"} />
-
+        <StatusBar
+          style={colorScheme === "dark" ? "light" : "dark"}
+          backgroundColor={colorScheme === "dark" ? "black" : "white"}
+        />
         <GluestackUIProvider mode={colorScheme}>
           <MedplumProvider medplum={medplum}>
             <GestureHandlerRootView className="flex-1">