He creado una función JS para alternar el tema oscuro y el tema claro, todo funciona, pero este de navegación no funciona.
nav[role="navigation"].dark{ background-color: #2a2a2a; }
y mi Javascript
document.getElementById("dark").addEventListener('click', () => { document.body.classList.toggle('dark') localStorage.setItem( 'theme', document.body.classList.contains('dark') ? 'dark' : 'light' ) })
Si la clase dark
se aplica al cuerpo, su selector probablemente debería ser .dark nav[role="navigation"]
y no nav[role="navigation"].dark
.dark nav[role="navigation"] { background-color: #2a2a2a; }