24 lines
861 B
JavaScript
24 lines
861 B
JavaScript
|
document.addEventListener("DOMContentLoaded", function () {
|
||
|
|
const darkModeToggle = document.getElementById('dark-mode-toggle');
|
||
|
|
|
||
|
|
if (localStorage.getItem('theme') === 'dark') {
|
||
|
|
document.body.classList.add('dark-mode');
|
||
|
|
document.querySelectorAll('.container, label, th, td, a, table, h1').forEach(el => {
|
||
|
|
el.classList.add('dark-mode');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
darkModeToggle.addEventListener('click', function () {
|
||
|
|
document.body.classList.toggle('dark-mode');
|
||
|
|
document.querySelectorAll('.container, label, th, td, a, table, h1').forEach(el => {
|
||
|
|
el.classList.toggle('dark-mode');
|
||
|
|
});
|
||
|
|
|
||
|
|
if (document.body.classList.contains('dark-mode')) {
|
||
|
|
localStorage.setItem('theme', 'dark');
|
||
|
|
} else {
|
||
|
|
localStorage.setItem('theme', 'light');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|