Proprietà CSS color-scheme

Definizione e uso

color-scheme L'attributo indica quale schema di colore del sistema operativo deve utilizzare l'elemento per la visualizzazione.

Le scelte comuni dello schema di colore del sistema operativo sono "chiaro" (chiaro) e "scuro" (scuro), o "modalità giorno" (giorno) e "modalità notte" (notte).

Esempio

Imposta l'intera pagina con lo schema di colore scuro:

:root {
  color-scheme: scuro;
}

Prova da solo

Sintassi CSS

color-scheme: normale|chiaro|scuro|solo chiaro|solo scuro|chiaro scuro;

Valore dell'attributo

Valore Descrizione
normale L'elemento può essere visualizzato utilizzando lo schema di colore predefinito del sistema operativo
chiaro L'elemento può essere visualizzato utilizzando lo schema di colore chiaro del sistema operativo
scuro L'elemento può essere visualizzato utilizzando lo schema di colore scuro del sistema operativo
solo chiaro

L'elemento dovrebbe essere visualizzato utilizzando solo lo schema di colore chiaro del sistema operativo.

È vietato al browser sovrascrivere lo schema di colore dell'elemento.
solo scuro

L'elemento dovrebbe essere visualizzato utilizzando solo lo schema di colore scuro del sistema operativo.

È vietato al browser sovrascrivere lo schema di colore dell'elemento.
chiaro scuro L'elemento può essere visualizzato con il schema di colore chiaro o scuro del sistema operativo (a seconda delle impostazioni dell'utente)

Dettagli tecnici

Valore predefinito: normale
Ereditarietà: sì
Versione: Modulo di regolazione del colore CSS Livello 1
Sintassi JavaScript:

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
81 81 96 13 68