Dans la page de configuration du forfait gratuit de Discourse, les options sont assez difficiles à lire :
6 « J'aime »
@derek J’ai essayé de trouver cette page, mais tu seras plus rapide sans aucun doute
2 « J'aime »
Salut @NateDhaliwal ! Je n’ai pas pu reproduire cela dans Chrome, Safari et FF sur MacOS en mode sombre :
Cependant, j’ai trouvé une variable CSS manquante sur l’arrière-plan du mode sombre pour ces bascules qui pourrait être la coupable. Je viens de pousser un correctif :
4 « J'aime »
Bonjour @derek, je signale toujours cela sur Chrome, Windows 10.
Êtes-vous sûr que ce n’est pas un problème de cache ? Avez-vous essayé un rechargement forcé (Ctrl+Maj+R) ? Avez-vous installé Dark Reader ?
Oui, je viens d’essayer ça, aucun changement. Aucune erreur dans la console du navigateur (bien que j’en doute).
Je viens de vérifier sur mon téléphone (iOS/Orion) et cela semble conforme à ce qui était prévu. Essayez d’aller sur /wizard sur le site avec un navigateur différent, de préférence un qui ne l’a jamais visité auparavant
1 « J'aime »
@NateDhaliwal Je viens d’essayer ceci dans Chrome sur Windows 10 sans réussir à le reproduire. Voyez-vous cela localement ou sur une instance hébergée ?
Pourriez-vous inspecter l’élément bascule dans les outils de développement (clic droit → Inspecter) et partager ce que vous voyez dans le panneau des styles ?
1 « J'aime »
J’ai examiné les styles et voici ce qui semble être la partie clé :
La variable --1e94960e-csstools-light-dark-toggle--2 contrôle la couleur d’arrière-plan ici.
D’après ce que je peux voir, la variable --wizard-primary-900 et la définition de la variable --csstools-color-scheme--light ressemblent à ceci :
Si l’on modifie la background-color, ou si l’on ajoute les variables et que l’on met des couleurs aléatoires comme green ou yellow, les choses semblent plus « correctes » (bien que franchement, je ne sache pas pourquoi le vert ou le jaune n’apparaissent pas : je soupçonne une syntaxe incorrecte ?) :
3 « J'aime »
Merci pour les détails @NateDhaliwal. Mon intuition est que cela est lié à cette variable CSS manquante lorsqu’il y a un mode clair/sombre, et à la manière dont elle est compilée via PostCSS. Il semble que le navigateur revienne à la couleur d’arrière-plan du mode clair, ce qui est étrange car je ne peux pas reproduire cela.
À en juger par les captures d’écran, ma correction n’avait pas encore été déployée sur votre instance. Elle devrait y être déployée maintenant, alors réessayez et faites-moi savoir si vous remarquez toujours quelque chose d’anormal.
1 « J'aime »