<div onclick="theme()" class="theme">
<img id ="theme"src="elements/dark.svg"/>
</div>```
______________________________________________
let bodydark = document.getElementById('body');
function theme() {
document.getElementById("theme").src="elements/light.png";
change_theme();
}
function change_theme() {
bodydark.style.background = 'var(--overlay)';
let div_wrapper = document.getElementById("q1").style.backgroundColor = '#091b38';
let div_wrapper1 = document.getElementById("q2").style.backgroundColor = '#091b38';
let div_wrapper2 = document.getElementById("q3").style.backgroundColor = '#091b38';
}
Basicamente esse código ao clicar na div uma funçao theme() altera o src da div e muda o tema para dark, gostaria que fosse possível ao clicar novamente na div voltar ao padrão, parecido como o alterar tema do google chrome. Por favor me ajudemm! não sei se a palavra certa seria desativar a funcao ja existente, mas eu tentei colocar 2 functions dentro da div, uma para mudar o tema e outra pra dar um reloader na página, mas meio que uma entra em conflito na outra e executa as duas ao mesmo tempo e a pagina fica dark e recarrega assim por diante!