Mudar ícones globalmente

Obrigado! Também encontrei Substituir os ícones SVG padrão do Discourse por ícones personalizados em um tema

Acabei incorporando o sprite SVG diretamente no arquivo Header, pois fazer o upload e nomeá-lo conforme indicado no artigo não funcionou para mim (pode ser erro operacional, é claro).

Então meu Header fica assim:

<svg width="0" height="0" class="hidden" style="display: none;">
    <symbol id="myicon-search" ..... </symbol>  
    <!-- todos os meus símbolos aqui... -->
</svg>
<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('search', 'myicon-search'); 
</script>

E isso é fácil de gerenciar.

Uso o gerador de sprite SVG em https://svgsprit.es para garantir que o formato esteja correto.

3 curtidas