Aller au contenu principal
SIMBIOS
Vous pouvez écouter cet article en podcast

A quoi correspond le mode sombre ?

La plupart des smartphones et des navigateurs proposent un mode de fonctionnement alternatif qui permet de privilégier un affichage blanc sur noir plutôt que noir sur blanc.

Ce mode de fonctionnement s’appelle généralement le mode sombre ou dark mode ou peut porter des noms similaires (dark theme, smart dark).

Les applications ou site internet qui ont fait l’effort de supporter cette fonctionnaltié doivent donc privilégier des fonds sombres voire noirs.

La différence visuelle entre le mode sombre et le mode clair sur le site Simbios

Voici le mode classique et le mode sombre sur le blog Simbios

A quoi sert le mode sombre ?

S’adapter à la luminosité ambiante

Le mode sombre permet de limiter la lumière provenant de son écran (un fond d’écran sombre émet moins de lumière qu’un fond blanc). Cela peut s’avérer confortable dans des environnements où il y a peu de lumière ambiante.

Une lisibilité généralement plus difficile

Dans certains cas, cela permet même d’améliorer la facilité de lecture. Toutefois, il semble accepté que de manière générale, la lecture noir sur fond blanc (mode positif) est plus efficace. Voici quelques études :

Une économie d’énergie

Pour afficher des couleurs sur l’écran, ce dernier doivent envoyer de la lumière, mais pour afficher du noir, il suffit de ne pas envoyer de lumière, ce qui ne consomme donc pas d’énergie. En proposant une interface composée majoritairement de noire, on fait donc des économies d’énergie.

Comme on l’a vu dans l’article sur l’impact environnemental des messageries, utiliser le mode sombre permet de diminuer jusqu’à 35% la consommation d’énergie de votre smartphone. Cela dépend évidemment des applications utilisées, mais il s’agit là d’un gain significatif.

Si vous n’êtes pas gêné par la lecture en mode sombre, je vous invite donc vivement à utiliser le mode sombre !

Comment activer le mode sombre ?

Mettre en place le mode sombre sur votre smartphone :

Mettre en place le mode sombre sur votre ordinateur :

Mettre en place le mode sombre sur votre navigateur web :

Pour les éditeurs de site ou application

Le mode sombre doit être géré au niveau de chaque site ou application. Ce n’est pas le navigateur qui changera les couleurs pour vous.

En HTML, il suffit de charger vos CSS avec

@media (prefers-color-scheme: dark) {
  /*
  Votre code CSS pour changer les couleurs d'affichage
  */
}

Plus d’information sur la documentation Mozilla

Retour aux articles