From 0a0ff640a24b6b853fd96aed9582ce64ed38f761 Mon Sep 17 00:00:00 2001 From: Gabriele Musco Date: Sat, 25 Dec 2021 00:08:51 +0100 Subject: [PATCH] added support for color scheme user preference --- assets/scss/style.scss | 27 +++++++++++++++++++++++++++ data/colors.yml | 2 +- 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/assets/scss/style.scss b/assets/scss/style.scss index e01285a..b4f1045 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -58,6 +58,33 @@ $light_sidebar_fg: {{ $colors.light.sidebar.fg | default "#121211" }}; {{ end }} } +{{ if ($colors.auto_switch | default false) }} +@media (prefers-color-scheme: dark) { + :root { + --default_bg: #{$dark_bg}; + --default_hl_bg: #{$dark_hl_bg}; + --default_fg: #{$dark_fg}; + --default_dim_fg: #{$dark_dim_fg}; + --default_stroke: #{$dark_stroke}; + --default_accent: #{$dark_accent}; + --default_sidebar_bg: #{$dark_sidebar_bg}; + --default_sidebar_fg: #{$dark_sidebar_fg}; + } +} +@media (prefers-color-scheme: light) { + :root { + --default_bg: #{$light_bg}; + --default_hl_bg: #{$light_hl_bg}; + --default_fg: #{$light_fg}; + --default_dim_fg: #{$light_dim_fg}; + --default_stroke: #{$light_stroke}; + --default_accent: #{$light_accent}; + --default_sidebar_bg: #{$light_sidebar_bg}; + --default_sidebar_fg: #{$light_sidebar_fg}; + } +} +{{ end }} + $main_font: {{ .Site.Params.fontFamily | default "JetBrains Mono" }}; $title_font: {{ .Site.Params.titleFontFamily | default "$main_font" }}; diff --git a/data/colors.yml b/data/colors.yml index 7fbd27a..aafbc36 100644 --- a/data/colors.yml +++ b/data/colors.yml @@ -1,5 +1,5 @@ default: dark # light -auto_switch: false +auto_switch: false # set to true to respect the user preference dark: bg: '#242629' # main site background hl_bg: '#34363b' # card and circle navigation background color for discrete card mode