-
Notifications
You must be signed in to change notification settings - Fork 1
/
darkmode.js
29 lines (24 loc) · 1023 Bytes
/
darkmode.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
let trilho = document.getElementById('trilho')
let body = document.querySelector ('body')
trilho.addEventListener('click', ()=>{
trilho.classList.toggle('dark')
body.classList.toggle('dark')
})
document.addEventListener('DOMContentLoaded', function() {
let trilho = document.getElementById('trilho');
let body = document.body;
// Verificar e aplicar o modo escuro salvo
let modoEscuroAtivo = localStorage.getItem('modoEscuroAtivo');
if (modoEscuroAtivo === 'true') {
trilho.classList.add('dark');
body.classList.add('dark');
}
// Adicionar evento de clique ao botão de alternância de modo
trilho.addEventListener('click', () => {
// Alternar a classe 'dark' no botão e no body
trilho.classList.toggle('dark');
body.classList.toggle('dark');
// Salvar o estado do modo escuro no armazenamento local
localStorage.setItem('modoEscuroAtivo', body.classList.contains('dark'));
});
});