Change Dark Mode toggle button to fontawesome icons

This commit is contained in:
Patrick Schwarzer 2025-05-11 04:26:08 +02:00
parent d355176be1
commit 7757511a4d
3 changed files with 5 additions and 4 deletions

View file

@ -5,7 +5,7 @@ document.addEventListener("DOMContentLoaded", () => {
function toggleDarkMode(save){
const isLightMode = body.classList.toggle("light-mode");
darkModeButton.textContent = isLightMode ? "☀️" : "🌙";
darkModeButton.innerHTML = isLightMode ? '<i class="fa-solid fa-sun"></i>' : '<i class="fa-solid fa-moon"></i>';
if (save){
localStorage.setItem("theme", isLightMode ? "light" : "dark");
@ -16,7 +16,7 @@ document.addEventListener("DOMContentLoaded", () => {
const theme = localStorage.getItem("theme");
if (theme === "light"){
body.classList.add("light-mode");
darkModeButton.textContent = "☀️";
darkModeButton.innerHTML = '<i class="fa-solid fa-sun"></i>';
}
darkModeButton.addEventListener("click", () => {