From 429c4081e21580fd8cf74e72ace04c6757014045 Mon Sep 17 00:00:00 2001
From: xdavidwu <xdavidwuph@gmail.com>
Date: Wed, 26 May 2021 01:34:05 +0800
Subject: [PATCH] impl lightmode button

---
 _layouts/default.html                 |  6 +++++-
 _sass/minimal-mistakes/_noscript.scss |  4 ++--
 assets/css/main.scss                  | 27 +++++++++++++++++++++++++--
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index a6d4893..984a01c 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -19,11 +19,15 @@
     {% include_cached browser-upgrade.html %}
 
     <input type="checkbox" id="darkmode">
+    <input type="checkbox" id="lightmode">
 
     <div>
       <div class="top-flex">
         <label for="darkmode">
-          <i class="fa fa-moon"></i>
+          <i class="fa fa-moon-o"></i>
+        </label>
+        <label for="lightmode">
+          <i class="fa fa-sun-o"></i>
         </label>
 
         {% include_cached masthead.html %}
diff --git a/_sass/minimal-mistakes/_noscript.scss b/_sass/minimal-mistakes/_noscript.scss
index fdc1a1d..369ae0a 100644
--- a/_sass/minimal-mistakes/_noscript.scss
+++ b/_sass/minimal-mistakes/_noscript.scss
@@ -17,11 +17,11 @@ input#follow-button {
   display: none;
 }
 
-input#darkmode {
+input#darkmode, input#lightmode {
   display: none;
 }
 
-label[for="darkmode"] {
+label[for="darkmode"], label[for="lightmode"] {
   position: absolute;
   z-index: 1000;
   bottom: 1.75em;
diff --git a/assets/css/main.scss b/assets/css/main.scss
index b0c6717..2570f26 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -11,12 +11,35 @@ $comments-provider: {{ site.comments.provider }};
 
 @import "minimal-mistakes"; // main partials
 
+label[for="darkmode"] {
+  display: none;
+}
+
+label[for="lightmode"] {
+  display: block;
+}
+
 @media (prefers-color-scheme: light) {
+  label[for="darkmode"] {
+    display: block;
+  }
+
+  label[for="lightmode"] {
+    display: none;
+  }
+
   @import "minimal-mistakes/skins/{{ site.minimal_mistakes_light_skin | default: 'default' }}"; // skin
   @import "minimal-mistakes/colors"; // color overrides
 }
 
-input#darkmode:checked ~ * {
-  @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
+input#lightmode:checked ~ * {
+  @import "minimal-mistakes/skins/{{ site.minimal_mistakes_light_skin | default: 'default' }}"; // skin
   @import "minimal-mistakes/colors"; // color overrides
 }
+
+@media (prefers-color-scheme: light) {
+  input#darkmode:checked ~ * {
+    @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
+    @import "minimal-mistakes/colors"; // color overrides
+  }
+}
-- 
2.43.0