window.addEventListener('load', function () {
let darkToggle = document.querySelector('#darkToggle');
let lightModeImg = document.querySelector('#lightModeImg');
let darkModeImg = document.querySelector('#darkModeImg');
// Initialize icon visibility based on current mode
if (document.body.classList.contains('dark')) {
lightModeImg.style.display = 'none';
darkModeImg.style.display = 'block';
} else {
lightModeImg.style.display = 'block';
darkModeImg.style.display = 'none';
}
// Handle toggle click
darkToggle.addEventListener('click', () => {
if (document.body.classList.contains('dark')) {
document.body.classList.remove('dark');
lightModeImg.style.display = 'block';
darkModeImg.style.display = 'none';
document.cookie = 'darkMode=false; path=/; max-age=31536000';
} else {
document.body.classList.add('dark');
lightModeImg.style.display = 'none';
darkModeImg.style.display = 'block';
document.cookie = 'darkMode=true; path=/; max-age=31536000';
}
});
})
