diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index edc9671..a9d9e59 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -5,6 +5,7 @@ import '@styles/main.css';
 <style>
     header {
         background-color: var(--primary-color-faded);
+        border-bottom: var(--header-border);
     }
 
     nav {
@@ -26,6 +27,7 @@ import '@styles/main.css';
 
             &:hover {
                 background: var(--nav-hover);
+                color: var(--nav-hover-color);
             }
         }
     }
diff --git a/src/styles/vars.css b/src/styles/vars.css
index f5793de..7976017 100644
--- a/src/styles/vars.css
+++ b/src/styles/vars.css
@@ -13,6 +13,8 @@
     --accent-color: hsl(0deg 92% 29%);
     --accent-color-faded: hsl(0deg 25% 55%);
     --nav-hover: hsl(0deg 0% 0% / 10%);
+    --nav-hover-color: white;
+    --header-border: none;
 
     @media(max-width: 640px) {
         --content-line-height: 1.25;
@@ -21,14 +23,16 @@
     }
 
     @media(prefers-color-scheme: dark) {
-        --bg-color: hsl(160deg 15% 9%);
-        --content-color: hsl(100deg 8% 78%);
-        --content-color-faded: hsl(110deg 5% 52%);
-        --heading-color: hsl(45deg 20% 90%);
-        --primary-color: hsl(155deg 30% 35%);
-        --primary-color-faded: hsl(155deg 20% 14%);
-        --accent-color: hsl(340deg 45% 65%);
-        --accent-color-faded: hsl(340deg 20% 50%);
-        --nav-hover: hsl(155deg 15% 100% / 10%);
+        --bg-color: hsl(0deg 0% 8%);
+        --content-color: hsl(0deg 0% 75%);
+        --content-color-faded: hsl(0deg 0% 50%);
+        --heading-color: hsl(0deg 0% 95%);
+        --primary-color: hsl(270deg 60% 60%);
+        --primary-color-faded: hsl(0deg 0% 8%);
+        --accent-color: hsl(270deg 75% 65%);
+        --accent-color-faded: hsl(270deg 25% 50%);
+        --nav-hover: hsl(270deg 30% 100% / 10%);
+        --nav-hover-color: var(--accent-color);
+        --header-border: 2px solid var(--accent-color);
     }
 }