MediaWiki:Common.js

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
• Opera: Pressione Ctrl-F5.

document.addEventListener('DOMContentLoaded', function () {
    // Cria o botão de alternância
    const toggle = document.createElement('button');
    toggle.innerText = 'Dark Mode';
    toggle.style.position = 'absolute';
    toggle.style.top = '10px';
    toggle.style.right = '10px';
    toggle.style.background = '#333';
    toggle.style.color = '#fff';
    toggle.style.border = '1px solid #444';
    toggle.style.padding = '5px 10px';
    toggle.style.cursor = 'pointer';
    toggle.style.zIndex = '1000'; // Garante que o botão fique visível sobre tudo

    // Adiciona a funcionalidade de alternância
    toggle.addEventListener('click', function () {
        document.body.classList.toggle('dark-mode');
        if (document.body.classList.contains('dark-mode')) {
            toggle.innerText = 'Light Mode';
        } else {
            toggle.innerText = 'Dark Mode';
        }
    });

    // Adiciona o botão no elemento da skin Timeless
    const timelessToolbar = document.querySelector('.mw-header');
    if (timelessToolbar) {
        timelessToolbar.appendChild(toggle);
    } else {
        // Caso a skin não seja Timeless, adiciona ao body
        document.body.appendChild(toggle);
    }
});