From 98ea326d51f439d05c83ecded66b7e5f580d82b3 Mon Sep 17 00:00:00 2001 From: xdavidwu Date: Tue, 25 May 2021 23:57:57 +0800 Subject: [PATCH] add darkmode switch without js --- _layouts/default.html | 6 ++++++ _sass/minimal-mistakes/_noscript.scss | 15 +++++++++++++-- assets/css/main.scss | 5 ++++- 3 files changed, 23 insertions(+), 3 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 0e25dc7..5ea781b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -17,6 +17,12 @@ {% include_cached skip-links.html %} {% include_cached browser-upgrade.html %} + + + + {% include_cached masthead.html %}
diff --git a/_sass/minimal-mistakes/_noscript.scss b/_sass/minimal-mistakes/_noscript.scss index 0a56e2d..fdc1a1d 100644 --- a/_sass/minimal-mistakes/_noscript.scss +++ b/_sass/minimal-mistakes/_noscript.scss @@ -9,10 +9,21 @@ } } -#follow-button:checked + label + ul.author__urls { +input#follow-button:checked + label + ul.author__urls { display: block; } -#follow-button { +input#follow-button { display: none; } + +input#darkmode { + display: none; +} + +label[for="darkmode"] { + position: absolute; + z-index: 1000; + bottom: 1.75em; + right: 1em; +} diff --git a/assets/css/main.scss b/assets/css/main.scss index c5cf6d7..b0c6717 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -16,4 +16,7 @@ $comments-provider: {{ site.comments.provider }}; @import "minimal-mistakes/colors"; // color overrides } - +input#darkmode:checked ~ * { + @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin + @import "minimal-mistakes/colors"; // color overrides +} -- 2.43.0