From 73e36ff38e45c955743667a4492a80c4abcea0b4 Mon Sep 17 00:00:00 2001
From: Morgan <me@morgan.kr>
Date: Sun, 29 Oct 2023 16:33:25 +0900
Subject: [PATCH] Update themes/mytheme/layouts/partials/header.html

---
 themes/mytheme/layouts/partials/header.html | 107 +++++++++++---------
 1 file changed, 59 insertions(+), 48 deletions(-)

diff --git a/themes/mytheme/layouts/partials/header.html b/themes/mytheme/layouts/partials/header.html
index 539b5c0..b78482b 100644
--- a/themes/mytheme/layouts/partials/header.html
+++ b/themes/mytheme/layouts/partials/header.html
@@ -1,51 +1,3 @@
-
-{{- /* theme-toggle is enabled */}}
-{{- if (not site.Params.disableThemeToggle) }}
-{{- /* theme is light */}}
-{{- if (eq site.Params.defaultTheme "light") }}
-<script>
-    if (localStorage.getItem("pref-theme") === "dark") {
-        document.body.classList.add('dark');
-        {{- if site.Params.label.icon_inv }}
-            document.getElementById('main-logo').src = "{{site.Params.label.icon}}";
-        {{- end }}
-    }
-
-</script>
-{{- /* theme is dark */}}
-{{- else if (eq site.Params.defaultTheme "dark") }}
-<script>
-    if (localStorage.getItem("pref-theme") === "light") {
-        document.body.classList.remove('dark')
-        {{- if site.Params.label.icon_inv }}
-            document.getElementById('main-logo').src = "{{site.Params.label.icon_inv}}";
-        {{- end }}
-    }
-
-</script>
-{{- else }}
-{{- /* theme is auto */}}
-<script>
-    if (localStorage.getItem("pref-theme") === "dark") {
-        document.body.classList.add('dark');
-    } else if (localStorage.getItem("pref-theme") === "light") {
-        document.body.classList.remove('dark')
-    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        document.body.classList.add('dark');
-    }
-
-</script>
-{{- end }}
-{{- /* theme-toggle is disabled and theme is auto */}}
-{{- else if (and (ne site.Params.defaultTheme "light") (ne site.Params.defaultTheme "dark"))}}
-<script>
-    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        document.body.classList.add('dark');
-    }
-
-</script>
-{{- end }}
-
 <header class="header">
     <nav class="nav{{- if .IsHome }} nav-home{{- else if (not .IsPage) }} nav-nonpost{{- end }}">
         <div class="logo">
@@ -135,3 +87,62 @@
         </ul>
     </nav>
 </header>
+
+{{- /* theme-toggle is enabled */}}
+{{- if (not site.Params.disableThemeToggle) }}
+{{- /* theme is light */}}
+{{- if (eq site.Params.defaultTheme "light") }}
+<script>
+    if (localStorage.getItem("pref-theme") === "dark") {
+        document.body.classList.add('dark');
+        {{- if site.Params.label.icon_inv }}
+            document.getElementById('main-logo').src = "{{site.Params.label.icon}}";
+        {{- end }}
+    }
+
+</script>
+{{- /* theme is dark */}}
+{{- else if (eq site.Params.defaultTheme "dark") }}
+<script>
+    if (localStorage.getItem("pref-theme") === "light") {
+        document.body.classList.remove('dark')
+        {{- if site.Params.label.icon_inv }}
+            document.getElementById('main-logo').src = "{{site.Params.label.icon_inv}}";
+        {{- end }}
+    }
+
+</script>
+{{- else }}
+{{- /* theme is auto */}}
+<script>
+    if (localStorage.getItem("pref-theme") === "dark") {
+        document.body.classList.add('dark');
+        {{- if site.Params.label.icon_inv }}
+            document.getElementById('main-logo').src = "{{site.Params.label.icon}}";
+        {{- end }}
+    } else if (localStorage.getItem("pref-theme") === "light") {
+        document.body.classList.remove('dark')
+        {{- if site.Params.label.icon_inv }}
+            document.getElementById('main-logo').src = "{{site.Params.label.icon_inv}}";
+        {{- end }}
+    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.body.classList.add('dark');
+        {{- if site.Params.label.icon_inv }}
+            document.getElementById('main-logo').src = "{{site.Params.label.icon}}";
+        {{- end }}
+    }
+
+</script>
+{{- end }}
+{{- /* theme-toggle is disabled and theme is auto */}}
+{{- else if (and (ne site.Params.defaultTheme "light") (ne site.Params.defaultTheme "dark"))}}
+<script>
+    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.body.classList.add('dark');
+        {{- if site.Params.label.icon_inv }}
+            document.getElementById('main-logo').src = "{{site.Params.label.icon}}";
+        {{- end }}
+    }
+
+</script>
+{{- end }}
\ No newline at end of file