From 520bf54e7f88d159b81bccd752edc4fd563df269 Mon Sep 17 00:00:00 2001
From: PixelRobots <22979170+PixelRobots@users.noreply.github.com>
Date: Thu, 3 Oct 2024 12:14:17 +0100
Subject: [PATCH] Update dark mode toggle in footer

Signed-off-by: PixelRobots <22979170+PixelRobots@users.noreply.github.com>
---
 docs/_includes/nav_footer_custom.html | 31 +++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 docs/_includes/nav_footer_custom.html

diff --git a/docs/_includes/nav_footer_custom.html b/docs/_includes/nav_footer_custom.html
new file mode 100644
index 0000000..c4ba362
--- /dev/null
+++ b/docs/_includes/nav_footer_custom.html
@@ -0,0 +1,31 @@
+<button class="btn js-toggle-dark-mode">☾ dark</button>
+
+<script>
+    const btnToggle = document.querySelector('.js-toggle-dark-mode');
+
+    if (localStorage.getItem('theme') === 'dark') {
+        jtd.setTheme('dark');
+        btnToggle.textContent = '☼ light';
+    } else {
+        jtd.setTheme('light');
+        btnToggle.textContent = '☾ dark';
+    }
+</script>
+
+<script>
+    const toggleDarkMode = document.querySelector('.js-toggle-dark-mode');
+
+    jtd.addEvent(toggleDarkMode, 'click', function () {
+        if (jtd.getTheme() === 'dark') {
+            jtd.setTheme('light');
+            toggleDarkMode.textContent = '☾ dark';
+            localStorage.setItem('theme', 'light');
+        } else {
+            jtd.setTheme('dark');
+            toggleDarkMode.textContent = '☼ light';
+            localStorage.setItem('theme', 'dark');
+        }
+    });
+</script>
+
+</br>
\ No newline at end of file