DarkModeToggle

<label>
    <input type="checkbox" id="dark-mode-toggle">
    Dark Mode
</label>
/* Light Theme */
body {
    background-color: white;
    color: black;
}

/* Dark Theme */
body.dark-mode {
    background-color: black;
    color: white;
}
const toggleSwitch = document.getElementById('dark-mode-toggle');

// Function to toggle dark mode
const toggleDarkMode = () => {
    document.body.classList.toggle('dark-mode', toggleSwitch.checked);
    localStorage.setItem('dark-mode', toggleSwitch.checked);
};

// Event listener for toggle switch
toggleSwitch.addEventListener('change', toggleDarkMode);

// Load user preference on page load
window.addEventListener('load', () => {
    const darkModePreference = localStorage.getItem('dark-mode') === 'true';
    toggleSwitch.checked = darkModePreference;
    if (darkModePreference) {
        document.body.classList.add('dark-mode');
    }
});