Theme Update

assets/css/main.css

@@ -307,4 +307,12 @@ footer a {
 
 .not-found div h1 {
   font-size: 6rem;
+}
+
+.dark-toggle svg path {
+  fill: var(--background) !important;
+}
+
+.dark-toggle svg text {
+  fill: var(--content) !important;
 }

layouts/_default/baseof.html

@@ -27,5 +27,14 @@
 
 </body>
 
+<script>
+
+  function toggleTheme() {
+    document.body.classList.toggle('light');
+    document.body.classList.toggle('dark');
+  }
+
+</script>
+
 
 </html>

layouts/partials/header.html

@@ -15,6 +15,6 @@
         </p>
         {{ end }}
         {{ end }}
-
     </div>
+
 </div>