From 79c7a5101ffaf8501401bb791df3d3e5d1e7db14 Mon Sep 17 00:00:00 2001 From: Cotes Chung <11371340+cotes2020@users.noreply.github.com> Date: Sat, 15 Feb 2020 04:05:31 +0800 Subject: [PATCH] Feature: Make theme colors configurable. --- _config.yml | 12 ++++++++++++ _includes/sidebar.html | 2 ++ _layouts/default.html | 9 ++++++++- 3 files changed, 22 insertions(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 9f91cb4..fcab487 100644 --- a/_config.yml +++ b/_config.yml @@ -67,6 +67,18 @@ disqus: # The year your website first ran. first_run: 2019 + +# Prefer color scheme setting, available values: +# +# dual - Follow the system prefer color by default, and a toggle will display +# in the left bottom of Sidebar, which used for switch the theme between dark and light. +# +# light - Use the light color scheme +# +# dark - Use the dark color scheme +# +theme_mode: dual + # boolean type, global switch for ToC in posts. toc: true diff --git a/_includes/sidebar.html b/_includes/sidebar.html index a994093..188ffdd 100644 --- a/_includes/sidebar.html +++ b/_includes/sidebar.html @@ -57,9 +57,11 @@
+ {% if site.theme_mode == "dual" %} {% include mode-toggle.html %} + {% endif %} diff --git a/_layouts/default.html b/_layouts/default.html index a646ae9..635880b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,7 +8,14 @@ layout: compress --- - + +{% capture prefer_mode %} + {% if site.theme_mode != "dual" %} + mode="{{ site.theme_mode }}" + {% endif %} +{% endcapture %} + + {% include head.html %}