diff --git a/_assets/stylesheets/components/_site-header.scss b/_assets/stylesheets/components/_site-header.scss
index c8cd67c..e624bf7 100644
--- a/_assets/stylesheets/components/_site-header.scss
+++ b/_assets/stylesheets/components/_site-header.scss
@@ -3,6 +3,10 @@ $_header-link-focus-text-shadow: 0 0 5px rgba(255, 255, 255, 0.6);
 .site-header {
   background-color: $header-color;
   padding: 1rem 0;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: darken($header-color, 5%);
+  }
 }
 
 .site-header__container {