diff --git a/assets/css/main.css b/assets/css/main.css
index 0b75def..55b1b8a 100644
--- a/assets/css/main.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 51fd26c..458589f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -27,5 +27,14 @@
 
 </body>
 
+<script>
+
+  function toggleTheme() {
+    document.body.classList.toggle('light');
+    document.body.classList.toggle('dark');
+  }
+
+</script>
+
 
 </html>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 92da9a7..14e5c07 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -15,6 +15,6 @@
         </p>
         {{ end }}
         {{ end }}
-
     </div>
+
 </div>
\ No newline at end of file