diff --git a/src/styles/lib/_var.scss b/src/styles/lib/_var.scss
index eba7835..c6a6fc4 100644
--- a/src/styles/lib/_var.scss
+++ b/src/styles/lib/_var.scss
@@ -9,10 +9,10 @@
     --font-code: 'IBM Plex Mono', monospace;
     --font-scale: 1em;
 
-	--background-color: light-dark(#faf4ed, #242424);
+	--background-color: light-dark(#faf4ed, #212720);
 	--title-color: light-dark(#242424, #faf4ed);
 	--heading-color: light-dark(#242424, #faf4ed);
-	--text-color: light-dark(#242424, #faf4ed);
+	--text-color: light-dark(#212720, #faf4ed);
 	--link-color: light-dark(#242424, #faf4ed);
 	--visited-color: light-dark(#242424, #faf4ed);
 	--code-background-color: light-dark(#dcdfe6, #37393d);
diff --git a/src/styles/post.scss b/src/styles/post.scss
index 75cb93b..5595335 100644
--- a/src/styles/post.scss
+++ b/src/styles/post.scss
@@ -3,6 +3,7 @@
 body {
     background-color: var(--background-color);
     font-family: var(--font-body);
+    color: var(--text-color);
 }
 
 main {
@@ -34,7 +35,7 @@ header {
             grid-area: back;
 
             a {
-                color: black
+                color: var(--text-color);
             }
         }
 
@@ -113,9 +114,9 @@ article {
     margin-bottom: 80px;
 
     blockquote {
-        border-left: 5px solid color-mix(in srgb, black, transparent 90%);
+        border-left: 5px solid color-mix(in srgb, var(--text-color), transparent 90%);
         padding-left: 20px;
-        color: color-mix(in srgb, black, transparent 30%);
+        color: color-mix(in srgb, var(--text-color), transparent 30%);
 
         // no bottom margins within blockquotes
         p:not(:last-child) {
@@ -153,7 +154,7 @@ article {
     }
 
     small {
-        color: color-mix(in srgb, black, transparent 30%);
+        color: color-mix(in srgb, var(--text-color), transparent 30%);
         font-size: 0.8em;
     }
 }