MediaWiki:Common.js: mudanças entre as edições

← Edição anterior Edição posterior →

@@ Linha 15: / Linha 15: @@
    function updateLogo() {
-     if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    const body = document.body;
+     if (body.classList.contains('vector-dark') || body.classList.contains('skin-dark')) {
        logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-dark.png';
-      logo.style.height = '50px'; // mantém o tamanho que você quer
-      logo.style.width = 'auto';
-      logo.style.maxWidth = '100%';
      } else {
-       logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-light.png'; // sua versão light aqui
+       logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-light.png';
-      logo.style.height = '50px';
-      logo.style.width = 'auto';
-      logo.style.maxWidth = '100%';
      }
+    logo.style.height = '50px';
+    logo.style.width = 'auto';
+    logo.style.maxWidth = '100%';
    }
    updateLogo();
-   // Ouve mudanças no modo dark/light e atualiza logo na hora
+   // Observar mudanças na classe do body pra atualizar logo em tempo real
-   window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateLogo);
+   const observer = new MutationObserver(mutations => {
+    mutations.forEach(() => {
+      updateLogo();
+    });
+  });
+  observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
 });
 /* Alterar Texto Logo no Vector 2022 */