Icônes alternatives

Documentation Guides pour les développeurs
,
1

Par défaut, Discourse intègre les icônes de l’excellente bibliothèque FontAwesome. Cependant, il existe de nombreuses bibliothèques d’icônes gratuites. Ce sujet est le lieu de rencontre pour les ensembles d’icônes alternatifs. Il répertorie certains composants de thème que vous pouvez essayer dès maintenant, mais il décrit également comment contribuer afin que Discourse prenne en charge d’autres ensembles d’icônes.

Ensembles d’icônes alternatifs

Si vous êtes intéressé par l’essai d’un autre ensemble d’icônes, voici une liste de composants de thème que vous pouvez tester :

(Consultez Comment installer un thème ou un composant de thème pour obtenir de l’aide afin d’ajouter l’un de ces dépôts à votre site Discourse.)

Ces composants sont en cours de développement. Vous pouvez les utiliser, mais notez que toutes les icônes du cœur de l’application n’auront pas nécessairement de remplacement approprié. (Les contributions sont toutefois les bienvenues, voir ci-dessous.)

Quelques captures d’écran :

image
image1824×1158 41.6 KB

Icônes Feather (utilisant le schéma de couleurs WCAG Dark)

image
image1926×1282 41.8 KB

Heroicons (utilisant le schéma de couleurs WCAG Light)

image
image1732×1256 42 KB

Unicons (utilisant le schéma de couleurs Grey Amber)

image
image1726×1256 43.1 KB

Phosphor Duotone (utilisant le schéma de couleurs WCAG Light)

Contribuer

Développeurs de thèmes et designers, cette section est pour vous.

Les composants répertoriés ci-dessus sont générés à l’aide du dépôt utilitaire discourse-alt-icons, qui simplifie le remplacement des icônes du cœur de Discourse par des icônes issues d’autres ensembles d’icônes open source. Le cœur du dépôt est un script de construction qui génère un composant de thème à partir d’un fichier JSON de correspondances de noms d’icônes.

Les contributions sont bienvenues et encouragées. Discourse utilise de nombreuses icônes de FontAwesome et trouver des correspondances dans d’autres ensembles d’icônes est une tâche amusante, mais qui demande du temps. Si vous souhaitez aider, vous pouvez cloner le dépôt discourse-alt-icons et suivre les étapes du fichier readme pour ajouter des correspondances pour les icônes qui n’en ont pas encore.

Prise en charge d’autres ensembles d’icônes

Veuillez utiliser les réponses ci-dessous pour proposer l’ajout de la prise en charge d’un autre ensemble d’icônes. Ou, mieux encore, avec un peu de travail, vous pouvez envoyer une demande de tirage (pull request) au dépôt discourse-alt-icons. Notez que seuls les ensembles d’icônes disposant de licences très permissives (c’est-à-dire autorisant la modification, la distribution et l’utilisation privée) seront pris en considération.

Ce document est sous contrôle de version - suggérez des modifications sur github.

30 « J'aime »
Harmonizing Discourse icons and emojis
2

Si vous cherchez à contribuer un jeu d’icônes mais que vous n’en avez pas encore en tête :

Licence MIT, conçu par l’équipe de tailwindlabs.com.

4 « J'aime »
3

J’espère vous aider, voici quelques icônes que vous pouvez utiliser

https://www.flaticon.com/

4

Bonne suggestion, je l’ai ajoutée et mis à jour le message original avec une capture d’écran. Il ne contient pas beaucoup d’icônes ; par exemple, il n’y en a pas pour la barre d’outils de l’éditeur, mais celles qu’il possède sont très jolies. Merci !

2 « J'aime »
5

Cela signifie-t-il que Google Fonts est hors de question ?

6

La licence des Material Icons de Google est suffisamment permissive. Cependant, leur dépôt est gigantesque, et il pourrait s’avérer long de trouver le chemin vers chaque icône.

1 « J'aime »
7

Oui, mais une fois fait, vous n’aurez plus à le refaire. :slight_smile:

1 « J'aime »
8

Par hasard, pourrions-nous également obtenir les icônes Phosphor Regular ?

2 « J'aime »
9

Avec un peu de travail, vous (ou n’importe qui d’autre, en fait) devriez pouvoir créer un dépôt Phosphorus Regular à partir du dépôt duotone. Je serai heureux de l’examiner et de l’inclure dans la liste ici si nous avons un dépôt.

2 « J'aime »
10

Ce serait génial. Nous devrions avoir par défaut une liste d’ensembles d’icônes dans /admin, car ceux de FontAwesome sont un peu laids. :ok_man:

11

La laideur est une question de goût. Mais de nos jours, la fourniture d’icônes gratuites par Font Awesome est vraiment limitée.

D’un autre côté, combien d’icônes ont vraiment l’air :joy:

13

Il semble que lorsque nous chargeons l’un de ces ensembles, les icônes manquantes ne sont pas remplacées par celles par défaut de Font Awesome, donc c’est juste vide, pas très utilisable… :thinking:

J’aime l’ensemble feather, mais il manque beaucoup d’icônes utiles.

J’ai fait une PR sur le dépôt. Certains changements sont loin d’être parfaits, mais une mauvaise icône vaut mieux que pas d’icône du tout :smiling_face_with_tear:

Voici toutes les icônes nouvellement ajoutées (page mal codée en termes de style, colonne « alternatives » obsolète)
https://canapin.dev/discourse/feather-icons/

Principaux changements et changements pas si bons :

image
La carte de crédit est la plus proche de la carte d’adresse en termes de formes. D’autres alternatives pourraient être un livre fermé ou ouvert…

image
Le meilleur est le réticule. Un simple stylo a une forme assez similaire, mais c’est un stylo, et il est déjà utilisé pour les modifications.

image
Rien de proche. À mon avis, la meilleure solution est l’icône du CPU. J’ai fait une erreur dans ma PR et j’ai utilisé l’icône Zap, donc j’enverrai une autre PR pour corriger cela.

2 « J'aime »
14

J’ai remarqué les icônes Lucide :

C’est un fork de Feather, qui est à jour. Feather n’a que 287 icônes, Lucide en a 1701 (et ils ont, bien sûr, la plupart, sinon toutes les icônes manquantes).

Les deux ensembles sont sous licence MIT.

Donc, je suppose que dans ce cas, le support pour Feather devrait être abandonné et remplacé par Lucide.

Ma pull request semble un peu insignifiante maintenant :lolsob:

Peut-être que je pourrais essayer de créer un dépôt pour cet ensemble, si l’équipe l’approuve…

3 « J'aime »
15

Sans importance, mais lorsque l’on va sur https://canapin.dev, que l’on fait défiler jusqu’en bas et que l’on clique sur le forum de Virtualmin, c’était Discourse :discourse: !

1 « J'aime »
16

J’ai créé presque l’ensemble complet des icônes Lucide pour Discourse, mais où puis-je trouver la liste complète des icônes utilisées par le cœur de Discourse pour ne manquer aucune ?

Ce modèle discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub en manque quelques-unes. Un seul exemple, la palette

17

pourrait vous aider.

Les plugins et les composants peuvent ajouter des icônes supplémentaires. Je ne suis pas sûr de la manière de trouver les plus populaires. Il pourrait être judicieux de regarder les plugins qui sont #included-in-core. Donc, une recherche comme Repository search results · GitHub pourrait fonctionner.

1 « J'aime »
18

Voici le dépôt :

N’hésitez pas à le rendre officiel.

Font-Awesome

image
image2560×1271 258 KB

Lucide

image
image2560×1271 265 KB

3 « J'aime »
19

est-il possible d’ajouter d’autres icônes dans les paramètres ? Il semble que les icônes journal, microphone et manette de jeu manquent

20

Bien sûr. Je dois également corriger l’icône de la taille de police depuis le compositeur.

Édition : J’ai peut-être mal compris, et je ne suis pas sûr que nous puissions remplacer les icônes Discourse d’un des nouveaux ensembles en dehors du composant :thinking:

1 « J'aime »
21

Pff,

Pour une liste complète des icônes incluses dans Discourse, allez sur /styleguide dans votre instance Discourse.

À partir de GitHub - discourse/discourse-alt-icons · GitHub

Je suppose que c’est ce que l’IA me fait, je ne lis même plus la documentation :person_facepalming:

Je ne les trouve ni dans /styleguide ni dans discourse/lib/svg_sprite.rb at main · discourse/discourse · GitHub. Où sont-ils utilisés dans Discourse ?

3 « J'aime »