colors and letter

Tauffer-Consulting · Feb 15, 2024 · 49ef892 · 49ef892
1 parent 7164b62
commit 49ef892
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 22 deletions.
diff --git a/frontend/src/features/auth/pages/signIn/signInPage.tsx b/frontend/src/features/auth/pages/signIn/signInPage.tsx
@@ -66,11 +66,7 @@ export const SignInPage: FC = () => {
         </Box>
       </Box>
       <Box sx={{ textAlign: "center" }}>
-        <Typography
-          variant="h1"
-          component="h1"
-          sx={{ fontWeight: "semi-bold" }}
-        >
+        <Typography variant="h1" component="h1" sx={{ fontWeight: 600 }}>
           Welcome Back
         </Typography>
       </Box>
@@ -110,7 +106,8 @@ export const SignInPage: FC = () => {
             fullWidth
             variant="contained"
             disabled={authLoading}
-            sx={{ mt: 3, mb: 2 }}
+            sx={{ mt: 3, mb: 2, fontSize: 18 }}
+            color="success"
           >
             Sign In
           </Button>

diff --git a/frontend/src/features/auth/pages/signUp/signUpPage.tsx b/frontend/src/features/auth/pages/signUp/signUpPage.tsx
@@ -74,11 +74,7 @@ export const SignUpPage: FC = () => {
         </Box>
       </Box>
       <Box sx={{ textAlign: "center" }}>
-        <Typography
-          variant="h1"
-          component="h1"
-          sx={{ fontWeight: "semi-bold" }}
-        >
+        <Typography variant="h1" component="h1" sx={{ fontWeight: 600 }}>
           Create an account
         </Typography>
       </Box>
@@ -120,7 +116,8 @@ export const SignUpPage: FC = () => {
             fullWidth
             variant="contained"
             disabled={authLoading}
-            sx={{ mt: 3, mb: 2 }}
+            sx={{ mt: 3, mb: 2, fontSize: 18 }}
+            color="success"
           >
             {authLoading ? <CircularProgress size={20} /> : "Sign Up"}
           </Button>

diff --git a/frontend/src/providers/theme.config.ts b/frontend/src/providers/theme.config.ts
@@ -5,18 +5,26 @@ import { createTheme } from "@mui/material/styles";
 // TODO - make this styles work
 export const theme = createTheme({
   palette: {
-    // type: 'light',
     primary: {
-      main: "#323c3d",
+      main: "#101820",
+      light: "#223344",
+      dark: "#070A0E",
     },
     secondary: {
-      main: "#f50057",
+      main: "#FFFFFF",
     },
     background: {
-      default: "#f1f3f3",
+      default: "#F1F5F8",
+    },
+    success: {
+      main: "#00B140",
+      light: "#00E052",
+      dark: "008F34",
+      contrastText: "#FFFFFF",
     },
   },
   typography: {
+    fontFamily: "Rethink-Sans",
     h1: {
       fontSize: 30,
       marginLeft: 30,
@@ -27,12 +35,9 @@ export const theme = createTheme({
     h3: {
       fontSize: 20,
     },
-    // h4: {
-    //   fontSize: 15
-    // },
-    // h5: {
-    //   fontSize: 10
-    // }
+    button: {
+      textTransform: "capitalize",
+    },
   },
 });