Alternative Symbole

Dokumentation Entwicklerhandbücher
,
1

Von Haus aus bündelt Discourse Icons aus der ausgezeichneten FontAwesome-Bibliothek. Aber es gibt viele frei nutzbare Icon-Bibliotheken. Dieses Thema ist die Heimat alternativer Icon-Sets. Es listet einige Theme Components auf, die Sie jetzt ausprobieren können, beschreibt aber auch, wie Sie dazu beitragen können, dass Discourse andere Icon-Sets unterstützt.

Alternative Icon-Sets

Wenn Sie daran interessiert sind, ein anderes Icon-Set auszuprobieren, finden Sie hier eine Liste von Theme Components, die Sie testen können:

(Siehe How to install a theme or theme component für Hilfe bei der Installation eines dieser Repositories auf Ihrer Discourse-Seite.)

Diese Komponenten sind ein Work in Progress. Sie können sie verwenden, aber beachten Sie, dass nicht jedes einzelne Icon aus dem Kern eine geeignete Ersetzung hat. (Beiträge sind jedoch willkommen, siehe unten.)

Einige Screenshots:

image
image1824×1158 159 KB

Feather Icons (unter Verwendung des WCAG Dark Farbschemas)

image
image1926×1282 163 KB

Heroicons (unter Verwendung des WCAG Light Farbschemas)

image
image1732×1256 165 KB

Unicons (unter Verwendung des Grey Amber Farbschemas)

image
image1726×1256 163 KB

Phosphor Duotone (unter Verwendung des WCAG Light Farbschemas)

Mitwirken

Theme-Entwickler und Designer, dieser Abschnitt ist für Sie.

Die oben aufgeführten Komponenten werden mit dem discourse-alt-icons Utility-Repository generiert, das das Ersetzen von Icons im Discourse-Kern durch Icons aus anderen Open-Source-Icon-Sets rationalisiert. Das Herzstück des Repositorys ist ein Build-Skript, das eine Theme Component aus einer JSON-Datei mit Icon-Namenszuordnungen generiert.

Beiträge sind willkommen und erwünscht. Discourse verwendet viele Icons von FontAwesome, und das Finden von Übereinstimmungen aus anderen Icon-Sets ist eine unterhaltsame Aufgabe, aber zeitaufwändig. Wenn Sie helfen möchten, können Sie das discourse-alt-icons Repository klonen und die Schritte in der Readme befolgen, um Übereinstimmungen für Icons hinzuzufügen, die noch keine haben.

Unterstützung anderer Icon-Sets

Bitte verwenden Sie die folgenden Antworten, um das Hinzufügen der Unterstützung für ein anderes Icon-Set vorzuschlagen. Oder noch besser, mit ein wenig Arbeit können Sie einen Pull Request an das discourse-alt-icons Repository senden. Beachten Sie, dass nur Icon-Sets mit sehr permissiven Lizenzen (d. h. Modifikation, Verbreitung, private Nutzung müssen erlaubt sein) in Betracht gezogen werden.

Dieses Dokument wird versioniert – schlagen Sie Änderungen auf github vor.

30 „Gefällt mir“
Harmonizing Discourse icons and emojis
2

If anyone is looking to contribute an icon set, but doesn’t have one in mind:

MIT licensed, designed by the folks over at tailwindlabs.com

4 „Gefällt mir“
3

Hope to help, here are some icons you can use

4

Nice suggestion, I added this and updated the OP with a screenshot. It doesn’t have a lot of icons, for example, it has no icons for the composer toolbar, but the icons it does have are quite nice. Thanks!

2 „Gefällt mir“
5

Does this mean that Google Fonts is out of the question?

6

Google’s Material Icons license is permissive enough. But their repo is gigantic, and it might be time-consuming to find the path to each icon.

1 „Gefällt mir“
7

Yes, but once it’s done, you won’t have to do it again. :slight_smile:

1 „Gefällt mir“
8

Könnten wir zufällig auch die Phosphor Regular Icons bekommen?

2 „Gefällt mir“
9

Mit ein wenig Arbeit können Sie (oder eigentlich jeder) ein Phosphorus Regular-Repository aus dem Duotone-Repository erstellen. Ich bin gerne bereit, es zu überprüfen und in die Liste hier aufzunehmen, wenn wir ein Repository haben.

2 „Gefällt mir“
10

Das wäre fantastisch. Wir sollten standardmäßig eine Liste von Icon Sets in /admin haben, da FontAwesome irgendwie hässlich ist. :ok_man:

11

Hässlichkeit ist Geschmackssache. Aber heutzutage ist das Angebot an kostenlosen Icons von Font Awesome wirklich begrenzt.

Andererseits – wie viele wirklich gut aussehende Icons gibt es :joy:

13

Es scheint, dass beim Laden eines dieser Sätze die fehlenden Symbole nicht durch die standardmäßigen Font Awesome-Symbole ersetzt werden, sodass sie einfach leer und nicht sehr brauchbar sind… :thinking:

Ich mag das Feather-Set, aber es fehlen viele nützliche Symbole.

Ich habe einen PR im Repo erstellt. Einige Änderungen sind alles andere als perfekt, aber ein schlechtes Symbol ist immer noch besser als gar kein Symbol :smiling_face_with_tear:

Hier sind alle neu hinzugefügten Symbole (schlecht nach Stimmung codierte Seite, veraltete „Alternativen“-Spalte)

Haupt- und nicht so gute Änderungen:

image
Die Kreditkarte ist der Adresskarte in Bezug auf die Formen am ähnlichsten. Andere Alternativen könnten ein geschlossenes oder offenes Buch sein…

image
Das Beste ist das Fadenkreuz, denke ich. Ein einfacher Stift hat eine ziemlich ähnliche Form, aber es ist ein Stift und wird bereits für Bearbeitungen verwendet.

image
Nichts Ähnliches. Meiner Meinung nach passt das CPU-Symbol am besten. Ich habe es in meinem PR vermasselt und das Zap-Symbol verwendet, also werde ich einen weiteren PR senden, um dies zu beheben.

2 „Gefällt mir“
14

Mir sind gerade Lucide-Icons aufgefallen:

Dies ist ein Fork von Feather, der aktuell ist. Feather hat nur 287 Icons, Lucide hat 1701 (und sie haben natürlich die meisten, wenn nicht alle fehlenden Icons).

Beide Sets stehen unter der MIT-Lizenz.

Ich denke also, in diesem Fall sollte die Unterstützung für Feather fallen gelassen und durch Lucide ersetzt werden.

Mein Pull Request scheint jetzt etwas bedeutungslos zu sein :lolsob:

Vielleicht kann ich versuchen, ein Repository für dieses Set zu erstellen, falls das Team zustimmt…

3 „Gefällt mir“
15

Irrelevant, aber wenn man zu https://canapin.dev geht, ganz nach unten scrollt und auf das Forum von Virtualmin klickt, war es Discourse :discourse: !

1 „Gefällt mir“
16

Ich habe fast das gesamte Set an Lucide-Icons für Discourse erstellt, aber wo finde ich die vollständige Liste der von Discourse Core verwendeten Icons, damit ich keines übersehe?

Diese Vorlage discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub lässt einige aus. Ein einzelnes Beispiel, die Palette

17

könnte Ihnen helfen.

Plugins und Komponenten können zusätzliche Symbole hinzufügen. Ich bin mir nicht sicher, wie man dort beliebte findet. Es könnte sinnvoll sein, sich die Plugins anzusehen, die als #included-in-core gekennzeichnet sind. Eine Suche wie Repository search results · GitHub könnte also funktionieren.

1 „Gefällt mir“
18

Hier ist das Repository:

Fühlen Sie sich frei, es offiziell zu machen.

Font-Awesome

image
image2560×1271 258 KB

Lucide

image
image2560×1271 265 KB

3 „Gefällt mir“
19

Ist es möglich, andere Symbole in den Einstellungen hinzuzufügen? Es sieht so aus, als ob Zeitung, Mikrofon und Gamepad fehlen

20

Sicher. Ich muss auch das Schriftgrößen-Symbol aus dem Composer korrigieren.

Bearbeitung: Ich habe das vielleicht falsch verstanden, und ich bin mir nicht sicher, ob wir Discourse-Symbole aus einem der neuen Sätze außerhalb der Komponente ersetzen können :thinking:

1 „Gefällt mir“
21

Du,

Für eine vollständige Liste der in Discourse enthaltenen Symbole rufen Sie /styleguide in Ihrer Discourse-Instanz auf.

Von GitHub - discourse/discourse-alt-icons

Ich denke, das ist es, was KI mit mir macht, ich lese nicht einmal mehr die Dokumentation :person_facepalming:

Ich finde sie weder unter /styleguide noch unter discourse/lib/svg_sprite.rb at main · discourse/discourse · GitHub. Wo werden sie in Discourse verwendet?

2 „Gefällt mir“