Change Dark Mode toggle button to fontawesome icons
This commit is contained in:
parent
d355176be1
commit
7757511a4d
3 changed files with 5 additions and 4 deletions
|
@ -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", () => {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue