Problème de couleur de police sur les badges de catégorie

[RFL]

Bonjour à tous,

J’espère que quelqu’un pourrait avoir une solution à ce problème qui n’a commencé à se produire que depuis hier soir, après notre mise à jour de Discourse vers la version 2026.4.0-latest (e4ab7a2cc9).

Nous utilisons une police blanche pour tous les badges de catégorie, et ils s’affichent correctement lorsque vous êtes en haut d’un sujet.

Cependant, dès que vous commencez à faire défiler le sujet vers le bas, la couleur de la police dans la catégorie change automatiquement.

J’ai examiné les paramètres du thème, mais je ne vois rien qui pourrait causer ce problème.

[chapoi]

Bonjour @RFL

La première chose à faire est toujours de tester en mode sans échec.

Le deuxième conseil est de préciser quel thème vous utilisez. Je pense que le problème est spécifique à ce thème, car la capture d’écran ne montre pas l’apparence par défaut des balises.

Le troisième conseil est de vérifier via l’inspecteur ce qui se passe et de publier une capture d’écran ici.

[RFL]

Bonjour chapoi,

Merci pour votre réponse rapide et utile.

J’ai effectué le test en mode sans échec (une option à la fois) et la désactivation des éléments suivants n’a rien changé :

• les personnalisations de plugins côté client non officielles
• toutes les personnalisations de plugins côté client

Nous utilisons le composant Category Badge Styles avec le style « box » sélectionné.

La désactivation des thèmes et des composants de thème a effectivement résolu le problème, car elle a rétabli l’apparence par défaut des badges de catégorie.

Nous utilisons le thème en mode clair avec la palette de couleurs suivante :

Notre CSS personnalisé est le suivant :

/* table */

.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;
}

En utilisant l’inspecteur, il semble que ce soit la cause du problème, car lorsque je décoche la première ligne, la couleur de la police revient à la couleur correcte (blanc).

Avez-vous une idée de la façon dont je pourrais résoudre cela ?

[Lilly]

Si votre forum n’utilise qu’un seul thème et une seule palette de couleurs, vous pouvez ajouter ceci dans votre CSS personnalisé :

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

[RFL]

Merci, Lilly. Cela fonctionne et semble être le moyen le plus rapide de résoudre le problème.

[chapoi]

Nous enquêterons sur l’origine du problème et mettrons à jour ici.