Attribut color-scheme CSS

Définition et utilisation

color-scheme L'attribut indique quelle couleur de système d'exploitation l'élément doit utiliser pour le rendu.

Les choix courants des schémas de couleur du système d'exploitation sont "clair" (clair) et "sombre" (sombre), ou "mode jour" (mode jour) et "mode nuit" (mode nuit).

Exemple

Définir tout le site en mode couleur sombre :

:root {
  color-scheme: sombre;
}

Essayez-le vous-même

Syntaxe CSS

color-scheme: normal|clair|sombre|seulement clair|seulement sombre|clair sombre;

Valeur de l'attribut

Valeur Description
normal L'élément peut être rendu avec le schéma de couleur par défaut du système d'exploitation
clair L'élément peut être rendu avec le schéma de couleur clair du système d'exploitation
sombre L'élément peut être rendu avec le schéma de couleur sombre du système d'exploitation
seulement clair

L'élément doit être rendu uniquement avec le schéma de couleur clair du système d'exploitation.

Interdire au navigateur de couvrir le schéma de couleur de cet élément.
seulement sombre

L'élément doit être rendu uniquement avec le schéma de couleur sombre du système d'exploitation.

Interdire au navigateur de couvrir le schéma de couleur de cet élément.
clair sombre L'élément peut être rendu avec le schéma de couleur clair ou sombre du système d'exploitation (selon les paramètres de l'utilisateur)

Détails techniques

Valeur par défaut : normal
Héritabilité : oui
Version : Module de réglage des couleurs CSS niveau 1
Syntaxe JavaScript :

Support du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge pleinement cette propriété.

Chrome Edge Firefox Safari Opera
81 81 96 13 68