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.
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 :
- Positive display polarity is advantageous for both younger and older adults .
- Positive Display Polarity Is Particularly Advantageous for Small Character Sizes: Implications for Display Design .
- Effects of ambient illumination, contrast polarity, and letter size on text legibility under glance-like reading .
- Effects of Dark Mode on Visual Fatigue and Acuity in Optical See-Through Head-Mounted Displays (seule cette étude favorise le mode sombre).
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 :
- Passer au mode sombre ou au mode couleur sur votre appareil Android .
- Utiliser le Mode sombre sur votre iPhone et votre iPad .
Mettre en place le mode sombre sur votre ordinateur :
- Modifier les couleurs dans Windows (10 et 11) .
- Utiliser une apparence claire ou sombre sur votre Mac .
Mettre en place le mode sombre sur votre navigateur web :
- Naviguer en mode sombre ou avec le thème sombre sur Chrome .
- Changer les paramètres d’apparence des sites web dans Firefox .
- Utiliser le thème sombre dans Microsoft Edge .
- Comment activer le thème sombre sur Opera .
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
