ThemeToggle

Toggle light/dark con persistencia local y fallback a prefers-color-scheme. Pruébalo en la barra superior.

En aislamiento

<ThemeToggle />

Cómo funciona

El componente lee localStorage["dil-theme"] al inicializar (sin flash). Si no hay valor, usa matchMedia("(prefers-color-scheme: dark)"). Al click, escribe data-theme en <html> y persiste.