soberhofer
/
GiftGenie
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move Colors to separate File

This commit is contained in:
Samuel Oberhofer 2022-12-10 12:01:51 +01:00
parent abffee27c7
commit 57f103c6f9
3 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
constants/colors.js Normal file
View File

@ -0,0 +1,6 @@
const Colors = {
primary500: "#282A35",
accent500: "#A587DD",
};
export default Colors;

4
navigation/Navigator.js
View File

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

3
screens/MainScreen.js
View File

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