Ícones alternativos

Documentação Guias do Desenvolvedor
,
1

Por padrão, o Discourse inclui ícones da excelente biblioteca FontAwesome. No entanto, existem muitas bibliotecas de ícones gratuitas por aí. Este tópico é o lar dos conjuntos de ícones alternativos. Ele lista alguns componentes de tema que você pode testar agora, mas também descreve como você pode contribuir para que o Discourse suporte outros conjuntos de ícones.

Conjuntos de ícones alternativos

Se você estiver interessado em testar um conjunto de ícones diferente, aqui está uma lista de componentes de tema que você pode experimentar:

(Veja Como instalar um tema ou componente de tema para ajuda a obter um desses repositórios no seu site Discourse.)

Estes componentes estão em desenvolvimento. Você pode usá-los, mas observe que nem todos os ícones do núcleo terão uma substituição adequada. (Contribuições são bem-vindas, no entanto, veja abaixo.)

Algumas capturas de tela:

image
image1824×1158 41.6 KB

Ícones Feather (usando o esquema de cores WCAG Dark)

image
image1926×1282 41.8 KB

Heroicons (usando o esquema de cores WCAG Light)

image
image1732×1256 42 KB

Unicons (usando o esquema de cores Grey Amber)

image
image1726×1256 43.1 KB

Phosphor Duotone (usando o esquema de cores WCAG Light)

Contribuindo

Desenvolvedores de temas e designers, esta seção é para vocês.

Os componentes listados acima são gerados usando o repositório de utilitários discourse-alt-icons, que simplifica a substituição de ícones no núcleo do Discourse por ícones de outros conjuntos de ícones de código aberto. O coração do repositório é um script de compilação que gera um componente de tema a partir de um arquivo JSON com mapeamentos de nomes de ícones.

Contribuições são bem-vindas e encorajadas. O Discourse usa muitos ícones da FontAwesome e encontrar correspondências em outros conjuntos de ícones é uma tarefa divertida, mas que consome tempo. Se você quiser ajudar, pode clonar o discourse-alt-icons e seguir as etapas no readme para adicionar correspondências para ícones que ainda não as possuem.

Suporte a outros conjuntos de ícones

Por favor, use as respostas abaixo para propor o suporte a outro conjunto de ícones. Ou, ainda melhor, com um pouco de trabalho, você pode enviar um pull request para o repositório discourse-alt-icons. Observe que apenas conjuntos de ícones com licenças muito permissivas (ou seja, que devem permitir modificação, distribuição e uso privado) serão considerados.

Este documento é controlado por versão - sugira alterações no github.

30 curtidas
Harmonizing Discourse icons and emojis
2

Se alguém estiver procurando contribuir com um conjunto de ícones, mas não tiver nenhum em mente:

Com licença MIT, projetado pela equipe da tailwindlabs.com

4 curtidas
3

Espero que ajude, aqui estão alguns ícones que você pode usar

https://www.flaticon.com/

4

Boa sugestão! Adicionei isso e atualizei a mensagem original com uma captura de tela. Não tem muitos ícones; por exemplo, não há ícones para a barra de ferramentas do editor, mas os que existem são bem legais. Obrigado!

2 curtidas
5

Isso significa que o Google Fonts está fora de cogitação?

6

A licença dos Material Icons do Google é suficientemente permissiva. No entanto, o repositório deles é gigantesco, e pode ser demorado encontrar o caminho para cada ícone.

1 curtida
7

Sim, mas uma vez feito, você não precisará fazer isso novamente. :slight_smile:

1 curtida
8

Por acaso, poderíamos ter os Ícones Phosphor Regular também?

2 curtidas
9

Com um pouco de trabalho, você (ou qualquer pessoa, na verdade) deve ser capaz de criar um repositório Phosphorus Regular a partir do repositório duotone. Ficarei feliz em revisar e incluí-lo na lista aqui se tivermos um repositório.

2 curtidas
10

Isso seria incrível. Deveríamos ter uma lista de conjuntos de ícones por padrão em /admin, já que os do FontAwesome são meio feios. :ok_man:

11

A feiura é uma questão de gosto. Mas hoje em dia, a oferta de ícones gratuitos da Font Awesome é realmente limitada.

Por outro lado — quantos ícones realmente parecem :joy:

13

Parece que quando carregamos um desses conjuntos, os ícones ausentes não são substituídos pelos ícones padrão do Font Awesome, então fica apenas em branco, pouco utilizável… :thinking:

Eu gosto do conjunto feather, mas ele carece de muitos ícones úteis.

Eu fiz um PR no repositório. Algumas mudanças estão longe de serem perfeitas, mas um ícone ruim ainda é melhor do que nenhum ícone :smiling_face_with_tear:

Aqui estão todos os ícones recém-adicionados (página com codificação de vibe ruim, coluna de “alternativas” desatualizada)
https://canapin.dev/discourse/feather-icons/

Principais e não tão boas mudanças:

image
Cartão de crédito é o mais próximo de address-card em termos de formas. Outras alternativas poderiam ser um livro fechado ou aberto…

image
O melhor é crosshair (mira), eu acho. Uma caneta simples tem uma forma bem parecida, mas é uma caneta, e já é usada para edições.

image
Nada parecido. Na minha opinião, o que melhor se encaixa é o ícone de CPU. Eu errei no meu PR e usei o ícone Zap, então enviarei outro PR para corrigir isso.

2 curtidas
14

Acabei de notar os ícones Lucide:

Este é um fork do Feather, que está atualizado. O Feather tem apenas 287 ícones, o Lucide tem 1701 (e eles têm, é claro, a maioria, se não todos os ícones ausentes).

Ambos os conjuntos estão sob a licença MIT.

Então, acho que neste caso o suporte para Feather deve ser abandonado e substituído por Lucide.

Minha solicitação de pull parece um pouco sem sentido agora :lolsob:

Talvez eu possa tentar criar um repositório para este conjunto, se aprovado pela equipe…

3 curtidas
15

Irrelevante, mas ao ir para https://canapin.dev, rolar até o final e clicar no fórum do Virtualmin, era Discourse :discourse: !

1 curtida
16

Criei quase todo o conjunto de ícones Lucide para o Discourse, mas onde posso encontrar a lista completa de ícones usados pelo núcleo do Discourse para não perder nenhum?

Este modelo discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub está faltando alguns. Um único exemplo, a paleta

17

pode ajudar você.

Plugins e componentes podem adicionar ícones adicionais. Não tenho certeza de como encontrar os populares lá. Pode fazer sentido olhar para os plugins que estão em #included-in-core. Portanto, pesquisar por algo como Repository search results · GitHub pode funcionar.

1 curtida
18

Aqui está o repositório:

Sinta-se à vontade para torná-lo oficial.

Font-Awesome

image
image2560×1271 258 KB

Lucide

image
image2560×1271 265 KB

3 curtidas
19

É possível adicionar outros ícones nas configurações? Parece que os ícones de jornal, microfone e gamepad estão faltando

20

Claro. Eu também preciso corrigir o ícone de font-size do compositor.

1 curtida
21

Puxa,

Para uma lista completa dos ícones incluídos no Discourse, acesse /styleguide na sua instância do Discourse.

De GitHub - discourse/discourse-alt-icons · GitHub

Acho que é isso que a IA faz comigo, eu nem leio o manual mais :person_facepalming:

Eu não os encontro em /styleguide ou em discourse/lib/svg_sprite.rb at main · discourse/discourse · GitHub. Onde eles são usados no Discourse?

3 curtidas