37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
/**
|
|
* Web & PC Studio - Theme Manager (Dark / Light Mode)
|
|
* Persisteert gebruikersvoorkeur in localStorage over alle pagina's.
|
|
*/
|
|
|
|
(function() {
|
|
const savedTheme = localStorage.getItem('wpc_theme') || 'dark';
|
|
document.documentElement.setAttribute('data-theme', savedTheme);
|
|
})();
|
|
|
|
function toggleTheme() {
|
|
const current = document.documentElement.getAttribute('data-theme') || 'dark';
|
|
const next = current === 'dark' ? 'light' : 'dark';
|
|
document.documentElement.setAttribute('data-theme', next);
|
|
localStorage.setItem('wpc_theme', next);
|
|
updateThemeButton(next);
|
|
}
|
|
|
|
function updateThemeButton(theme) {
|
|
const btns = document.querySelectorAll('.theme-btn');
|
|
btns.forEach(btn => {
|
|
if (theme === 'light') {
|
|
btn.innerHTML = '☀️ Thema: Licht';
|
|
btn.title = 'Schakel over naar Donker thema';
|
|
} else {
|
|
btn.innerHTML = '🌙 Thema: Donker';
|
|
btn.title = 'Schakel over naar Licht thema';
|
|
}
|
|
});
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const current = document.documentElement.getAttribute('data-theme') || 'dark';
|
|
updateThemeButton(current);
|
|
});
|
|
|