From ff8b695118cca9c6420d2054ee84fc71338a1318 Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Tue, 3 Mar 2026 17:19:26 -0800
Subject: [PATCH] fix(style): give header a solid background to hide scrolling
 content

Sets an opaque theme-appropriate background on the header so page content no longer shows through it when scrolling.
---
 src/styles/style.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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 {