J’adore ce composant !
Mais j’ai un petit souci.
Il semble que le composant ne fonctionne que lorsque l’option « Activer le schéma de couleurs du mode sombre automatique » est activée. Mon problème survient lorsque l’option est activée et que la préférence du système est définie sur le mode sombre (c’est-à-dire, schéma de couleurs préféré : sombre).
Dans le scénario ci-dessus, lorsque j’essaie de passer à un thème clair via Préférences > Interface > Thème, rien ne se passe, ce qui me convient. Vraisemblablement, puisque ma préférence système est déjà définie sur le mode sombre, le passage au mode clair dans Discourse ne le remplace pas.
Lorsque je fais la même chose avec le composant Dark / Light Mode Toggle, et si ma préférence de thème dans Discourse est définie sur Clair, le basculeur me permet réellement de passer en mode clair (ce qui est encore mieux à mon avis), mais le logo du site dans l’en-tête reste en mode sombre et difficile à voir en mode clair. Lorsque je regarde dans l’inspecteur, je vois que l’élément ressemble à ceci :
<div class="title">
<a href="/" data-auto-route="true">
<picture>
<source srcset="<link to image>" media="(prefers-color-scheme: dark)">
<img src="<link to image>" id="site-logo" class="logo-big">
</picture>
</a>
</div>
J’ai remarqué la partie media=“(prefers-color-scheme: dark)” bien que nous soyons maintenant en mode clair défini par le basculeur.
Je dois ajouter que le logo du site bascule normalement entre le mode clair et le mode sombre lorsque l’option « Activer le schéma de couleurs du mode sombre automatique » dans Discourse est décochée. Mais cela empêche l’affichage du composant Dark / Light Mode Toggle ![]()
De plus, si ma préférence de thème dans Discourse est définie sur Sombre dans Préférences > Interface > Thème, et que ma préférence système est également sombre, le basculeur ne bascule pas entre clair et sombre — il reste toujours sur le thème sombre.
Idéalement, je préférerais que le composant Dark / Light Mode Toggle fonctionne comme il le fait actuellement, mais que le logo du site dans l’en-tête suive le réglage clair/sombre actuellement actif, et non le schéma de couleurs préféré du système de l’utilisateur.