Fermer

CSS : utiliser les thèmes CSS sombres

MacOS a introduit depuis quelques temps maintenant, le thème sombre dans son environnement. Généralement le thème sombre va nous permettre d’avoir un texte blanc sur fond noir. Typiquement ce sont les fenêtres des terminaux, nos IDE… sont déjà configuré de cette façon.

Aujourd’hui, seul Safari supporte une méthode CSS pour que nos sites profitent de cette technologie. Le W3C travaille déjà à la standardisation de cette méthode.

On peut également vérifier que cette méthode va arriver très rapidement chez Chrome et Firefox.

Cette nouvelle méthode s’utilise de la même façon qu’un media-query. La propriété pour supporter les préférences de couleurs est :

Elle peut prendre 3 valeurs :

  • light : thème clair
  • dark : thème sombre
  • no-preference : aucune préférence ; valeur par défaut.

On l’utilisera de cette manière :

Le thème WordPress que j’utilise a désormais un thème sombre de définit :

Laisser un commentaire

Votre adresse email ne sera pas publié. Required fields are marked *