From c960c41e3a9bb0968e07b030cd1efee77d20782f Mon Sep 17 00:00:00 2001
From: thschleicher <thschleicher@edu.aau.at>
Date: Fri, 1 Dec 2023 08:57:04 +0100
Subject: [PATCH] Small Changes (delete index.js)

---
 app/_layout.tsx     | 12 +++++-------
 app/index.tsx       | 30 +++++++++++++++++-------------
 constants/colors.ts | 34 +++++++++++++++++++++++-----------
 index.js            |  1 -
 4 files changed, 45 insertions(+), 32 deletions(-)
 delete mode 100644 index.js

diff --git a/app/_layout.tsx b/app/_layout.tsx
index 920e0bc..fb3bea4 100644
--- a/app/_layout.tsx
+++ b/app/_layout.tsx
@@ -3,20 +3,19 @@ import {StyleSheet, View} from "react-native"
 
 import { FontAwesome } from "@expo/vector-icons";
 import {useThemeColor} from "../hooks/hooks";
-import {color} from "ansi-fragments";
 
 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 styles = StyleSheet.create({
         sceneContainer: {
             backgroundColor: backgroundColor,
-            position: "absolute",
         },
-        view: {
-            backgroundColor: "red",
+        tabBar: {
+            backgroundColor: tabBarColor,
         }
     });
 
@@ -24,12 +23,11 @@ export default function Layout() {
             tabBarActiveTintColor: selectedColor,
             tabBarInactiveTintColor: defaultColor,
             headerShown: false,
+            tabBarStyle: styles.tabBar,
     }
 
     return (
-        <Tabs sceneContainerStyle={styles.sceneContainer} initialRouteName={"index"} screenOptions={{tabBarBackground: () => {
-            return <View style={styles.view}/>;
-        }}}>
+        <Tabs sceneContainerStyle={styles.sceneContainer} initialRouteName={"index"} screenOptions={screenOptions}>
             <Tabs.Screen name="budget" options={
                 {
                     tabBarLabel: "Budget",
diff --git a/app/index.tsx b/app/index.tsx
index 6b95b10..27ced03 100644
--- a/app/index.tsx
+++ b/app/index.tsx
@@ -1,21 +1,25 @@
 import { StyleSheet, View, Text } from 'react-native';
+import {useThemeColor} from "../hooks/hooks";
 
 export default function Page() {
+
+    const styles = StyleSheet.create({
+        container: {
+            flex: 1,
+            alignItems: "center",
+            justifyContent: "center",
+        },
+        text: {
+            color: useThemeColor("color"),
+            fontSize: 70,
+            fontWeight: "bold"
+        }
+    });
+
+
     return (
         <View style={styles.container}>
             <Text style={styles.text}>Home</Text>
         </View>
         );
-}
-
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    text: {
-        fontSize: 70,
-        fontWeight: "bold"
-    }
-});
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/constants/colors.ts b/constants/colors.ts
index 65fdc27..70c452e 100644
--- a/constants/colors.ts
+++ b/constants/colors.ts
@@ -1,20 +1,32 @@
 export default {
     light: {
+        primaryText: "#000000",
+        secondaryText: "#404040",
+        interactiveText: "#0645AD",
+
+
+
         tabIconDefault: "gray",
-        tabIconSelected: "orange",
-        color: "orange",
-        contrastColor: "",
-        accentColor: "",
+        tabIconSelected: "#ED7D31",
+        color: "#000000",
+        accentColor: "#ED7D31",
         backgroundColor: "#ffffff",
         tabBarColor: "gray",
     },
     dark: {
-        tabIconDefault: "gray",
-        tabIconSelected: "orange",
-        color: "#1B9AAA",
-        contrastColor: "",
-        accentColor: "",
-        backgroundColor: "lightgray",
-        tabBarColor: "gray",
+        // Text
+        primaryText: "#FFFFFF",
+        secondaryText: "#B3B3B3",
+        interactiveText: "#0645AD",
+
+        // Tabs
+        tabIconDefault: "#FFFFFF",
+        tabIconSelected: "#ED7D31",
+
+        // 
+        color: "#FFFFFF",
+        accentColor: "#ED7D31",
+        backgroundColor: "#181818",
+        tabBarColor: "#121212",
     }
 }
\ No newline at end of file
diff --git a/index.js b/index.js
deleted file mode 100644
index 80d3d99..0000000
--- a/index.js
+++ /dev/null
@@ -1 +0,0 @@
-import "expo-router/entry";