diff --git a/blog/src/components/Header.astro b/blog/src/components/Header.astro
index e7f46e3..c062fb4 100644
--- a/blog/src/components/Header.astro
+++ b/blog/src/components/Header.astro
@@ -14,6 +14,9 @@
 </header>
 
 <style>
+    * {
+        color: var(--primary-text);
+    }
 
   header {
     padding: 24px;
@@ -28,7 +31,7 @@
   }
 
   .vertical-line {
-    border-right: 3px solid black;
+    border-right: 3px solid var(--primary-text);
     padding-left: 16px;
     height: 2rem;
   }
@@ -44,6 +47,7 @@
   a {
     font-size: 1.5rem;
     padding-left: 16px;
+    color: var(--primary-text);
   }
 
   .nav-right > a {
diff --git a/blog/src/styles/global.css b/blog/src/styles/global.css
index e747fef..cd397f7 100644
--- a/blog/src/styles/global.css
+++ b/blog/src/styles/global.css
@@ -1,5 +1,6 @@
 :root {
-    --primary-color: rgb(165, 163, 173)
+    --primary-color: rgb(32, 33, 79);
+    --primary-text: rgb(215, 213, 213);
 }
 
 * {