Icone alternative

Di default, Discourse include icone dall’eccellente libreria FontAwesome. Ma ci sono molte librerie di icone gratuite da usare. Questo argomento è la sede di set di icone alternativi. Elenca alcuni componenti tema che puoi provare subito, ma descrive anche come puoi contribuire affinché Discourse supporti altri set di icone.

Set di icone alternativi

Se sei interessato a provare un set di icone diverso, ecco un elenco di componenti tema che puoi provare:

(Vedi Come installare un tema o un componente tema per aiuto nell’aggiungere uno di questi repository al tuo sito Discourse.)

Questi componenti sono un lavoro in corso. Puoi usarli, ma tieni presente che non tutte le icone del core avranno una sostituzione appropriata. (I contributi sono benvenuti, comunque, vedi sotto.)

Alcuni screenshot:

Feather icons (usando lo schema colore WCAG Dark)


Heroicons (usando lo schema colore WCAG Light)


Unicons (usando lo schema colore Grey Amber)


Phosphor Duotone (usando lo schema colore WCAG Light)

Contribuire

Sviluppatori di temi e designer, questa sezione è per voi.

I componenti elencati sopra sono generati utilizzando il repository di utilità discourse-alt-icons, che semplifica la sostituzione delle icone nel core di Discourse con icone provenienti da altri set di icone open source. Il cuore del repository è uno script di build che genera un componente tema da un file JSON di mappature dei nomi delle icone.

I contributi sono benvenuti e incoraggiati. Discourse utilizza molte icone da FontAwesome e trovare corrispondenze in altri set di icone è un compito divertente, ma richiede tempo. Se vuoi aiutare, puoi clonare discourse-alt-icons e seguire i passaggi nel readme per aggiungere corrispondenze per le icone che ancora non le hanno.

Supportare altri set di icone

Si prega di utilizzare le risposte seguenti per proporre l’aggiunta del supporto per un altro set di icone. O, ancora meglio, con un piccolo sforzo puoi inviare una pull request al repository discourse-alt-icons. Nota che verranno presi in considerazione solo i set di icone con licenze molto permissive (cioè devono consentire la modifica, la distribuzione, l’uso privato).


Questo documento è controllato tramite versione - suggerisci modifiche su github.

30 Mi Piace

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 Mi Piace

Hope to help, here are some icons you can use

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 Mi Piace

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

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 Mi Piace

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

1 Mi Piace

Per caso, potremmo avere anche le icone Phosphor Regular?

2 Mi Piace

Con un po’ di lavoro, tu (o chiunque altro, in realtà), dovresti essere in grado di creare un repository Phosphorus Regular da quello duotone. Sono felice di rivederlo e includerlo nell’elenco qui se avremo un repository.

2 Mi Piace

Sarebbe fantastico. Dovremmo avere per impostazione predefinita un elenco di set di icone in /admin, dato che FontAwesome sono un po’ brutti. :ok_man:

La bruttezza è una questione di gusti. Ma al giorno d’oggi la fornitura di icone gratuite da parte di Font Awesome è davvero limitata.

D’altra parte, quante icone sembrano davvero :joy:

Sembra che quando carichiamo uno di quei set, le icone mancanti non vengano sostituite da quelle predefinite di Font Awesome, quindi rimane solo uno spazio vuoto, poco utilizzabile… :thinking:

Mi piace il set feather, ma mancano molte icone utili.

Ho creato una PR sul repository. Alcuni cambiamenti sono tutt’altro che perfetti, ma un’icona sbagliata è comunque meglio di nessuna icona :smiling_face_with_tear:

Ecco tutte le icone appena aggiunte (pagina con codifica a vibrazione scadente, colonna “alternative” obsoleta)
https://canapin.dev/discourse/feather-icons/

Cambiamenti principali e non proprio buoni:

image
La carta di credito è la più vicina a address-card in termini di forme. Altre alternative potrebbero essere un libro chiuso o aperto…

image
Il migliore è il mirino (crosshair). Una semplice penna ha una forma abbastanza simile, ma è una penna, ed è già usata per le modifiche.

image
Niente di simile. Secondo me, la migliore corrispondenza è l’icona della CPU. Ho sbagliato nella mia PR e ho usato l’icona Zap, quindi invierò un’altra PR per risolvere questo problema.

2 Mi Piace

Ho appena notato le icone Lucide:

Questo è un fork di Feather, che è aggiornato. Feather ha solo 287 icone, Lucide ne ha 1701 (e hanno, ovviamente, la maggior parte se non tutte le icone mancanti).

Entrambi i set sono sotto licenza MIT.

Quindi immagino che in questo caso il supporto per Feather dovrebbe essere abbandonato e sostituito con Lucide.

La mia pull request sembra un po’ priva di significato ora :lolsob:

Forse posso provare a creare un repository per questo set, se approvato dal team…

3 Mi Piace

Irrilevante, ma quando si va su https://canapin.dev, scorrendo fino in fondo e cliccando sul forum di Virtualmin, era Discourse :discourse: !

1 Mi Piace

Ho realizzato quasi l’intero set di icone Lucide per Discourse, ma dove posso trovare l’elenco completo delle icone utilizzate dal core di Discourse in modo da non tralasciarne nessuna?

Questo template discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub ne manca alcune. Un singolo esempio, la tavolozza

potrebbe esserti d’aiuto.

I plugin e i componenti possono aggiungere icone aggiuntive. Non sono sicuro di come trovarne di popolari lì. Potrebbe avere senso guardare i plugin che sono #included-in-core. Quindi cercare qualcosa come Repository search results · GitHub potrebbe funzionare.

1 Mi Piace

Ecco il repository:

Sentiti libero di renderlo ufficiale.

Font-Awesome

Lucide

3 Mi Piace

È possibile aggiungere altre icone nelle impostazioni? Sembra che manchino l’icona del giornale, del microfono e del gamepad

Certo. Ho anche bisogno di correggere l’icona della dimensione del carattere dall’editor.

1 Mi Piace