Fix Theme

themes/plain/layouts/_default/baseof.html

@@ -42,10 +42,6 @@
   <main>
   {{- block "main" . }}{{- end }}
   </main>
-  <div class="utils">
-    <div id="copy">&copy;morgan.kr</div>
-    <div id="toggleColor">Toggle Darkmode</div>
-  </div>
   <script>
     console.log("Sending statistics to server. Personal info is redacted afterwards.");
     console.log(fetch(`https://log.blog.morgan.kr/?url=${encodeURIComponent(document.location)}&referer=${encodeURIComponent(document.referrer)}`));

themes/plain/layouts/_default/list.html

@@ -21,4 +21,9 @@
 {{- if .IsHome }}
   <a href="/blogs" style="font-size:10px; color: #AAA; bottom: 12px; position: fixed;">-</a>
 {{- end }}
+
+  <div class="utils">
+    <div id="copy">&copy;morgan.kr</div>
+    <div id="toggleColor">Toggle Darkmode</div>
+  </div>
 {{ end }}

themes/plain/layouts/partials/style.html

@@ -26,7 +26,7 @@
   }
 
   :root[color-mode="dark"] {
-      --primary-bg-color: #242424;
+      --primary-bg-color: #181816;
       --primary-text-color: white;
       --link-color: #8cc2dd;
       --blockquote-text-color: #ccc;
@@ -53,6 +53,9 @@
     color: var(--primary-text-color);
   }
 
+  main {
+  }
+
   h1 { font-size: 26px; }
   h2 { font-size: 24px; }
   h3 { font-size: 22px; }
@@ -188,10 +191,7 @@
 </style>
 
 <script type="text/javascript">
-  document.addEventListener("DOMContentLoaded", function() {
-    const toggleButton = document.getElementById("toggleColor")
   const userPref = localStorage.getItem("theme");
-
   if (userPref === "dark") {
     document.documentElement.setAttribute("color-mode", "dark");
   } else if (userPref === "light") {
@@ -200,6 +200,9 @@
     document.documentElement.setAttribute("color-mode", "dark");
   }
 
+  document.addEventListener("DOMContentLoaded", function() {
+    const toggleButton = document.getElementById("toggleColor")
+
     toggleButton.addEventListener("click", function() {
       if (document.documentElement.getAttribute("color-mode") === "dark") {
         document.documentElement.setAttribute("color-mode", "light");