Deploy theme state fix

TaskTrackingSystem.WebApp/Components/App.razor

@@ -23,6 +23,7 @@
             } catch {
             }
             document.documentElement.classList.toggle('dark', theme === 'dark');
+            document.documentElement.dataset.theme = theme;
         })();
     </script>
     <script>
@@ -550,7 +551,13 @@
             apply(theme) {
                 const normalizedTheme = normalizeThemePreference(theme);
                 const isDark = normalizedTheme === 'dark';
-                document.documentElement.classList.toggle('dark', isDark);
+                const root = document.documentElement;
+                root.classList.toggle('dark', isDark);
+                root.dataset.theme = normalizedTheme;
+                if (document.body) {
+                    document.body.classList.toggle('dark', isDark);
+                    document.body.dataset.theme = normalizedTheme;
+                }
                 try {
                     localStorage.setItem(themePreferenceStorageKey, normalizedTheme);
                 } catch {
@@ -566,11 +573,14 @@
                 return this.apply(theme);
             },
             toggle() {
-                return this.apply(document.documentElement.classList.contains('dark') ? 'light' : 'dark');
+                const currentTheme = document.documentElement.dataset.theme ||
+                    (document.documentElement.classList.contains('dark') ? 'dark' : 'light');
+                return this.apply(currentTheme === 'dark' ? 'light' : 'dark');
             }
         };
         window.updateTaskifyThemeControls = function () {
-            const isDark = document.documentElement.classList.contains('dark');
+            const isDark = document.documentElement.dataset.theme === 'dark' ||
+                document.documentElement.classList.contains('dark');
             const title = isDark ? 'Switch to light mode' : 'Switch to dark mode';
             const iconName = isDark ? 'sun' : 'moon';
             document.querySelectorAll('[data-theme-toggle]').forEach(button => {
@@ -584,16 +594,14 @@
             });
             initIcons();
         };
-        document.addEventListener('click', event => {
-            const button = event.target.closest('[data-theme-toggle]');
-            if (!button) {
-                return;
+        window.toggleTaskifyThemeButton = function () {
+            if (!window.themePreference) {
+                return false;
             }
-            event.preventDefault();
-            event.stopPropagation();
             window.themePreference.toggle();
             window.updateTaskifyThemeControls();
-        }, true);
+            return false;
+        };
         function downloadFile(filename, contentType, content) {
             const file = new Blob([content], {type: contentType});
             const exportUrl = URL.createObjectURL(file);

TaskTrackingSystem.WebApp/Components/Partial/ThemeToggle.razor

@@ -1,6 +1,7 @@
 <button type="button"
         class="control-button"
         data-theme-toggle
+        onclick="return window.toggleTaskifyThemeButton && window.toggleTaskifyThemeButton(this);"
         title="Switch to dark mode"
         aria-label="Switch to dark mode"
         aria-pressed="false">