Testdrive/theme.js

/**
 * 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);
});