From 1cde96b9ee2a86f459cee5064e49d0a7b5b562b4 Mon Sep 17 00:00:00 2001
From: Joseph Hale <me@jhale.dev>
Date: Sat, 16 Aug 2025 00:18:55 -0700
Subject: [PATCH] fix: Color in notch areas on iOS

Another "forced dark mode" fix.
---
 src/pages/BinaryClockScreen.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/BinaryClockScreen.tsx b/src/pages/BinaryClockScreen.tsx
index d4202f2..afb7133 100644
--- a/src/pages/BinaryClockScreen.tsx
+++ b/src/pages/BinaryClockScreen.tsx
@@ -23,7 +23,7 @@ function BinaryClockScreen() {
   const flexStyle = { flexDirection: height > width ? 'column' : 'row' } as const
 
   return (
-    <SafeAreaView>
+    <SafeAreaView style={styles.safeArea}>
       <View style={[styles.container, flexStyle]}>
         <Pressable style={styles.clock} onPress={toggleSettingsVisibility}>
           <AutoOrientingClock lastAspectUpdate={settingsVisibility.updated} />
@@ -51,6 +51,7 @@ function useSettingsVisibility() {
 }
 
 const styles = StyleSheet.create({
+  safeArea: { backgroundColor: 'black' },
   container: { height: '100%' },
   clock: { flex: 5 },
   settings: { flex: 2 },
-- 
2.51.2