diff --git a/assets/style.scss b/assets/style.scss
index f9f350d..8fe7b83 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -1,14 +1,16 @@
 :root {
-  --background: rgb(20, 40, 60);
-  --border: rgb(40, 60, 80);
-  --text: rgb(255, 255, 255);
+  --background: rgb(30, 40, 50);
+  --border: rgb(50, 60, 70);
+  --text: rgb(235, 245, 255);
+  --text-2: rgb(165, 175, 185);
   --vrifox-red: rgb(255, 130, 130);
 }
 @media (prefers-color-scheme: light) {
   :root {
-    --background: rgb(255, 255, 255);
-    --border: rgb(215, 215, 215);
-    --text: rgb(0, 0, 0);
+    --background: rgb(255, 245, 235);
+    --border: rgb(225, 215, 205);
+    --text: rgb(50, 40, 30);
+    --text-2: rgb(90, 80, 70);
   }
 }
 
@@ -66,7 +68,7 @@ p img {
 }
 
 hr {
-  border-color: var(--border);
+  border: 1px solid var(--border);
   color: var(--border);
   margin: 60px 0;
 }
@@ -79,12 +81,11 @@ header, footer {
   display: flex;
   margin: 0 auto;
   max-width: 1140px;
-  min-height: 64px;
-  overflow: scroll;
+  overflow: auto;
   white-space: nowrap;
   width: 100%;
   a {
-    color: var(--text);
+    color: var(--text-2);
     padding: 17.6px 15px;
     text-decoration-color: var(--background);
     text-decoration-thickness: 2px !important;
@@ -99,6 +100,9 @@ header {
     display: flex;
     font-size: 1em;
     margin: 0;
+    a {
+      color: var(--vrifox-red);
+    }
   }
   nav {
     display: flex;
@@ -109,8 +113,8 @@ header {
 }
 footer {
   border-top: 1px solid var(--border);
-  color: var(--text);
-  a { color: var(--text); }
+  color: var(--text-2);
+  a { color: var(--text-2); }
   span {
     padding: 17.6px 30px;
     margin-right: auto;