Move Colors to separate File

screens/MainScreen.js

@@ -1,5 +1,6 @@
 import { StatusBar } from "expo-status-bar";
 import { Text, View, StyleSheet } from "react-native";
+import Colors from "../constants/colors";
 
 import FloatingButton from "../components/FloatingButton";
 
@@ -18,7 +19,7 @@ export default MainScreen;
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: "#282A35",
+    backgroundColor: Colors.primary500,
     alignItems: "center",
     justifyContent: "center",
   },