Folder reorganize 1

darkmode.php

@@ -0,0 +1,31 @@
+<label class="theme-toggle" for="theme-toggle">
+    <input type="checkbox" id="theme-toggle" aria-label="Toggle dark mode" />
+    <span>Dark mode</span>
+</label>
+<script>
+    (function () {
+        const toggle = document.getElementById('theme-toggle');
+        if (!toggle) {
+            return;
+        }
+
+        const setTheme = (mode) => {
+            document.documentElement.setAttribute('data-theme', mode);
+            localStorage.setItem('theme', mode);
+        };
+
+        const savedPreference = localStorage.getItem('theme');
+        if (savedPreference === 'dark') {
+            setTheme('dark');
+            toggle.checked = true;
+        }
+
+        toggle.addEventListener('change', () => {
+            if (toggle.checked) {
+                setTheme('dark');
+            } else {
+                setTheme('light');
+            }
+        });
+    })();
+</script>