FormMaker/static/theme.js
2024-09-03 22:11:12 -06:00

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