Changed login and signup color themes

style/signup.scss

@@ -1,5 +1,14 @@
 @import "theme.scss";
 
+.auth-page-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  background-color: black;
+}
+
 .signup-container {
   display: flex;
   flex-direction: column;
@@ -18,7 +27,7 @@
 .signup-container .header h1 {
   margin-top: 3rem;
   font-size: 2.5rem;
-  color: #2c1308;
+  color: $accent-color;
 }
 .signup-container .signup-form {
   width: 80%;
@@ -54,15 +63,15 @@
   left: 0;
   padding: 15px 0px 10px;
   pointer-events: none;
-  color: #907163;
+  color: black;
   font-size: 1.19em;
   letter-spacing: 0.5px;
   transition: 0.5s;
 }
 .signup-form .input-box input:valid ~ span,
 .signup-form .input-box input:focus ~ span {
-  color: #a8a2b0;
-  font-size: 1rem;
+  color: rgb(94, 93, 93);
+  font-size: 0.9rem;
   transform: translateY(-30px);
   font-weight: 400;
 }
@@ -90,11 +99,11 @@
   height: 45px;
   border: none;
   border-radius: 8px;
-  color: rgb(210, 207, 207);
+  color: white;
   cursor: pointer;
   font-size: 1.1rem;
   font-weight: 600;
-  background-color: #582b17;
+  background-color: $accent-color;
 }
 .signup-form .go-to-login {
   color: #8f8f8f;
@@ -106,7 +115,7 @@
   text-decoration: underline;
 }
 .signup-form .go-to-login a:hover {
-  color: #fff;
+  color: black;
   transition: all 0.2s;
 }
 .signup-container .return {