33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
// Check if user preference for dark mode is stored in a cookie
|
|
let darkModeEnabled = (document.cookie.indexOf('darkModeEnabled=true') !== -1);
|
|
|
|
// Apply dark mode based on the user's preference
|
|
function applyDarkMode() {
|
|
const theme = darkModeEnabled ? "dark" : "light";
|
|
document.documentElement.setAttribute("data-bs-theme", theme);
|
|
|
|
// Change the icon based on the theme
|
|
const icon = darkModeEnabled ? "fa-sun" : "fa-moon";
|
|
const iconElement = document.getElementById("darkModeIcon");
|
|
iconElement.classList.remove(darkModeEnabled ? "fa-moon" : "fa-sun");
|
|
iconElement.classList.add(icon);
|
|
}
|
|
|
|
// Toggle dark mode and store the preference in a cookie
|
|
function toggleDarkMode() {
|
|
darkModeEnabled = !darkModeEnabled;
|
|
const expirationDate = new Date();
|
|
expirationDate.setFullYear(expirationDate.getFullYear() + 1);
|
|
const cookieValue = `darkModeEnabled=${darkModeEnabled}; expires=${expirationDate.toUTCString()}`;
|
|
document.cookie = cookieValue;
|
|
applyDarkMode();
|
|
}
|
|
|
|
// Add event listener to the toggle button if it exists
|
|
const darkModeButton = document.getElementById("darkModeButton");
|
|
if (darkModeButton) {
|
|
darkModeButton.addEventListener("click", toggleDarkMode);
|
|
}
|
|
|
|
// Apply dark mode on page load
|
|
applyDarkMode();
|