From 976ac976500e9b9981f83666979497a28af3a29c Mon Sep 17 00:00:00 2001 From: Dan Barber Date: Sat, 10 Nov 2018 16:47:59 -0500 Subject: [PATCH] Darken the header colour a little in dark mode --- _assets/stylesheets/components/_site-header.scss | 4 ++++ 1 file changed, 4 insertions(+) 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 {