diff --git a/src/styles/style.css b/src/styles/style.css
index 87a2f57..efc6dcf 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -105,7 +105,11 @@ a[aria-current="page"] {
 
 header {
   color: var(--primary-color) !important;
-  background-color: var(--background-color) !important;
+  background-color: var(--witch-lavender) !important;
+}
+
+html[data-theme="dark"] header {
+  background-color: var(--witch-purple) !important;
 }
 
 .large {