themes

frontend/src/Theme/Input/index.js

@@ -27,19 +27,19 @@ const bwVariant = () => {
       border: "1px solid white",
       borderRadius: "7px",
       color: "white",
-      backgroundColor: "#1A1D22",
+      backgroundColor: "black.300",
       errorBorderColor: "#EE8686",
       _hover: {
-        backgroundColor: "#1A1D22",
+        backgroundColor: "black.300",
       },
       _focus: {
-        backgroundColor: "#1A1D22",
+        backgroundColor: "black.300",
       },
       _placeholder: { color: "#CDCDCD" },
       _autofill: {
-        backgroundColor: "#1A1D22",
+        backgroundColor: "black.300",
         textFillColor: "white",
-        boxShadow: "0 0 0px 1000px #1A1D22 inset",
+        boxShadow: "0 0 0px 1000px black.300 inset",
         transition: "background-color 5000s ease-in-out 0s",
       },
     },

frontend/src/Theme/theme.js

@@ -165,6 +165,7 @@ const theme = extendTheme({
       700: "#fd7835",
       800: "#fd671b",
       900: "#FD5602",
+      1000: "#F56646",
     },
 
     green: {
@@ -185,6 +186,7 @@ const theme = extendTheme({
       100: "#333399",
       200: "#111442",
       300: "#1A1D22",
+      400: "#292929",
     },
   },
 });