En el modo dark o light mode del navegador a parte e cargarse la configuración del sistema operativo podemos permitir en JavaScript que el usuario seleccione su modo preferido.
Por un instantante al renderizarse la página se carga la configuración del estilo puesto por defecto, con lo que podemos tener un parpadeo indeseable de dicha configuración inicial.
Al poner el script en el header se lee la información almacenada en el fichero del store antes de cargar el resto de la página con lo cual garantizamos la forma correcta de carga.
<header>
<script>
const theme = localStorage.getItem('theme') || 'light'
document.documentElement.classList.add(theme)
</script>
</header>