outsource auto dark mode javascript into own js file

layouts/_default/baseof.html

@@ -79,12 +79,8 @@
       $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
       $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
     };
-
-    let darkmode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    if (darkmode) {
-      $(".darkmode-label").click();
-    }
   </script>
+  {{- partial "sections/v3/auto_darkmode.html" . -}}
 </body>
 {{ else }}
 

layouts/index.html

@@ -167,12 +167,8 @@
       $(".education-backdark").toggleClass("education-back");
       $(".achievements-backdark").toggleClass("achievements-back");
     }
-
-    let darkmode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-    if (darkmode) {
-      $(".darkmode-label").click();
-    }
   </script>
+  {{- partial "sections/v3/auto_darkmode.html" . -}}
 </body>
 {{ else }}
 

layouts/partials/sections/v3/auto_darkmode.html

@@ -0,0 +1 @@
+<script src="/js/auto_darkmode.js"></script>

static/js/auto_darkmode.js

@@ -0,0 +1,4 @@
+let darkmode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+if (darkmode) {
+    $(".darkmode-label").click();
+}