keannu125/StudE-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/StudE-Frontend.git synced 2024-11-17 06:19:25 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

few color changes

Browse source
This commit is contained in:
AngelV3rgs 2023-07-06 11:30:21 +08:00
parent 49aa0cb5a6
commit d51ab2082d
6 changed files with 27 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/DrawerSettings/CustomDrawerContent.tsx
View file

@ -36,7 +36,7 @@ export default function CustomDrawerContent(props: {}) {
<Text style={styles.text_white_medium}>Stud-E</Text> <Text style={styles.text_white_medium}>Stud-E</Text>
</View> </View>
<DrawerButton <DrawerButton
color={colors.blue_2} color={colors.blue_3}
onPress={() => { onPress={() => {
navigation.navigate("Home"); navigation.navigate("Home");
}} }}

4
src/components/DrawerSettings/DrawerScreenSettings.tsx
View file

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

2
src/routes/Home/Home.tsx
View file

@ -6,7 +6,7 @@ import { RootState } from "../../features/redux/Store/Store";
import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer"; import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
export default function Home() { export default function Home() {
const creds = useSelector((state: RootState) => state.auth.creds); const creds = useSelector((state: RootState) => state.auth.creds);
return ( return (
<View style={styles.background}> <View style={styles.background}>
<AnimatedContainer> <AnimatedContainer>

17
src/routes/Login/Login.tsx
View file

@ -30,21 +30,20 @@ export default function Login() {
return ( return (
<View style={styles.background}> <View style={styles.background}>
<AnimatedContainer> <AnimatedContainer>
<View style={styles.flex_row}>
<LoginIcon size={32} />
<Text style={styles.text_white_large}>Student Login</Text>
</View>
<View style={{ paddingVertical: 8 }} />
<View <View
style={{ style={{
paddingVertical: 4, paddingVertical: 4,
marginBottom: 16, marginBottom: 16,
borderRadius: 4, borderRadius: 4,
width: "90%", width: "90%",
backgroundColor: colors.blue_1, backgroundColor: colors.head,
}} }}
/> />
<View style={styles.flex_row}>
<LoginIcon size={32} />
<Text style={styles.text_white_large}>Student Login</Text>
</View>
<View style={{ paddingVertical: 8 }} />
<TextInput <TextInput
style={styles.text_input} style={styles.text_input}
placeholder="Username" placeholder="Username"
@ -104,13 +103,13 @@ export default function Login() {
} }
}); });
}} }}
color={colors.blue_3} color={colors.login_color}
> >
<Text style={styles.text_white_small}>Login</Text> <Text style={styles.text_white_small}>Login</Text>
</Button> </Button>
<Button <Button
onPress={() => navigation.navigate("Register")} onPress={() => navigation.navigate("Register")}
color={colors.blue_3} color={colors.reg_color}
> >
<Text style={styles.text_white_small}>Register</Text> <Text style={styles.text_white_small}>Register</Text>
</Button> </Button>

15
src/routes/Register/Register.tsx
View file

@ -34,20 +34,21 @@ export default function Register() {
return ( return (
<View style={styles.background}> <View style={styles.background}>
<AnimatedContainer> <AnimatedContainer>
<View style={styles.flex_row}>
<SignupIcon size={32} />
<Text style={styles.text_white_large}>Student Signup</Text>
<View style={{ paddingVertical: 8, }} />
</View>
<View <View
style={{ style={{
paddingVertical: 4, paddingVertical: 4,
marginBottom: 16, marginBottom: 16,
marginTop: 8,
borderRadius: 4, borderRadius: 4,
width: "90%", width: "90%",
backgroundColor: colors.blue_1, backgroundColor: colors.head,
}} }}
/> />
<View style={styles.flex_row}>
<SignupIcon size={32} />
<Text style={styles.text_white_large}>Student Signup</Text>
<View style={{ paddingVertical: 8 }} />
</View>
<TextInput <TextInput
style={styles.text_input} style={styles.text_input}
placeholder="First Name" placeholder="First Name"
@ -166,7 +167,7 @@ export default function Register() {
{ {
} }
}} }}
color={colors.blue_3} color={colors.reg_color}
> >
<Text style={styles.text_white_small}>Register</Text> <Text style={styles.text_white_small}>Register</Text>
</Button> </Button>

11
src/styles.tsx
View file

@ -1,16 +1,19 @@
import { StyleSheet } from "react-native"; import { StyleSheet } from "react-native";
export const colors = { export const colors = {
orange_1: "#FFBC72", orange_1: "#FFDEAD",
orange_2: "#FFE2C1", orange_2: "#FFE2C1",
orange_3: "#C07624", orange_3: "#C07624",
blue_1: "#4C87A1", blue_1: "#E3963E",
blue_2: "#77ACC3", blue_2: "#FFAC1C",
blue_3: "#1B5D79", blue_3: "#FFAC1C",
text_default: "white", text_default: "white",
text_error: "#e32d1e", text_error: "#e32d1e",
text_success: "green", text_success: "green",
icon_color: "white", icon_color: "white",
login_color: "#0047AB",
reg_color: "#0096FF",
head: "white"
}; };
export const font_sizes = { export const font_sizes = {