1 files changed, 30 insertions, 0 deletions
diff --git a/themes/researcher/layouts/partials/toggle.html b/themes/researcher/layouts/partials/toggle.html
new file mode 100644
index 0000000..4ef8b86
--- /dev/null
+++ b/themes/researcher/layouts/partials/toggle.html
@@ -0,0 +1,30 @@
+<i id="dark-mode-toggle"></i>
+
+<script>
+var toggle = document.getElementById("dark-mode-toggle");
+var darkTheme = document.getElementById("dark-mode-theme");
+var savedTheme = localStorage.getItem("dark-mode-storage") || "light";
+
+setTheme(savedTheme);
+
+toggle.addEventListener("click", () => {
+
+		if (toggle.className === "fas fa-moon") {
+        setTheme("dark");
+    } else if (toggle.className === "fas fa-sun") {
+        setTheme("light");
+    }
+});
+
+function setTheme(mode) {
+    localStorage.setItem("dark-mode-storage", mode);  
+
+    if (mode === "dark") {
+        darkTheme.disabled = false;
+        toggle.className = "fas fa-sun";
+    } else if (mode === "light") {
+        darkTheme.disabled = true;
+        toggle.className = "fas fa-moon";
+    }
+}
+</script>