diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4449a55..95baeab 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -42,6 +42,23 @@
   {{ end -}}
 
   <!-- CSS -->
+  <!-- Immediately show background/text color to prevent flashing white -->
+  <style>
+  :root {
+    --bg-color: #faf9f6;
+    --text-color: #020101;
+  }
+  body { 
+    background-color: var(--bg-color);
+    color: var(--text-color);
+  }
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --bg-color: #0e0e0e;
+      --text-color: #8f8f8f;
+    }
+  }
+  </style>
   {{- $style := resources.Get "css/style.css" -}}
   {{- $markdown := resources.Get "css/markdown.css" -}}
   {{- $fontawesome := resources.Get "css/fontawesome.css" -}}