Können die Icons nur beim Self-Hosting geändert werden? Die Icons haben einen Hintergrund, der mit meiner Hintergrundfarbe falsch aussieht. Durch das Entfernen des SVG-Hintergrunds würden sie besser aussehen.
Die SVG-Icons sollten die Farbpalette des Benutzers berücksichtigen. Sie können die Icons selbst in der Theme-Komponente ändern, wenn Sie Zugriff auf die Komponenten auf Ihrer Website haben. Können Sie mehr Details zu Ihrem Problem mitteilen, vielleicht mit einem Screenshot? Können Sie außerdem bestätigen, dass Sie den Hell- und Dunkelmodus in Ihren Einstellungen korrekt eingerichtet haben?
Vielen Dank, so sieht es aus:
Ich habe festgestellt, dass es mit dem Zustand des Buttons zusammenhängt. Wenn ich irgendwo auf den Hintergrund der Seite klicke, sieht es gut aus, das graue Quadrat verschwindet und die Farbe des Mondes ist die gleiche wie die der Lupe. Ich habe versucht, Farben im Theme zu ändern, aber ich konnte keine finden, die diese steuert.
Ich lasse es jetzt an, damit Sie es sehen können:
Außerdem möchte ich das Symbol in circle-half-stroke ändern, aber meine Versuche waren nicht erfolgreich.
Ich verstehe, was Sie meinen. Ich habe einen kleinen Screencast gemacht, um es zu demonstrieren.
Dasselbe passiert auf meiner Website (und hier auf Meta), auch mit dem Selektor in der Seitenleiste. Es ist ein wenig weniger hässlich, weil die Farben näher beieinander liegen und der Button im Header nicht so auffällig ist wie in Ihrem Fall.
Es ist wahrscheinlich eine ziemlich kleine Designkorrektur, um dies zu verhindern, und ich stimme zu, dass es eine gute Idee ist.
Ich glaube, derzeit gibt es keine Einstellung, um die Symbole zu bearbeiten. Es gibt eine Einstellung, die sicherstellt, dass die verwendeten Symbole geladen werden, aber die Symbole sind nicht anpassbar, ohne die Komponente zu forken oder eine Einstellung zur Anpassung hinzuzufügen.
Das ist interessant. Ich frage mich, was die Einstellung svg icons bewirkt? Ich habe versucht, diese auf SVG-Icons zu ändern, die in der Seitenleiste verwendet werden, z. B. circle und circle-half-stroke, aber das führte nur dazu, dass das Sonnensymbol nicht angezeigt wurde. Das Mondsymbol wird weiterhin angezeigt.
Es fügt die Icons hinzu. Diese Einstellung ist hilfreich für Komponenten, bei denen Administratoren Icons auswählen können, wie z. B. benutzerdefinierte Header-Icons. Dort können Sie die Einstellung verwenden, um die gewünschten Icons hinzuzufügen, damit sie geladen werden.
Ich denke, wenn die Icons nicht angepasst werden können, könnten sie auch in about.json hinzugefügt werden. Aber ich lerne noch, wie Themes funktionieren.
Ich habe die Sonne und den Mond in meinem Forum leicht durch das Yin-Yang ersetzt, indem ich dies in den Head-Tag von Edit / CSS einer Komponente eingefügt habe (ich habe auch das Bot-Symbol durch einen Blitz ersetzt).
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('robot', 'bolt');
api.replaceIcon('sun', 'yin-yang');
api.replaceIcon('moon', 'yin-yang');
</script>
Ich fand es einfach einfacher, es auf diese Weise zu tun. ![]()



