Dark mode

In layout specifichiamo lo sfondo da usare nella modalità Dark:


Prepariamo la pagina:


Rimuoviamo lo stile backgroundImage da tailwind.config.js
e aggiungiamo:

Spiegazione dettagliata, che comprende anche le diverse strategie per abilitare il dark mode e il modo per rendere persistente la scelta dell'utente:
https://prismic.io/blog/tailwind-css-darkmode-tutorial

Per rendere persistente la scelta memorizziamo una variabile theme nel localStorage: quando l'utente ricarica la pagina la scelta rimane memorizzata.
toggleTheme aggiunge e rimuove la classe dark all'elemento HTML della pagina.