Básicamente, obtuve un modo oscuro en la página principal, con el guión (de W3schools):
<script> function darklightmode() { var element = document.body; element.classList.toggle("dmode"); } </script>Y el botón:
<button onclick="darklightmode()" style="background:none; border: none;"> <img src="images/ld-icon.png" class="icon"> </button>y algo de CSS solo por ejemplo:
.dmode li a{ transition: 1s all; color: #2E3440; background: none;}Entonces, ¿cómo puedo, con algo de Javascript, hacer que el modo que el usuario está usando permanezca entre las páginas y no vuelva al valor predeterminado al acceder a otra página?
Principiante aquí, cualquier ayuda apreciada.
Necesitarías almacenar el tema actual en alguna parte. Intente usar el almacenamiento local.
Ejemplo de ¿Cómo configuro el tema del modo oscuro en varias páginas? (esta pregunta es un duplicado):
checkbox.addEventListener( 'change', function() { localStorage.setItem('dark',this.checked); if(this.checked) { body.classList.add('dark') } else { body.classList.remove('dark') } });y esto en cada pagina:
if(localStorage.getItem('dark')) { body.classList.add('dark'); }