feature flags and a bit on the design

2026-02-15 16:24:47 +02:00
parent 4bc77d455b
commit 5a0e6e4165
22 changed files with 663 additions and 102 deletions
@@ -1,6 +1,6 @@
 <button
    type="button"
-    onclick="window.toggleTheme()"
+    onclick="toggleTheme()"
    class="p-2 rounded-md text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:focus:ring-offset-gray-900 transition-colors"
    aria-label="Toggle theme">
    <!-- Sun icon (visible in dark mode) -->
@@ -12,3 +12,18 @@
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
    </svg>
 </button>
+
+<script>
+    function toggleTheme() {
+        const html = document.documentElement;
+        const isDark = html.classList.contains('dark');
+
+        if (isDark) {
+            html.classList.remove('dark');
+            localStorage.setItem('theme', 'light');
+        } else {
+            html.classList.add('dark');
+            localStorage.setItem('theme', 'dark');
+        }
+    }
+</script>