 |
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 o uso de Temas do Discourse |
Instale este componente de tema
Funcionalidades
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 responder/criar, na linha do tempo do tópico e no editor.
As cores do editor 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 editor | desative para usar as cores padrão do editor |
| 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 editor receberá:
--composer-category-text-color
--composer-category-color
Essas podem ser reutilizadas onde você quiser no 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 no 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.
