7 974
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 17: | Linha 17: | ||
document.addEventListener('DOMContentLoaded', function () { | document.addEventListener('DOMContentLoaded', function () { | ||
const toggleDarkModeDiv = document.getElementById('toggleDarkMode'); | const toggleDarkModeDiv = document.getElementById('toggleDarkMode'); | ||
const | const mw-panel = document.getElementById('mw-panel'); | ||
// Verifica se o modo escuro está ativado | // Verifica se o modo escuro está ativado | ||
Linha 26: | Linha 26: | ||
// Adiciona um ouvinte de evento para alternar o modo escuro | // Adiciona um ouvinte de evento para alternar o modo escuro | ||
toggleDarkModeDiv.addEventListener('click', function () { | toggleDarkModeDiv.addEventListener('click', function () { | ||
if ( | if (mw-panel.classList.contains('dark-mode')) { | ||
// Desativa o modo escuro se estiver ativado | // Desativa o modo escuro se estiver ativado | ||
disableDarkMode(); | disableDarkMode(); | ||
Linha 37: | Linha 37: | ||
function enableDarkMode() { | function enableDarkMode() { | ||
// Ativa o modo escuro | // Ativa o modo escuro | ||
mw-panel.classList.add('dark-mode'); | |||
// Salva o estado no localStorage | // Salva o estado no localStorage | ||
localStorage.setItem('darkMode', 'enabled'); | localStorage.setItem('darkMode', 'enabled'); | ||
Linha 44: | Linha 44: | ||
function disableDarkMode() { | function disableDarkMode() { | ||
// Desativa o modo escuro | // Desativa o modo escuro | ||
mw-panel.classList.remove('dark-mode'); | |||
// Salva o estado no localStorage | // Salva o estado no localStorage | ||
localStorage.setItem('darkMode', null); | localStorage.setItem('darkMode', null); | ||
} | } | ||
}); | }); |