Gestire il dark mode in HTML

Bello il dark mode! Solo che alcune volte “spacca” i siti web.

Per disattivarlo è sufficiente mettere nell’header questo tag:

<meta name="color-scheme" content="light only">

Per indicare che è preferito non usarlo, ma si può fare, il tag è:

<meta name="color-scheme" content="light dark">

(“light” che è il primo è il preferito).

Il browser usa questa informazione insieme alle impostazioni del browser o del dispositivo per determinare quali colori usare per lo sfondo e il primo piano, per i controlli dei form e per le scrollbar.

Oppure si può usare il CSS:

:root {
         color-scheme: light only;
       }