Check-Server-Status/darktheme.js

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');
}
});
});