Update web/diagnosis.html

web/diagnosis.html

@@ -1462,7 +1462,6 @@ if (false) { /* removed */ }
 </script>
 <script>
 (function () {
-  // 1. Aplicar tema guardado al cargar
   function applyTheme(theme) {
     const lightTheme = document.getElementById('lightTheme');
     const darkTheme  = document.getElementById('darkTheme');
@@ -1473,18 +1472,15 @@ if (false) { /* removed */ }
       lightTheme.disabled = false;
       darkTheme.disabled  = true;
     }
+    document.documentElement.style.visibility = 'visible';
   }
 
   applyTheme(localStorage.getItem('theme') || 'light');
 
-  // 2. Escuchar cambios desde OTRAS pestañas
   window.addEventListener('storage', function(e) {
-    if (e.key === 'theme') {
-      applyTheme(e.newValue);
-    }
+    if (e.key === 'theme') applyTheme(e.newValue);
   });
 
-  // 3. Overlay de transición
   const overlay = document.createElement('div');
   overlay.id = 'theme-overlay';
   overlay.style.cssText = [
@@ -1496,13 +1492,13 @@ if (false) { /* removed */ }
 
   function switchTheme() {
     const darkTheme = document.getElementById('darkTheme');
-    const goingDark = darkTheme.disabled; // si está disabled, vamos a dark
+    const goingDark = darkTheme.disabled;
     overlay.style.background = goingDark ? '#fff' : '#1a1a2e';
     overlay.style.opacity = '1';
     setTimeout(function () {
       const newTheme = goingDark ? 'dark' : 'light';
       applyTheme(newTheme);
-      localStorage.setItem('theme', newTheme); // 👈 esto dispara el evento en otras pestañas
+      localStorage.setItem('theme', newTheme);
       setTimeout(function () { overlay.style.opacity = '0'; }, 50);
     }, 180);
   }
@@ -1519,20 +1515,6 @@ if (false) { /* removed */ }
     });
   });
 })();
-
-  function applyTheme(theme) {
-  const lightTheme = document.getElementById('lightTheme');
-  const darkTheme  = document.getElementById('darkTheme');
-  if (theme === 'dark') {
-    lightTheme.disabled = true;
-    darkTheme.disabled  = false;
-  } else {
-    lightTheme.disabled = false;
-    darkTheme.disabled  = true;
-  }
-  // 👇 Revelar la página una vez aplicado el tema
-  document.documentElement.style.visibility = 'visible';
-}
 </script>
 </body>
 </html>