类别徽章字体颜色问题

支持
1

大家好，

希望有人能解决这个问题。这个问题是从昨晚我们更新 Discourse 到 2026.4.0-latest (e4ab7a2cc9) 后才开始出现的。

我们所有分类徽章都使用白色字体，在话题顶部时显示正常。

image
image880×126 4.24 KB

但一旦开始向下滚动话题，分类中的字体颜色会自动改变。

image

我已经检查了主题设置，但没发现任何导致此问题的设置。

2

你好 @RFL

首先要做的永远是先在安全模式下测试。

第二个建议是说明你正在使用的主题。我认为这个问题与该主题有关，因为截图显示的标签样式并非默认样式。

第三个建议是通过检查器查看具体发生了什么，并在此处附上截图。

3

你好 chapoi，

感谢您及时且有帮助的回复。

我进行了安全模式测试（每次只禁用一个选项），发现禁用以下内容并未解决问题：

  • 非官方客户端插件自定义
  • 所有客户端插件自定义

我们使用的是“分类徽章样式”组件，当前选中的样式为“box”。

因此，禁用主题和主题组件确实解决了问题，因为这让分类徽章恢复到了默认外观。

image

我们使用的是浅色主题，配色方案如下：

image
image924×948 23.1 KB

我们的自定义 CSS 如下：

/* 表格 */

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

通过检查器发现，似乎是以下代码导致了问题，因为当我取消勾选第一行时，字体颜色就会恢复为正确的颜色（白色）。

您知道该如何修复吗？

image
image485×245 10 KB

5

如果您的论坛仅使用一个主题和配色方案，您可以在自定义 CSS 中添加以下内容：

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

谢谢，Lilly。这个方法可行，而且看起来是解决问题最快的方式。

7

我们将调查问题的来源，并在此处更新。