theme.js

// Theme Management
function initializeTheme() {
    const themeSwitch = document.getElementById('theme-switch');
    const body = document.body;

    // Check for saved theme preference
    const savedTheme = localStorage.getItem('theme');
    if (savedTheme === 'light') {
        body.classList.add('light-theme');
        if (themeSwitch) themeSwitch.checked = true;
    } else {
        body.classList.add('dark-theme');
    }

    // Theme switch event listener
    if (themeSwitch) {
        themeSwitch.addEventListener('change', () => {
            if (themeSwitch.checked) {
                body.classList.remove('dark-theme');
                body.classList.add('light-theme');
                localStorage.setItem('theme', 'light');
            } else {
                body.classList.remove('light-theme');
                body.classList.add('dark-theme');
                localStorage.setItem('theme', 'dark');
            }
        });
    }
}

// Initialize theme when the script loads
document.addEventListener('DOMContentLoaded', initializeTheme);