Changed color vars

frontend/src/assets/_general.scss

@@ -6,11 +6,13 @@
 
 body {
   font-family: OpenSans Roboto sans-serif;
-  background-color: var(--blue-space);
+  background-color: var(--clr1);
+  color: var(--clr6);
 }
 
 a {
   text-decoration: none;
+  color: var(--clr6);
 }
 
 .flex {

frontend/src/assets/_vars.scss

@@ -1,8 +1,8 @@
 :root {
-    --black-midnight: #040506;
-    --blue-space: #0a0d10;
-    --blue-shadow: #162129;
-    --blue-oceanic: #23455b;
-    --gray-steel: #223440;
-    --red-rustic: #591b12;    
+    --clr1: #0f0f0f;
+    --clr2: #3f3f3f;
+    --clr3: #232D3F;
+    --clr4: #23455b;
+    --clr5: #223440;
+    --clr6: #ffffff;    
 }

frontend/src/assets/nav.scss

@@ -1,7 +1,7 @@
 header {
   width: 100vw;
   padding: 2rem 1rem;
-  background-color: var(--blue-shadow);
+  background-color: var(--clr3);
 }
 
 header,