Делаю тёмную тему и хочу, чтобы кнопка смены тем менялась. То есть чтобы включить тёмную - иконка луны, чтобы перейти на светлую иконка солнца. Что есть сейчас:
Кнопка
<button class="mode-switch d-none d-lg-block" title="Сменить тему" id="toggleThemeBtn">
<svg class="moon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24" height="24" viewBox="0 0 24 24">
<defs></defs>
<path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
</svg>
</button>
Подключенный скрипт:
if (!localStorage.theme) localStorage.theme = "light"
document.body.className = localStorage.theme
toggleThemeBtn.onclick = () => {
document.body.classList.toggle("dark")
localStorage.theme = document.body.className || "light"
}
Подскажите пожалуйста, как сделать смену иконок