update toggle icon for dark mode switch
This commit is contained in:
parent
86b18e27cd
commit
a3f66fdd84
@ -47,16 +47,16 @@
|
|||||||
const savedMode = localStorage.getItem('mode');
|
const savedMode = localStorage.getItem('mode');
|
||||||
if (savedMode === 'dark') {
|
if (savedMode === 'dark') {
|
||||||
body.classList.add('dark-mode');
|
body.classList.add('dark-mode');
|
||||||
toggleIcon.textContent = '🌜';
|
toggleIcon.textContent = '🌞';
|
||||||
}
|
}
|
||||||
|
|
||||||
function setMode(mode) {
|
function setMode(mode) {
|
||||||
if (mode === 'dark') {
|
if (mode === 'dark') {
|
||||||
body.classList.add('dark-mode');
|
body.classList.add('dark-mode');
|
||||||
toggleIcon.textContent = '🌜';
|
toggleIcon.textContent = '🌞';
|
||||||
} else {
|
} else {
|
||||||
body.classList.remove('dark-mode');
|
body.classList.remove('dark-mode');
|
||||||
toggleIcon.textContent = '🌞';
|
toggleIcon.textContent = '🌜';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -61,7 +61,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<li>
|
<li>
|
||||||
<a class="toggle-container" href="#">
|
<a class="toggle-container" href="#">
|
||||||
<i class="toggle-icon" id="toggleIcon">🌞</i>
|
<i class="toggle-icon" id="toggleIcon">🌜</i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown user user-menu">
|
<li class="dropdown user user-menu">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user