Je vois de plus en plus de questions sur le Dark Mode sur les sites WordPress. Selon Sendesk “le Dark Mode est aujourd’hui à la fois une fonctionnalité de circonstance et un élément du vocabulaire visuel d’un produit.” Pour ma part je teste actuellement des solutions surtout pour l’administration WordPress, de manière à moins fatiguer mes yeux.
Les origines du Dark Mode
Les premiers ordinateurs étaient en Dark Mode par défaut sans le savoir ! Les caractères étaient le plus souvent en couleur alors que le reste de l’écran restait noir. C’est dans les années 2000 que le concept du Dark Mode est apparu suite à l’évolution de la qualité des écrans couleurs et de leur résolution.
On peut identifier 3 publics à qui le mode sombre doit parler plus qu’à d’autres :
- Les développeurs et développeuses : ils veulent travailler dans un contexte débarrassé de toute pollution visuelle lorsqu’ils/elles travaillent sur du code.
- Les gamers : le Dark Mode est une solution pour ne pas créer grand contraste lorsqu’ils passent d’un jeu vidéo (où les couleurs sont souvent foncées) à une page web.
- Les internautes nocturnes de manière générale : ils souhaitent pouvoir faire ressortir certains éléments dans le noir avec un effet de contraste peu agressif.
C’est assez souvent un public jeune qui utilise le Dark Mode, il n’a pas de difficultés à voir des caractères peu lumineux sur fond noir, c’est moins le cas des interenautes plus âgés, comme le montrent cette étude sur le sujet sur w3.org.
Quelle extension WordPress utiliser pour le Dark mode ?
Il en existe de nombreuses et j’ai testé plusieurs d’entre-elles :
Il y en a d’autres, on notera que certaines ce concentre sur l’administration WordPress et d’autre propose de passe aussi le site en entier en mode sombre. Dans ce denier cas il est important de disposer de nombreux réglages pour tous les éléments du site (accordéon, boîte à onglets, pages WooCommerce, tunnel e vente, etc) pour éviter tout écueil visuel qui serait indésirable.
Dark mode pour l’administration…
À l’instar de AboveWP Admin Dark Mode il me semble important, pour ceux qui travaille souvent dans l’administration WordPress, de pouvoir utiliser une interface qui réduit notablement la fatigue visuelle.
Gardez à l’esprit que toutes les extensions ne seront sans doute pas supportées, certaines ont une interface qui est largement en dehors des styles WordPress standards.
Avec AboveWP Admin Dark Mode par exemple, on constate que, si la plus grande partie de l’administration est bien en mode sombre, l’outil de personnalisation reste sur fond clair, l’édition d’un article ou d’une page affiche le fond en clair mais le reste de l’écran en sombre, rien de bien grave.



…ou Dark mode aussi pour le site en ligne ?
Une extension comme Dark Mode Toggle elle est dédiée au site en ligne (en gratuit) et ne touchera pas l’administration. Elle fonctionne correctement, mais fait une inversion des images (non réglable en gratuit). Il faut essayer les différentes extensions pour voir celle qui vous conviendra.


Passez au mode sombre. À essayer…
Source : un article sur Spendesk, extensions de Dark mode.




Une réponse
Bonjour et bonne année,
le fait qu’on ne puisse pas passer l’édition en Dark Mode (voire en couleur sombre au choix) rend la plupart des solutions inutiles pour travailler. Je n’ai pas trouvé de solution moi-même et de toute manière, ça devrait être géré nativement. Mais on sait à quel point l’interface de WP est à la pointe de l’ergonomie moderne.