| Resumo | Gradiente de Cabeçalho e Gradiente do Compositor | |
| Prévia | Theme Creator | |
| Repositório | GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component | |
| Guia de Instalação | Como instalar um tema ou componente de tema | |
| Novo em Temas do Discourse? | Guia para iniciantes no uso de Temas do Discourse |
← Preencha "repoName" e "repoURL" para o botão de instalação automática →
Instalar este componente de tema
← Descreva este tema/componente em uma ou duas frases →
Gradiente simples de arco-íris no cabeçalho e compositor, como um componente de tema — para que você possa adicioná-lo a outros temas.
← Adicione capturas de tela (se aplicável) →
Capturas de tela
← Adicione mais detalhes e explique as configurações (se aplicável) →
Configurações e informações
Cores dos ícones do cabeçalho
Em sua paleta de cores, você pode controlar a cor dos ícones no cabeçalho com as cores primária do cabeçalho e fundo do cabeçalho. (Gostaria de analisar o ajuste para que você precise definir apenas uma variável em vez de duas)
Eu não queria codificar essa cor em caso de as pessoas quererem instalar este componente em vários temas (por exemplo, com paletas de cores claras e escuras)
Veja como alterar a cor dos ícones:
-
branco: Você pode definir ambos os valores como
#ffffff -
preto: Você pode definir ambos os valores como
#000000
FYI: O motivo de ter que definir ambos é que a cor real do ícone do cabeçalho depende da mistura da primária do cabeçalho com a cor do fundo do cabeçalho.
Créditos
Obrigado ao tema Ghost cyberpunk, tema Peacock Gradient e tema Discourse Rainbow dos quais eu tirei inspiração ou usei código ao longo dos anos (adicionei créditos para cada parte em comentários no código do tema)
A FAZER:
-
Espero descobrir como tornar as cores do gradiente personalizáveis como configurações de tema - nunca tive a chance de realmente investigar.
-
fazer com que você possa personalizar a cor dos ícones do cabeçalho apenas definindo a cor primária do cabeçalho (a cor do fundo do cabeçalho não é relevante para o usuário porque todo o fundo do cabeçalho é um gradiente de arco-íris)


