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 de réduire la lumière émise par les écrans des appareils tout en maintenant les rapports de contraste de couleur minimaux 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 disposant à la fois de schémas de couleurs clairs et sombres.
Comment sélectionner le mode sombre ?
Dans votre forum Discourse, votre administrateur doit d’abord l’installer. Dans admin/customize/themes, l’administrateur peut choisir « Dark » dans la liste des thèmes populaires.
Ensuite, vous devrez vous rendre dans my/preferences/interface pour changer de thème. Vous devriez voir cette page.
(Mobile)
Après cela, sélectionnez le menu déroulant où le thème actuel est affiché, ou sous le menu déroulant « Theme ». Dans mon cas, il s’agit de « Meta Branded ».
Ensuite, choisissez dans le menu déroulant « Dark », ou n’importe quel thème ayant 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 le menu déroulant « Regular ». Sélectionnez n’importe quel schéma de couleurs contenant le mot « Dark » dans son nom. Les plus courants incluent « Dark », « WCAG Dark » et « Solarized Dark ».
Sélectionner n’importe quel schéma de couleurs pour le mode clair ne donnera pas de bons résultats en suivant ce guide. Il est recommandé de sélectionner « Dark » pour ce guide, car c’est celui que nous utiliserons.
Après avoir fait tout cela, vous pouvez cliquer sur le bouton Save Changes en bas de la page. Cela permettra à Discourse d’activer le mode sombre (ou, plutôt, un schéma de couleurs sombre).
À quoi sert le menu déroulant du mode sombre ?
Je sais que vous vous demandez probablement cela.
Pour faire simple, le schéma de couleurs que vous y placez est activé lorsque votre appareil est en mode sombre. Le schéma de couleurs sélectionné remplacera celui choisi dans le menu déroulant « Regular » lorsque votre appareil est en mode sombre.
Généralement, vous ne changeriez pas cela. Cependant, si vous avez sélectionné un schéma de couleurs dans « Regular » et souhaitez qu’il soit identique dans le « mode sombre » sans avoir à basculer constamment lors du changement de schéma de couleurs, vous pouvez définir le menu déroulant « Dark mode » sur « Same as regular », afin que Discourse suive le schéma sélectionné dans « Regular ».
Si votre appareil est en mode clair, le menu déroulant « Dark mode » n’aura aucun effet.
Alors… comment vérifier si un thème possède 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, puis vérifier s’il existe des schémas de couleurs sombres. Un bon indicateur est de rechercher « WCAG Dark », car c’est un schéma de couleurs qui respecte les directives d’accessibilité.
Bascule Mode Sombre/Mode Clair
Maintenant que ce composant a été intégré au cœur du système, il n’est plus nécessaire de l’installer.
Consultez ce sujet pour plus d’informations sur la bascule :
Conclusion
C’est tout ! Vous avez réussi à localiser la zone permettant de changer votre thème en mode sombre et à expérimenter différents schémas de couleurs !
Sources et Citations
Forbes : https://www.forbes.com/uk/advisor/mobile-phones/what-is-dark-mode-and-should-you-be-using-it/
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 une IA, à l’exception des légendes des images. Toutes les autres informations sont originales et, lorsqu’elles ne le sont pas, sont liées ci-dessus.
