From e4f6251f53996eba024953143de0f18f9ae16a5d Mon Sep 17 00:00:00 2001 From: Byron Hambly Date: Thu, 26 Jan 2023 13:34:30 +0200 Subject: [PATCH] feat: dark mode theme - adds dark color theme for users with `prefers-color-scheme: dark` - increase max width to 1200px - logo png replaced with svg - black on light, white on dark theme - remove `!important` qualifiers that make editing styles more difficult - store colors in scss variables for ease of maintenance Deployed example at https://elements.delta1.dev --- _includes/footer.html | 2 +- _includes/head.html | 2 +- _includes/header.html | 12 +- assets/main.scss | 420 ++++++++++++++++++++--------- images/elements_logo_no_border.svg | 64 +++++ 5 files changed, 371 insertions(+), 129 deletions(-) create mode 100644 images/elements_logo_no_border.svg diff --git a/_includes/footer.html b/_includes/footer.html index d9bda02..78476e1 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -2,7 +2,7 @@
- +
    diff --git a/_includes/head.html b/_includes/head.html index 6297020..441dec9 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -4,9 +4,9 @@ {%- seo -%} - + {%- feed_meta -%} diff --git a/_includes/header.html b/_includes/header.html index 6b47315..6fae8a7 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,7 +1,7 @@
@@ -68,7 +68,7 @@