Bascule mode sombre/claire maintenant disponible dans le noyau

[Osama]

Le composant de thème Dark/Light Mode Toggle, qui ajoute un interrupteur pour permettre aux utilisateurs de passer facilement du mode clair au mode sombre, a été fusionné dans le cœur de Discourse et peut être activé via le paramètre du site interface color selector.

En plus de diverses corrections de bugs et améliorations, la version principale diffère légèrement du composant de thème d’origine en ce qu’elle propose une troisième option « Auto » qui fait correspondre le mode couleur du site aux préférences système de l’appareil de l’utilisateur.

Le sélecteur de couleur peut être configuré via le paramètre du site interface color selector pour apparaître soit dans l’en-tête du site à côté de l’icône de recherche, soit dans le pied de page de la barre latérale.

Voici une capture d’écran lorsqu’il est dans le pied de page de la barre latérale :

Et voici lorsqu’il est dans l’en-tête :

Utilisateurs existants du composant de thème

Nous avons déprécié le composant de thème et publié une mise à jour finale pour qu’il détecte si la version principale est disponible et alerte les administrateurs pour qu’ils la suppriment et activent la version principale. Voici une capture d’écran de l’alerte administrateur :

Une fois la version principale activée, le composant de thème n’aura plus d’effet sur votre site. Cependant, vous devriez toujours le supprimer complètement pour éviter d’éventuels problèmes à l’avenir, car nous n’assurerons plus aucune maintenance pour ce composant de thème.

[Kevin7 (Kévin .)]

Bonjour, merci pour cette nouvelle fonctionnalité, mais je me demande pourquoi les boutons ont toujours du texte et des icônes noirs lors du passage en mode sombre au lieu de simplement passer au blanc. Comment puis-je faire en sorte que le texte et les icônes des boutons deviennent blancs lorsque le mode sombre est activé ? Merci.

[Osama]

@Kevin7

Je me demande pourquoi les boutons ont toujours du texte et des icônes noirs lorsqu’ils passent en mode sombre au lieu de simplement devenir blancs. Comment puis-je faire en sorte que le texte et les icônes des boutons deviennent blancs lorsque le mode sombre est activé ?

Pouvez-vous partager une capture d’écran du problème que vous rencontrez ?

[Kevin7 (Kévin .)]

Voici un exemple : lorsque je passe Discourse en mode sombre, certains textes de boutons restent noirs. Je pense qu’il serait plus logique que le texte soit blanc. Cependant, j’ai trouvé une solution en CSS qui, je pense, fonctionne bien pour résoudre ce problème.

$button-text-color: dark-light-choose(#ffffff, $primary);

:root {
  --button-text-color: #{$button-text-color};
}

.btn-primary {
  color: var(--button-text-color) !important;
  
  .d-icon {
    color: var(--button-text-color) !important;
  }
}

[Osama]

@Kevin7

certains textes de boutons restent noirs.

C’est une décision de conception intentionnelle de notre part pour les boutons principaux (ceux qui ont un fond bleu dans la palette de couleurs par défaut), nous ne le changerons donc pas pour tout le monde. Cela dit, Discourse est très flexible et dispose d’un système de thèmes pour remplacer les CSS de base.

[joo (slower)]

J’ai déjà effectué le réglage, mais je ne vois pas l’option. Pourriez-vous expliquer la raison ?

[Osama]

Avez-vous sélectionné une palette claire et une palette sombre dans vos préférences sur /my/preferences/interface ? Le bouton ne s’affichera que si une palette claire et une palette sombre sont sélectionnées :

[patrickemin]

Hi, I do not see that color palette setting in my preferences, only “Theme” and “Dark mode”:

[Osama]

Je pense que si vous cochez la case « Mode sombre » (je suppose que « Mode sombre » signifie dark mode en français), alors le bouton bascule apparaîtra pour vous. Pouvez-vous essayer ?

La préférence des palettes de couleurs dans mon dernier message ci-dessus s’affiche si votre site propose plusieurs palettes sombres que les utilisateurs peuvent sélectionner. S’il n’y a qu’une seule palette de couleurs disponible, le menu déroulant est remplacé par la case à cocher que vous voyez.

[Andrew_Rowe]

Vraiment désolé… où se trouve le réglage pour activer cette fonctionnalité ?
Cela n’a pas besoin d’installation ?
avec la nouvelle interface d’administration, je suis un peu désorienté

[StefanoCecere]

ne s’affiche pas sur mobile / iphone
sur ordinateur : parfait.
je me souviens que la version précédente (la version Composant) s’affichait.

[Jagster (Jakke Lehtonen)]

Montre juste que certains iPhones et forums fonctionnent.

C’est au cœur… cela signifie qu’il devrait apparaître en essayant le mode sans échec, je suppose. Si cela se produit, alors c’est un conflit avec un autre composant, thème ou plugin.

Sinon

• Discourse n’est pas assez récent
• le basculeur n’est pas activé dans les paramètres du site
• le mode sombre n’est pas activé au niveau du site ou dans les paramètres de l’utilisateur

[StefanoCecere]

étrange car cela fonctionnait il y a quelques jours
je reviendrai dans quelques jours… on verra
merci

[StefanoCecere]

je n’ai pas ces deux options… juste la version normale…

[StefanoCecere]

Bien reçu ! mais c’était difficile
dans un mélange de plusieurs paramètres et préférences personnelles… je pense que nous devrions rendre plus facile de donner à un thème les deux schémas de couleurs (sombre et clair)

[patrickemin]

@Osama

Je pense que si vous activez la case à cocher du mode sombre (je suppose que « Mode sombre » signifie dark mode en français), alors le bouton apparaîtra pour vous. Pouvez-vous essayer ?

Eh bien non, il n’apparaît pas dans le pied de page de la barre latérale.

[Osama]

@Andrew_Rowe

Vraiment désolé… où se trouve le paramètre pour activer cette fonctionnalité ?
Elle n’a pas besoin d’installation ?
avec la nouvelle interface d’administration, je suis un peu désorienté

Si vous allez sur /admin/site_settings/category/all_results?filter=interface_color_selector sur votre site, vous devriez pouvoir voir le paramètre.

@patrickemin

Eh bien non, il n’apparaît pas dans le pied de page de la barre latérale.

Si vous changez la préférence de votre système sur votre téléphone/ordinateur de clair à sombre (ou vice versa), votre interface Discourse change-t-elle pour correspondre à la préférence du système ou reste-t-elle inchangée (en mode clair ou sombre) ?

Étant donné que le sélecteur principal fonctionne ici et sur de nombreux autres sites, il doit y avoir un problème de configuration quelque part de votre côté qui empêche l’affichage du sélecteur. Pouvez-vous partager la sortie de ces commandes lorsque vous les exécutez dans la console de votre navigateur pendant que vous êtes connecté à votre compte ?

(({dark_scheme_id, color_scheme_id}) => { return {dark_scheme_id, color_scheme_id}} )((await (await fetch(`/u/${Discourse.User.current().username}.json`)).json()).user.user_option)

Discourse.SiteSettings.default_dark_mode_color_scheme_id

[patrickemin]

Salut, mon réglage est bon (en bas de la barre latérale). Si je passe en mode sombre sur mobile ou PC, non, cela ne change rien, et pour la console, je ne sais pas comment l’utiliser, désolé

[Jagster (Jakke Lehtonen)]

Mais vos paramètres de couleur sombre dans les paramètres système et/ou vos paramètres personnels ne sont probablement pas corrects.

[patrickemin]

Eh bien probablement, j’ai toujours eu des difficultés avec ce genre de réglages, mais ce n’est pas si important, je vais laisser comme ça, merci d’avoir essayé d’aider.