25 lines
796 B
JavaScript
25 lines
796 B
JavaScript
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
const themeToggle = document.getElementById('theme-toggle');
|
||
|
|
const body = document.body;
|
||
|
|
|
||
|
|
// Vérifiez le thème actuel au chargement de la page
|
||
|
|
if (localStorage.getItem('theme') === 'dark-mode') {
|
||
|
|
body.classList.add('dark-mode');
|
||
|
|
} else {
|
||
|
|
body.classList.add('light-mode');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Ajoutez un écouteur d'événements pour basculer entre les thèmes
|
||
|
|
themeToggle.addEventListener('click', () => {
|
||
|
|
body.classList.toggle('dark-mode');
|
||
|
|
body.classList.toggle('light-mode');
|
||
|
|
|
||
|
|
// Enregistrez le thème actuel dans le stockage local
|
||
|
|
if (body.classList.contains('dark-mode')) {
|
||
|
|
localStorage.setItem('theme', 'dark-mode');
|
||
|
|
} else {
|
||
|
|
localStorage.setItem('theme', 'light-mode');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|