Introduction
Ce guide couvre le mode sombre, comment le sélectionner et comment l’activer.
Qu’est-ce que le mode sombre ?
Comme l’explique Forbes,
L’idée derrière le mode sombre est qu’il réduit la lumière émise par les écrans des appareils tout en maintenant les ratios de contraste de couleur minimum requis pour la lisibilité.
Le mode sombre est essentiellement un thème principalement sombre sur votre appareil (noir ou gris, généralement), avec du texte clair pour le contraste. Discourse propose de nombreux thèmes qui ont à la fois des schémas de couleurs clairs et sombres.
Comment sélectionner le mode sombre ?
Dans votre forum Discourse, votre administrateur doit d’abord l’installer. Sous admin/customize/themes, l’administrateur peut choisir ‘Dark’ dans la liste des thèmes populaires.
Ensuite, vous devrez aller dans my/preferences/interface pour changer de thème. Vous devriez voir cette page.
(Mobile)
Après cela, sélectionnez la liste déroulante où le thème actuel est affiché, ou sous la liste déroulante ‘Theme’. Dans mon cas, c’est Meta Branded.
Ensuite, choisissez dans la liste déroulante Dark, ou tout thème qui a un schéma de couleurs sombre (nous verrons comment faire dans un instant).
Après avoir sélectionné votre thème de choix, cliquez sur la liste déroulante Regular. Sélectionnez un schéma de couleurs qui contient le mot ‘Dark’. Les plus courants sont ‘Dark’, ‘WCAG Dark’ et ‘Solarized Dark’.
Sélectionner un schéma de couleurs pour le mode clair ne donnera pas de bons résultats en suivant ce guide. Il est conseillé de sélectionner ‘Dark’ pour ce guide, car c’est ce que nous utiliserons.
Après avoir fait tout cela, vous pouvez cliquer sur le bouton Save Changes en bas de la page. Cela fera passer Discourse en mode sombre (ou plutôt, un schéma de couleurs sombre).
À quoi sert la liste déroulante du mode sombre ?
Je sais que vous vous posez probablement la question.
Pour le dire simplement, le schéma de couleurs que vous y mettez est activé lorsque votre appareil est en mode sombre. Le schéma de couleurs sélectionné remplacera celui sélectionné dans la liste déroulante ‘Regular’ lorsque votre appareil est en mode sombre.
En général, vous ne changerez pas cela. Cependant, si vous avez sélectionné un schéma de couleurs dans ‘Regular’ et que vous souhaitez qu’il soit le même en ‘Dark mode’ sans avoir à changer constamment lorsque vous changez de schéma de couleurs, vous pouvez régler la liste déroulante ‘Dark mode’ sur ‘Same as regular’, afin que Discourse suive le schéma sélectionné dans ‘Regular’.
Si votre appareil est en mode clair, la liste déroulante ‘Dark mode’ n’aura aucun effet.
Alors… comment vérifier si un thème a un schéma de couleurs sombre ?
Ah, oui ! En gros, vous pouvez sélectionner un thème et jeter un coup d’œil aux schémas de couleurs pris en charge, et vérifier s’il y a des schémas de couleurs sombres. Un bon indicateur est de rechercher ‘WCAG Dark’, car c’est un schéma de couleurs qui suit les directives d’accessibilité.
Basculeur Sombre/Clair
Maintenant que ce composant a été fusionné dans le cœur, il n’est plus nécessaire de l’installer.
Voir ce sujet pour plus d’informations sur le basculeur :
Conclusion
Et voilà ! Vous avez réussi à trouver la zone pour changer votre thème en mode sombre et à expérimenter différents schémas de couleurs !
Sources et citations
Forbes : What Is Dark Mode – And Should You Be Using It? – Forbes Advisor UK
Ajout du mode sombre pour les administrateurs : Looking for default dark theme - #2 by JammyDodger
Toutes les informations de ce guide ne sont pas générées par l’IA, à l’exception des légendes d’images. Toutes les autres informations sont originales et, lorsqu’elles ne le sont pas, sont liées ci-dessus.
