From 5239875f2bac3536f3e1d7d20b47badb3ed9bd79 Mon Sep 17 00:00:00 2001 From: Daniel Barber Date: Mon, 8 Jul 2019 20:44:59 -0400 Subject: [PATCH] Tweak dark mode colours --- _assets/stylesheets/components/_site-header.scss | 2 +- _assets/stylesheets/settings/_colors.scss | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/_assets/stylesheets/components/_site-header.scss b/_assets/stylesheets/components/_site-header.scss index e624bf7..94dec76 100644 --- a/_assets/stylesheets/components/_site-header.scss +++ b/_assets/stylesheets/components/_site-header.scss @@ -5,7 +5,7 @@ $_header-link-focus-text-shadow: 0 0 5px rgba(255, 255, 255, 0.6); padding: 1rem 0; @media (prefers-color-scheme: dark) { - background-color: darken($header-color, 5%); + background-color: $header-color-dark; } } diff --git a/_assets/stylesheets/settings/_colors.scss b/_assets/stylesheets/settings/_colors.scss index 8b2b748..e32a42d 100644 --- a/_assets/stylesheets/settings/_colors.scss +++ b/_assets/stylesheets/settings/_colors.scss @@ -1,7 +1,7 @@ $white: #fff; $background-color: $white; -$background-color-dark: #222; +$background-color-dark: #282828; $text-color: #333; $text-color-dark: #ddd; @@ -9,7 +9,8 @@ $text-color-light: lighten($text-color, 45%); $heading-color: #333; $heading-color-dark: #ddd; $meta-text-color: lighten($text-color, 45%); -$header-color: #518F00; +$header-color: #518f00; +$header-color-dark: adjust-color($header-color, $lightness: -10%, $saturation: -10%); $border-color: #ccc; $border-color-dark: #666;