<div id="modo-boton2" style="background-color: rgba(0, 0, 0, 0.

5); color: white;

padding: 10px; text-align: center; cursor: pointer;">Cambiar modo
claro/oscuro</div>
<script>
var cambioModo = false;
document.getElementById('modo-boton2').addEventListener('click', function () {
if (cambioModo) {
// Restablecer los colores personalizados del blog
document.querySelectorAll('body main *').forEach(function(elemento) {
elemento.style.color = '';
});
document.body.style.backgroundColor = '';
document.querySelector('.sidebar').style.backgroundColor = '';
cambioModo = false;
} else {
// Cambiar a los colores modificados
document.querySelectorAll('body main *').forEach(function(elemento) {
elemento.style.color = 'black';
});
document.body.style.backgroundColor = 'white';
document.querySelector('.sidebar').style.backgroundColor = 'white';
cambioModo = true;
}
});
</script>
<style>
body main #modo-boton2 {
/* Estilos específicos para el widget */
}
</style>