 |
Resumo | Categorias Coloridas usa as cores de cada categoria em mais lugares quando você está na lista de tópicos de uma categoria ou dentro de um tópico. |
 |
Pré-visualização | Pré-visualizar no Discourse Theme Creator |
 |
Link do Repositório | https://github.com/discourse/discourse-colorful-categories |
 |
Novo em Temas do Discourse? | Guia para iniciantes sobre como usar Temas do Discourse |
Instale este componente de tema
Recursos
Categorias Coloridas usa as cores de cada categoria em mais lugares quando você está na lista de tópicos de uma categoria ou dentro de um tópico; no cabeçalho, nos botões de resposta/criação, na linha do tempo do tópico e no compositor.
As cores do compositor mudarão com base na categoria selecionada:
Configurações
Cada uma das mudanças de cor mencionadas acima pode ser desativada nas configurações do tema.
| Nome | Descrição |
|---|---|
| usar cor da categoria no compositor | desative para usar as cores padrão do compositor |
| usar cor da categoria no cabeçalho | desative para usar as cores padrão do cabeçalho |
| usar cor da categoria na linha do tempo | desative para usar as cores padrão da linha do tempo do tópico |
| usar cor da categoria nos botões | desative para usar as cores padrão dos botões |
Notas de Desenvolvimento
Você pode desativar todas as configurações se quiser usar este componente como uma maneira de tornar as cores das categorias reutilizáveis como propriedades personalizadas de CSS. Por exemplo, cada página de categoria e tópico terá essas propriedades definidas:
--category-color
--category-text-color
e o compositor receberá:
--composer-category-text-color
--composer-category-color
Essas propriedades podem ser reutilizadas onde quiser em seu próprio CSS, por exemplo:
body {
background: var(--category-color);
}
Existem alguns valores padrão definidos quando uma categoria não está presente, que você pode alterar em seu próprio CSS:
:root {
--composer-category-text-color: var(--secondary);
--composer-category-color: var(--tertiary);
--category-color: var(--secondary);
--category-text-color: var(--primary-low-mid);
}
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
