simple dark/light switch

2025-09-05 21:51:32 +02:00
parent f6c43d2e5f
commit 822f27ab9f
3 changed files with 46 additions and 9 deletions
--- a/assets/js/darkmode.js
+++ b/assets/js/darkmode.js
@@ -0,0 +1,18 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const toggleText = document.getElementById('themeToggleText');
+    const body = document.body;
+
+    toggleText.addEventListener('click', () => {
+        body.classList.toggle('dark-mode');
+
+        if (body.classList.contains('dark-mode')) {
+            document.documentElement.style.setProperty('--bg-color', '#000');
+            document.documentElement.style.setProperty('--text-color', '#fff');
+            toggleText.textContent = 'DARK';
+        } else {
+            document.documentElement.style.setProperty('--bg-color', '#fff');
+            document.documentElement.style.setProperty('--text-color', '#000');
+            toggleText.textContent = 'LIGHT';
+        }
+    });
+});