Improved color scheme naming

This commit is contained in:
Keannu Christian Bernasol 2023-07-17 16:26:16 +08:00
parent a96fe668a8
commit e6a92bfff2
12 changed files with 58 additions and 79 deletions

View file

@ -13,15 +13,15 @@ export default function AnimatedContainer(props: props) {
contentContainerStyle={styles.container}
from={{
borderRadius: 0,
backgroundColor: colors.orange_2,
backgroundColor: colors.primary_3,
paddingTop: 4,
paddingBottom: 4,
marginHorizontal: "4%",
marginVertical: "5%",
marginVertical: "10%",
}}
animate={{
borderRadius: 15,
backgroundColor: colors.blue_2,
backgroundColor: colors.primary_3,
paddingTop: 16,
paddingBottom: 16,
marginHorizontal: "4%",

View file

@ -1,5 +1,5 @@
import * as React from "react";
import { Text, Pressable, GestureResponderEvent } from "react-native";
import { Pressable, GestureResponderEvent } from "react-native";
import styles from "../../styles";
export interface props {

View file

@ -36,7 +36,7 @@ export default function CustomDrawerContent(props: {}) {
</View>
<DrawerButton
color={colors.blue_2}
color={colors.secondary_3}
onPress={async () => {
dispatch(logout());
await AsyncStorage.clear();
@ -61,7 +61,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>Stud-E</Text>
</View>
<DrawerButton
color={colors.blue_3}
color={colors.secondary_2}
onPress={() => {
navigation.navigate("Home");
}}
@ -70,7 +70,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>Home</Text>
</DrawerButton>
<DrawerButton
color={colors.blue_2}
color={colors.secondary_2}
onPress={() => {
navigation.navigate("User Info");
}}
@ -79,7 +79,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>User Info</Text>
</DrawerButton>
<DrawerButton
color={colors.blue_2}
color={colors.secondary_3}
onPress={async () => {
dispatch(logout());
await AsyncStorage.clear();
@ -104,7 +104,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>Stud-E</Text>
</View>
<DrawerButton
color={colors.blue_2}
color={colors.secondary_2}
onPress={() => {
navigation.navigate("Login");
}}
@ -113,7 +113,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>Login</Text>
</DrawerButton>
<DrawerButton
color={colors.blue_2}
color={colors.secondary_2}
onPress={() => {
navigation.navigate("Register");
}}
@ -125,7 +125,7 @@ export default function CustomDrawerContent(props: {}) {
{/*
Debug buttons for accessing revalidation and activation page
<DrawerButton
color={colors.blue_2}
color={colors.secondary_2}
onPress={() => {
navigation.navigate("Revalidation");
}}
@ -133,7 +133,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>Revalidation</Text>
</DrawerButton>
<DrawerButton
color={colors.blue_2}
color={colors.secondary_2}
onPress={() => {
navigation.navigate("Activation");
}}

View file

@ -10,14 +10,14 @@ const DrawerScreenSettings: DrawerNavigationOptions = {
fontSize: font_sizes.medium,
},
unmountOnBlur: true,
headerStyle: { backgroundColor: colors.login_color},
headerStyle: { backgroundColor: colors.secondary_4 },
headerTintColor: colors.text_default,
drawerType: "slide",
drawerLabelStyle: {
color: colors.text_default,
},
drawerStyle: {
backgroundColor: colors.login_color,
backgroundColor: colors.secondary_4,
width: 260,
},
headerRight: () => (