Os ícones podem ser alterados apenas ao auto-hospedar? Os ícones têm um fundo que não combina com a cor do meu fundo. Ao remover o fundo SVG, eles ficariam melhores.
Os ícones SVG devem respeitar a paleta de cores do usuário. Você pode alterar os ícones em si no componente de tema, se tiver acesso aos componentes em seu site. Você pode compartilhar mais detalhes do seu problema, talvez com uma captura de tela? Além disso, você pode confirmar que configurou corretamente os modos claro e escuro em suas configurações?
3 curtidas
Obrigado, é assim que fica:
Percebi que está relacionado ao estado do botão. Se eu clicar em algum lugar no fundo da página, fica bom, o quadrado cinza desaparece e a cor da lua é a mesma da lupa. Tentei mudar as cores no tema, mas não consegui encontrar nenhuma que controlasse esta.
Vou deixar ativado por enquanto para você ver:
Além disso, gostaria de mudar o ícone para circle-half-stroke, mas minhas tentativas não foram bem-sucedidas.
2 curtidas
Entendi o que você quer dizer. Fiz um pequeno screencast para demonstrar isso.
A mesma coisa acontece no meu site (e aqui no meta), mesmo com o seletor na barra lateral. Acontece de ser um pouco menos feio porque as cores são mais próximas, e o botão não é tão proeminente no cabeçalho como no seu caso.
Provavelmente é uma correção de design bem pequena para evitar isso e concordo que é uma boa ideia.
3 curtidas
Acho que no momento não há uma configuração para editar os ícones. Existe uma configuração que garante que os ícones usados sejam carregados, mas os ícones não são personalizáveis sem fazer um fork do componente ou adicionar uma configuração para personalização.
1 curtida
Isso é interessante. Gostaria de saber o que faz a configuração svg icons? Tentei mudar para ícones SVG usados na barra lateral, por exemplo, circle e circle-half-stroke, mas isso apenas fez com que o ícone do sol não aparecesse. O ícone da lua continua aparecendo.
1 curtida
Ele adiciona os ícones. Essa configuração é útil para componentes onde os administradores podem escolher ícones, como ícones de cabeçalho personalizados. Lá, você pode usar a configuração para adicionar os ícones que deseja usar, para que sejam carregados.
Acho que quando você não pode personalizar os ícones, eles também podem ser adicionados em about.json. Mas ainda estou aprendendo como os temas funcionam.
1 curtida
Facilmente substituí o sol e a lua do meu fórum pelo yin-yang, colocando isto na tag head da edição / css de um componente (também substituí o ícone do bot por um raio).
<script type="text/discourse-plugin" version="0.8">
api.replaceIcon('robot', 'bolt');
api.replaceIcon('sun', 'yin-yang');
api.replaceIcon('moon', 'yin-yang');
</script>
Achei mais fácil fazer dessa forma. 
1 curtida