Les icônes peuvent-elles être modifiées uniquement lors de l’auto-hébergement ? Les icônes ont un arrière-plan qui ne correspond pas à ma couleur d’arrière-plan. En supprimant l’arrière-plan SVG, elles seraient plus belles.
Les icônes SVG doivent respecter la palette de couleurs de l’utilisateur. Vous pouvez modifier les icônes elles-mêmes dans le composant de thème, si vous avez accès aux composants sur votre site. Pouvez-vous partager plus de détails sur votre problème, peut-être avec une capture d’écran ? Pouvez-vous également confirmer que le mode clair et le mode sombre sont correctement configurés dans vos paramètres ?
Merci, voici à quoi cela ressemble :
J’ai réalisé que cela était lié à l’état du bouton. Si je clique quelque part sur l’arrière-plan de la page, alors cela a une belle apparence, le carré gris disparaît et la couleur de la lune est la même que celle de la loupe. J’ai essayé de changer les couleurs dans le thème, mais je n’ai pas trouvé celle qui contrôle celle-ci.
Je vais la laisser activée pour l’instant afin que vous puissiez voir :
De plus, j’aimerais changer l’icône en circle-half-stroke, mais mes tentatives n’ont pas abouti.
Je vois ce que vous voulez dire. J’ai fait un petit screencast pour le démontrer.
La même chose se produit sur mon site (et ici sur meta), même avec le sélecteur dans la barre latérale. C’est un peu moins laid parce que les couleurs sont plus proches, et le bouton n’est pas aussi proéminent dans l’en-tête que dans votre cas.
C’est probablement une correction de conception assez mineure pour l’éviter et je suis d’accord que c’est une bonne idée.
Je pense qu’il n’y a pas de paramètre pour modifier les icônes pour le moment. Il existe un paramètre qui garantit que les icônes utilisées sont chargées, mais les icônes ne sont pas personnalisables sans forker le composant ou ajouter un paramètre pour la personnalisation.
C’est intéressant. Je me demande à quoi sert le réglage svg icons ? J’ai essayé de changer ces icônes pour des icônes SVG utilisées dans la barre latérale, par exemple circle et circle-half-stroke, mais cela n’a fait que masquer l’icône du soleil. L’icône de la lune continue de s’afficher.
Il ajoute les icônes. Ce paramètre est utile pour les composants où les administrateurs peuvent choisir des icônes, comme les icônes d’en-tête personnalisées. Là, vous pouvez utiliser le paramètre pour ajouter les icônes que vous souhaitez utiliser, afin qu’elles soient chargées.
Je pense que lorsque vous ne pouvez pas personnaliser les icônes, elles peuvent également être ajoutées dans about.json. Mais j’apprends encore comment fonctionnent les thèmes.
J’ai facilement remplacé le soleil et la lune sur mon forum par le yin-yang, en plaçant ceci dans la balise head de l’édition / css d’un composant (j’ai aussi remplacé l’icône du bot par un éclair).
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('robot', 'bolt');
api.replaceIcon('sun', 'yin-yang');
api.replaceIcon('moon', 'yin-yang');
</script>
J’ai trouvé qu’il était plus facile de faire ainsi. ![]()



