Update web/index.html

web/index.html

@@ -1986,35 +1986,47 @@
         });
     </script>
 <script>
-    function _initFeather() {
-      if (typeof feather !== 'undefined') feather.replace({ 'stroke-width': 1.8 });
+(function () {
+  // Feather: reemplazar SOLO íconos que aún son <i>, nunca tocar SVGs ya renderizados
+  function _initFeather() {
+    if (typeof feather === 'undefined') return;
+    // Solo actuar si hay elementos <i data-feather> sin reemplazar todavía
+    var pending = document.querySelectorAll('i[data-feather]');
+    if (pending.length > 0) {
+      feather.replace({ 'stroke-width': 1.8 });
     }
-    
-    document.addEventListener('DOMContentLoaded', _initFeather);
-    
-    var _fObserver = new MutationObserver(function(mutations) {
-      var hasNew = mutations.some(function(m) {
-        return Array.from(m.addedNodes).some(function(n) {
-          return n.nodeType === 1; // solo elementos, no texto
+  }
+
+  document.addEventListener('DOMContentLoaded', _initFeather);
+
+  var _fObserverActive = false;
+  document.addEventListener('DOMContentLoaded', function () {
+    var observer = new MutationObserver(function (mutations) {
+      if (_fObserverActive) return; // evitar loops
+      var hasPendingFeather = mutations.some(function (m) {
+        return Array.from(m.addedNodes).some(function (n) {
+          if (n.nodeType !== 1) return false;
+          // Solo disparar si el nodo agregado tiene <i data-feather> dentro
+          return n.matches('i[data-feather]') || n.querySelector('i[data-feather]');
         });
       });
-      if (hasNew) _initFeather();
-    });
-    
-    document.addEventListener('DOMContentLoaded', function() {
-      _fObserver.observe(document.body, { childList: true, subtree: true });
-    
-      document.addEventListener('visibilitychange', function() {
-        // noop — feather no necesita re-renderizar al focus
-      });
+      if (hasPendingFeather) {
+        _fObserverActive = true;
+        _initFeather();
+        setTimeout(function () { _fObserverActive = false; }, 50);
+      }
     });
+    observer.observe(document.body, { childList: true, subtree: true });
+  });
+})();
 </script>
 
 <script>
 (function () {
   function applyTheme(theme) {
-    const lightTheme = document.getElementById('lightTheme');
-    const darkTheme  = document.getElementById('darkTheme');
+    var lightTheme = document.getElementById('lightTheme');
+    var darkTheme  = document.getElementById('darkTheme');
+    if (!lightTheme || !darkTheme) return;
     if (theme === 'dark') {
       lightTheme.disabled = true;
       darkTheme.disabled  = false;
@@ -2024,27 +2036,29 @@
       darkTheme.disabled  = true;
       document.documentElement.style.backgroundColor = '';
     }
-    document.documentElement.style.visibility = 'visible';
+    // ✅ NO tocar visibility aquí — solo el script del <head> debe hacerlo al cargar
   }
 
+  // Aplicar tema guardado (sin tocar visibility)
   applyTheme(localStorage.getItem('theme') || 'light');
 
-  window.addEventListener('storage', function(e) {
+  // Sincronizar entre pestañas
+  window.addEventListener('storage', function (e) {
     if (e.key === 'theme') applyTheme(e.newValue);
   });
 
-  // ✅ SIN overlay — causa el flash blanco al cambiar pestaña
   function switchTheme() {
-    const darkTheme = document.getElementById('darkTheme');
-    const newTheme = darkTheme.disabled ? 'dark' : 'light';
+    var darkTheme = document.getElementById('darkTheme');
+    if (!darkTheme) return;
+    var newTheme = darkTheme.disabled ? 'dark' : 'light';
     applyTheme(newTheme);
     localStorage.setItem('theme', newTheme);
   }
 
   document.addEventListener('DOMContentLoaded', function () {
-    const btn = document.getElementById('modeSwitcher');
+    var btn = document.getElementById('modeSwitcher');
     if (!btn) return;
-    const newBtn = btn.cloneNode(true);
+    var newBtn = btn.cloneNode(true);
     btn.parentNode.replaceChild(newBtn, btn);
     newBtn.addEventListener('click', function (e) {
       e.preventDefault();