webbed-site/static/js/theme.js

26 lines
No EOL
892 B
JavaScript

const storedStyle = localStorage.getItem('style');
if (!storedStyle) {
setTheme('green');
} else {
setTheme(storedStyle);
}
const switches = document.getElementsByClassName('switch');
for (const el of switches) {
el.addEventListener('click', () => {
setTheme(el.dataset.theme);
});
}
function setTheme(theme) {
if (theme === 'peach') {
document.getElementById('switcher-id').href = '/css/peach.css';
} else if (theme === 'moon') {
document.getElementById('switcher-id').href = '/css/moon.css';
} else if (theme === 'sakura') {
document.getElementById('switcher-id').href = '/css/sakura.css';
} else if (theme === 'fishcake') {
document.getElementById('switcher-id').href = '/css/fishcake.css';
} // when adding new themes, be sure to also add it to /templates/alt-sidebar.html and style.css under "switch" //
localStorage.setItem('style', theme);
}