カテゴリバッジの文字色に関する問題

みなさんこんにちは、

昨夜、Discourse を 2026.4.0-latest (e4ab7a2cc9) に更新してから発生しているこの問題に対する解決策をご存知の方がいらっしゃれば幸いです。

当サイトではすべてのカテゴリバッジに白フォントを使用しており、トピックのトップに表示される際は正常に機能しています。

しかし、トピックをスクロールし始めると、カテゴリのフォント色が自動的に変更されてしまいます。

image

テーマ設定を確認しましたが、これが原因となっていると思われる項目は見当たりませんでした。

@RFL さん、こんにちは

まず最初に行うべきことは、セーフモードでテストすることです。

2 つ目のアドバイスは、使用しているテーマを明記することです。スクリーンショットにはデフォルトのタグの見た目が出ていないため、この問題は特定のテーマに固有のものだと考えられます。

3 つ目のアドバイスは、インスペクターで何が起きているかを確認し、そのスクリーンショットをここに投稿することです。

こんにちは、chapoi さん、

迅速かつ有益なご返信をいただき、ありがとうございます。

セーフモードでのテスト(オプションを 1 つずつ無効化)を行いましたが、以下の項目を無効化しても変化はありませんでした。

  • 非公式のクライアントサイドプラグインのカスタマイズ
  • すべてのクライアントサイドプラグインのカスタマイズ

「Category Badge Styles」コンポーネントを使用しており、スタイルとして「box」を選択しています。

そのため、テーマやテーマコンポーネントを無効化すると問題が解消され、カテゴリバッジがデフォルトの外観に戻りました。

image

ライトモードのテーマを使用しており、以下のカラーパレットを適用しています。

カスタム CSS は以下の通りです。

/* 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;
}

インスペクタを確認したところ、これが問題の原因のようです。最上行のチェックを外すと、フォントの色が正しい色(白)に戻ります。

これを修正する方法について、ご教示いただけますでしょうか?

フォーラムで単一のテーマとカラーパレットのみを使用している場合、カスタム CSS に以下を追加できます。

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

リリーさん、ありがとうございます。それで問題が解決し、最も簡単な方法のようです。

問題の原因を調査し、ここで更新します