diff --git a/app/_layout.tsx b/app/_layout.tsx
index fb3bea4..8a4b149 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -5,23 +5,23 @@ import { FontAwesome } from "@expo/vector-icons";
 import {useThemeColor} from "../hooks/hooks";
 
 export default function Layout() {
-    const selectedColor: string = useThemeColor( "tabIconSelected");
-    const defaultColor: string = useThemeColor("tabIconDefault");
-    const backgroundColor: string = useThemeColor("backgroundColor");
-    const tabBarColor: string = useThemeColor("tabBarColor");
+    // const selectedColor: string = useThemeColor( "tabIconSelected");
+    // const defaultColor: string = useThemeColor("tabIconDefault");
+    // const backgroundColor: string = useThemeColor("backgroundColor");
+    // const tabBarColor: string = useThemeColor("tabBarColor");
 
     const styles = StyleSheet.create({
         sceneContainer: {
-            backgroundColor: backgroundColor,
+            backgroundColor: useThemeColor("backgroundColor"),
         },
         tabBar: {
-            backgroundColor: tabBarColor,
+            backgroundColor: useThemeColor("backgroundColor"),
         }
     });
 
     const screenOptions = {
-            tabBarActiveTintColor: selectedColor,
-            tabBarInactiveTintColor: defaultColor,
+            tabBarActiveTintColor: useThemeColor( "tabIconSelected"),
+            tabBarInactiveTintColor: useThemeColor("tabIconDefault"),
             headerShown: false,
             tabBarStyle: styles.tabBar,
     }