Move Colors to separate File

navigation/Navigator.js

@@ -2,6 +2,8 @@ import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import { NavigationContainer } from "@react-navigation/native";
 import Icon from "react-native-vector-icons/Ionicons";
 
+import Colors from "../constants/colors";
+
 import MainScreen from "../screens/MainScreen";
 
 const Tab = createBottomTabNavigator();
@@ -12,7 +14,7 @@ function Navigator() {
       <Tab.Navigator
         screenOptions={{
           headerStyle: {
-            backgroundColor: "#A587DD",
+            backgroundColor: Colors.accent500,
           },
         }}
       >