From 665949d7c12f0ab809424ffb4b8584ac065927fd Mon Sep 17 00:00:00 2001
From: MG-5 <mg-95@t-online.de>
Date: Wed, 1 Nov 2023 14:34:55 +0100
Subject: [PATCH 1/2] Revert "Merge pull request #59 from netz39/auto-darkmode"

This reverts commit 0df7b9dd965d6256ee1630cabbe8ab1b7ac33809, reversing
changes made to c01b9d499c6a97babf364492f0ab6c0bf6260ba2.
---
 _includes/default/head.liquid | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/_includes/default/head.liquid b/_includes/default/head.liquid
index b9e2f4f..0340feb 100644
--- a/_includes/default/head.liquid
+++ b/_includes/default/head.liquid
@@ -2,25 +2,16 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=5">
 
-    <!-- Theme Mode -->
+    <!-- Theme Mode-->
     {% if site.color_theme == 'auto' %}
     <script>
         const isAutoTheme = true;
-        const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-        const storedTheme = localStorage.getItem('theme');
-
-        if (storedTheme) {
-            document.documentElement.setAttribute('data-theme', storedTheme);
-        } else if (prefersDarkMode) {
-            document.documentElement.setAttribute('data-theme', 'dark');
-        } else {
-            document.documentElement.setAttribute('data-theme', 'light');
-        }
+        document.documentElement.setAttribute('data-theme', sessionStorage.getItem('theme'))
     </script>
     {% else %}
     <script>
         const isAutoTheme = false;
-        document.documentElement.setAttribute('data-theme', "{{ site.color_theme | default: 'light' }}");
+        document.documentElement.setAttribute('data-theme', "{{ site.color_theme | default: 'light' }}")
     </script>
     {% endif %}
 

From 7c4b2b77d7afa79839342980e8f75f4ad6331fd4 Mon Sep 17 00:00:00 2001
From: MG-5 <mg-95@t-online.de>
Date: Wed, 1 Nov 2023 14:48:52 +0100
Subject: [PATCH 2/2] Fix auto darkmode is overwritten by light mode

---
 assets/js/main.min.js           | 2 +-
 assets/js/partials/dark-mode.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/js/main.min.js b/assets/js/main.min.js
index a33eb8a..52ead77 100644
--- a/assets/js/main.min.js
+++ b/assets/js/main.min.js
@@ -1,5 +1,5 @@
 /* @preserve Cookie Consent Init */
 function createCookie(e,t,o){var n="";if(o){var i=new Date;i.setTime(i.getTime()+24*o*60*60*1e3),n="; expires="+i.toUTCString()}document.cookie=`${e}=${t}${n}; path=/`}function readCookie(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var i=o[n];" "===i.charAt(0);)i=i.substring(1,i.length);if(0===i.indexOf(t))return i.substring(t.length,i.length)}return null}function addCookieConsentListener(){document.getElementById("cookie-notice-accept").addEventListener("click",(function(){createCookie(cookieName,"true",31),document.getElementById("cookie-notice").style.display="none",location.reload()}))}function googleAnalytics(){if(""!==analyticsName.toLowerCase()){function e(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],e("js",new Date),e("config",analyticsName,{anonymize_ip:!0}),analyticsNameGA4&&e("config",analyticsNameGA4,{anonymize_ip:!0})}}"true"===isCookieConsent.toLowerCase()?(addCookieConsentListener(),"true"===readCookie(cookieName)?googleAnalytics():document.getElementById("cookie-notice").style.display="block"):googleAnalytics()
-/* @preserve Dark mode Init */;const themeButton={light:'<i class="fas fa-adjust" aria-hidden="true"></i>',dark:'<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'},currentTheme=()=>sessionStorage.getItem("theme");function setMode(e){document.documentElement.setAttribute("data-theme",e),sessionStorage.setItem("theme",e);const t=document.getElementById("theme-toggle");t&&(t.innerHTML=themeButton[e])}function themeToggle(){setMode("light"===currentTheme()?"dark":"light")}window.onload=function(){if(isAutoTheme){if(!currentTheme()){let e=window.matchMedia("(prefers-color-scheme: dark)");e.addEventListener("change",(()=>{e.matches&&sessionStorage.setItem("theme","dark")}))}let e=currentTheme();setMode(e||"light")}}
+/* @preserve Dark mode Init */;const themeButton={light:'<i class="fas fa-adjust" aria-hidden="true"></i>',dark:'<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'},currentTheme=()=>sessionStorage.getItem("theme");function setMode(e){document.documentElement.setAttribute("data-theme",e),sessionStorage.setItem("theme",e);const t=document.getElementById("theme-toggle");t&&(t.innerHTML=themeButton[e])}function themeToggle(){setMode("light"===currentTheme()?"dark":"light")}window.onload=function(){if(isAutoTheme){if(!currentTheme()){let e=window.matchMedia("(prefers-color-scheme: dark)");if(e.matches){sessionStorage.setItem("theme","dark");} e.addEventListener("change",(()=>{e.matches&&sessionStorage.setItem("theme","dark")}))}let e=currentTheme();setMode(e||"light")}}
 /* @preserve Masonry Init */;try{var elem=document.querySelector(".grid"),msnry=new Masonry(elem,{itemSelector:".grid-item",columnWidth:".grid-sizer",gutter:".gutter-sizer",percentPosition:!0}),imgLoad=imagesLoaded(elem);imgLoad.on("progress",(function(e,t){msnry.layout()}))}catch(e){if(!(e instanceof ReferenceError))throw e}
 /* @preserve Navbar */document.addEventListener("DOMContentLoaded",(function(e){const t=document.getElementById("pull"),o=document.querySelector("nav ul");["click","touch"].forEach((function(e){t?.addEventListener(e,(function(){o.classList.toggle("hide")}),!1)})),window.addEventListener("scroll",(function(){const e=-(window.scrollY||window.pageYOffset||document.body.scrollTop)/3,t=document.getElementById("main");t&&(t.style.backgroundPosition="100% "+(e-50)+"px, 0%, center top")}))}));
\ No newline at end of file
diff --git a/assets/js/partials/dark-mode.js b/assets/js/partials/dark-mode.js
index e2f9595..a4509ad 100644
--- a/assets/js/partials/dark-mode.js
+++ b/assets/js/partials/dark-mode.js
@@ -35,6 +35,7 @@ window.onload = function bootstrapTheme() {
         if (!currentTheme()) {
             // Load browser's preference
             let browserPrefersDark = window.matchMedia('(prefers-color-scheme: dark)');
+            if (browserPrefersDark.matches) sessionStorage.setItem('theme', 'dark');
             browserPrefersDark.addEventListener('change', () => {
                 if (browserPrefersDark.matches) sessionStorage.setItem('theme', 'dark')
             });