24 lines
703 B
JavaScript
24 lines
703 B
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const themeSwitch = document.querySelector('#checkbox');
|
|
const body = document.body;
|
|
|
|
const currentTheme = localStorage.getItem('theme');
|
|
|
|
if (currentTheme) {
|
|
body.classList.add(currentTheme);
|
|
if (currentTheme === 'dark-mode') {
|
|
themeSwitch.checked = true;
|
|
}
|
|
}
|
|
|
|
themeSwitch.addEventListener('change', () => {
|
|
if (themeSwitch.checked) {
|
|
body.classList.add('dark-mode');
|
|
localStorage.setItem('theme', 'dark-mode');
|
|
} else {
|
|
body.classList.remove('dark-mode');
|
|
localStorage.setItem('theme', 'light-mode');
|
|
}
|
|
});
|
|
});
|