Problema com a cor da fonte nos emblemas de categoria

Suporte
1

Olá a todos,

Espero que alguém possa ter uma solução para este problema, que começou a ocorrer apenas desde ontem à noite, após atualizarmos o Discourse para a versão 2026.4.0-latest (e4ab7a2cc9).

Usamos fonte branca para todos os emblemas das categorias, e eles são exibidos corretamente quando você está no topo de um tópico.

image
image880×126 4.24 KB

No entanto, assim que você começa a rolar para baixo no tópico, a cor da fonte na categoria muda automaticamente.

image

Já revisei as configurações do tema e não consigo identificar nada que esteja causando isso.

2

Olá @RFL

A primeira coisa a fazer é sempre testar no modo de segurança.

A segunda dica é mencionar qual tema você está usando. Acredito que o problema seja específico desse tema, já que a captura de tela não mostra a aparência padrão da tag.

A terceira dica é verificar, por meio do inspetor, o que está acontecendo e postar uma captura de tela disso aqui.

3

Olá chapoi,

Obrigado pela resposta rápida e útil.

Fiz o teste no modo de segurança (uma opção por vez) e a desativação das seguintes opções não fez diferença:

  • personalizações de plugins não oficiais no lado do cliente
  • todas as personalizações de plugins no lado do cliente

Estamos usando o componente “Category Badge Styles” com “box” como estilo selecionado.

Então, desativar temas e componentes de tema realmente resolveu o problema, pois fez o emblema da categoria voltar à aparência padrão.

image

Estamos usando o tema em modo claro com a seguinte paleta de cores:

image
image924×948 23.1 KB

Nosso CSS personalizado é:

/* tabela */

.cooked table thead, .d-editor-preview table thead {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #ddd;
}

.cooked table tr, .d-editor-preview table tr {
    border-bottom: 1px solid #ddd;
}

.cooked table td, .cooked table th, .d-editor-preview table td, .d-editor-preview table th {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.fa-heart:before {
    content: "\f164";
}

.category-name {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px;
}

Ao usar o inspetor, parece que isso está causando o problema, pois quando desmarco a primeira linha, a cor da fonte volta para a correta (branco).

Alguma ideia de como eu poderia corrigir isso?

image
image485×245 10 KB

5

se o seu fórum estiver usando apenas um tema e uma paleta de cores, você pode adicionar isso ao seu CSS personalizado:

.badge-category__wrapper .badge-category__name {
  color: var(--secondary);
}
6

Obrigado, Lilly. Isso funciona e parece ser a maneira mais rápida de resolver o problema.

7

Vamos investigar a origem do problema e atualizaremos aqui.