works for now

Author: marcebd

apps/navigator/app/_layout.tsx

@@ -1,28 +1,29 @@
 import { Stack } from 'expo-router';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { StatusBar } from 'react-native';
+import { useEffect } from 'react';
 
 export default function RootLayout() {
+  useEffect(() => {
+    StatusBar.setBarStyle('dark-content');
+  }, []);
+
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <StatusBar barStyle="light-content" />
-      <Stack screenOptions={{ headerShown: false }}>
-        <Stack.Screen name="index" />
-        <Stack.Screen 
-          name="navigate" 
-          options={{ 
-            animation: 'slide_from_bottom',
-            gestureEnabled: true,
-          }} 
-        />
-        <Stack.Screen 
-          name="search" 
-          options={{ 
-            presentation: 'modal',
-            animation: 'slide_from_bottom',
-          }} 
-        />
-      </Stack>
-    </GestureHandlerRootView>
+    <Stack screenOptions={{ headerShown: false, contentStyle: { backgroundColor: '#FFFFFF' } }}>
+      <Stack.Screen name="index" />
+      <Stack.Screen 
+        name="navigate" 
+        options={{ 
+          animation: 'slide_from_bottom',
+          gestureEnabled: true,
+        }} 
+      />
+      <Stack.Screen 
+        name="search" 
+        options={{ 
+          presentation: 'modal',
+          animation: 'slide_from_bottom',
+        }} 
+      />
+    </Stack>
   );
 }

apps/navigator/app/index.tsx

@@ -82,7 +82,7 @@ export default function HomeScreen() {
 
   return (
     <LinearGradient
-      colors={['#1a1a2e', '#16213e', '#0f3460']}
+      colors={['#FFFFFF', '#F5F5F5', '#EEEEEE']}
       style={styles.container}
     >
       <View style={[styles.content, { paddingTop: insets.top + 20 }]}>
@@ -160,7 +160,7 @@ export default function HomeScreen() {
             disabled={!selectedFloor}
           >
             <LinearGradient
-              colors={selectedFloor ? ['#4facfe', '#00f2fe'] : ['#666', '#888']}
+              colors={selectedFloor ? ['#00274C', '#00274C'] : ['#999', '#AAA']}
               start={{ x: 0, y: 0 }}
               end={{ x: 1, y: 0 }}
               style={styles.startButtonGradient}
@@ -182,11 +182,11 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#1a1a2e',
+    backgroundColor: '#FFFFFF',
   },
   loadingText: {
     marginTop: 12,
-    color: '#fff',
+    color: '#00274C',
     fontSize: 16,
   },
   content: {
@@ -200,12 +200,13 @@ const styles = StyleSheet.create({
   title: {
     fontSize: 42,
     fontWeight: '800',
-    color: '#fff',
+    color: '#00274C',
     letterSpacing: 2,
   },
   subtitle: {
     fontSize: 16,
-    color: 'rgba(255,255,255,0.6)',
+    color: '#00274C',
+    opacity: 0.6,
     marginTop: 8,
     letterSpacing: 4,
     textTransform: 'uppercase',
@@ -215,7 +216,8 @@ const styles = StyleSheet.create({
   },
   sectionTitle: {
     fontSize: 14,
-    color: 'rgba(255,255,255,0.5)',
+    color: '#00274C',
+    opacity: 0.5,
     marginBottom: 12,
     textTransform: 'uppercase',
     letterSpacing: 1,
@@ -229,21 +231,24 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     paddingVertical: 12,
     borderRadius: 16,
-    backgroundColor: 'rgba(255,255,255,0.1)',
-    borderWidth: 1,
-    borderColor: 'rgba(255,255,255,0.1)',
+    backgroundColor: '#F0F0F0',
+    borderWidth: 2,
+    borderColor: '#E0E0E0',
   },
   selectionItemActive: {
-    backgroundColor: 'rgba(79,172,254,0.2)',
-    borderColor: '#4facfe',
+    backgroundColor: '#FFCB05',
+    borderColor: '#00274C',
   },
   selectionText: {
-    color: 'rgba(255,255,255,0.7)',
+    color: '#00274C',
+    opacity: 0.7,
     fontSize: 16,
     fontWeight: '500',
   },
   selectionTextActive: {
-    color: '#4facfe',
+    color: '#00274C',
+    opacity: 1,
+    fontWeight: '700',
   },
   buttonContainer: {
     flex: 1,
@@ -262,7 +267,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   startButtonText: {
-    color: '#fff',
+    color: '#FFCB05',
     fontSize: 18,
     fontWeight: '700',
     letterSpacing: 1,