15 ottobre 2026
Immagini in dark mode senza media query: usare light-dark() in CSS
Gestire immagini diverse tra light e dark mode è sempre stato un punto dolente: CSS media query, duplicazioni e componenti difficili da “isolare”. Con la funzione CSS light-dark() oggi puoi scegliere due valori alternativi (chiaro/scuro) senza scrivere prefers-color-scheme, e in molti casi funziona anche con le immagini. Vediamo come applicarla, come “bloccare” una sezione in una specifica color scheme e quali attenzioni avere su ereditarietà e supporto browser.