style: color pallete change

SySagar · Jul 26, 2024 · 15345c1 · 15345c1
1 parent d66e258
commit 15345c1
Show file tree

Hide file tree

Showing 33 changed files with 1,192 additions and 882 deletions.
diff --git a/src/App.css b/src/App.css
@@ -33,16 +33,11 @@ font-weight: 700;
 }
 
 .sidebar-items:hover{
-  background:#FFF0EA;
+  background:#BFDBBD;
   cursor: pointer;
   border-radius: 5px;
 }
-/* 
-.navbar{
-  -webkit-box-shadow: 0px 1px 10px 0px rgba(71,71,71,0.57);
-  -moz-box-shadow: 0px 1px 10px 0px rgba(112, 112, 112, 0.57);
-  box-shadow: 0px 1px 10px 0px rgba(159, 159, 159, 0.57);
-} */
+
 
 .navbar{
   border-bottom: 1px solid #a9a9a9;

diff --git a/src/app/auth/CompleteProfile.tsx b/src/app/auth/CompleteProfile.tsx
@@ -53,19 +53,22 @@ export default function CreateAccount() {
     <>
       <Stack
         alignItems={"center"}
+        justifyContent={"center"}
         gap={"20px"}
         onSubmit={(e) => {
           e.preventDefault();
           formik.handleSubmit();
         }}
       >
-        <Typography variant="h5">Complete your profile</Typography>
+        <Typography variant="h5" color={"text.secondary"}>
+          Complete your profile
+        </Typography>
 
         <Collapse in={error ? true : false}>
           <Alert severity="error">{error}</Alert>
         </Collapse>
 
-        <Stack width={"100%"} marginTop={"20px"}>
+        <Stack width={"100%"} color={"primary.main"} gap={1}>
           <Typography variant="body2">Username</Typography>
           <TextField
             label=""
@@ -82,7 +85,7 @@ export default function CreateAccount() {
             required
           />
         </Stack>
-        <Stack width={"100%"} marginTop={"20px"}>
+        <Stack width={"100%"} color={"primary.main"} gap={1}>
           <Typography variant="body2">Name</Typography>
           <TextField
             label=""
@@ -97,14 +100,15 @@ export default function CreateAccount() {
             required
           />
         </Stack>
-        <Stack width={"100%"}>
+        <Stack width={"100%"} color={"primary.main"} gap={1}>
           <Typography variant="body2">Bio</Typography>
           <TextField
             name="bio"
             label=""
             variant="outlined"
             fullWidth
             multiline
+            rows={4}
             value={formik.values.bio}
             onChange={formik.handleChange}
             onBlur={formik.handleBlur}

diff --git a/src/app/auth/CreateAccount.tsx b/src/app/auth/CreateAccount.tsx
@@ -61,20 +61,26 @@ export default function CreateAccount() {
     <>
       <Stack
         alignItems={"center"}
+        justifyContent={"center"}
         gap={"20px"}
+        marginTop={"20px"}
         onSubmit={(e) => {
           e.preventDefault();
           formik.handleSubmit();
         }}
       >
-        <Typography variant="h5">Create your account</Typography>
+        <Typography variant="h5" color={"text.secondary"}>
+          Create your account
+        </Typography>
 
         <Collapse in={error ? true : false}>
           <Alert severity="error">{error}</Alert>
         </Collapse>
 
-        <Stack width={"100%"} marginTop={"20px"}>
-          <Typography variant="body2">Email</Typography>
+        <Stack width={"100%"} marginTop={"10px"} gap={1}>
+          <Typography variant="body2" color={"primary.main"}>
+            Email
+          </Typography>
           <TextField
             label=""
             name="email"
@@ -88,8 +94,10 @@ export default function CreateAccount() {
             required
           />
         </Stack>
-        <Stack width={"100%"}>
-          <Typography variant="body2">Password</Typography>
+        <Stack width={"100%"} gap={1}>
+          <Typography variant="body2" color={"primary.main"}>
+            Password
+          </Typography>
           <TextField
             name="password"
             label=""