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 %}