Tag banners 插件和 material 主题的暗黑模式

支持
1

你好，

我正在使用标签横幅插件。它将所有横幅的背景色硬编码为 primary-very-low，在深色模式下，这与文字颜色相同。而默认的 Material 主题则正确使用 var(--secondary)，在深色模式下会自动切换为深色。请问有什么简单的方法可以修复我们标签横幅的背景色吗？

基本上，我希望渲染后的 CSS 能使用：

 .tag-title-header {
-  background: #f8f8f8;
+  background-color: var(--secondary);
 }

谢谢。

2

如何更改标签横幅样式的说明请见：Tag Banners

您可以在网站的 CSS 编辑器中更改背景。进入 admin/customize/themes/1/common/scss/edit，并在该处添加您的 CSS：

Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)
Screenshot_2021-05-27 Admin - Constanza Is Testing Hosted Discourse(1)1110×263 21.1 KB

例如，我使用了：

[class*="tag-title-header"][class*=" tag-banner-"] {
  background-color: var(--secondary);
}

通过属性选择器，所有标签的背景都会被更改。但您也可以指定类中的标签名称，这样仅更改该特定标签的背景。

3

我们也应该在主题本身中修复这个问题，毕竟我们现在已经支持 CSS 变量了 :slight_smile:

4

谢谢你们，我创建了一个本地主题组件并修改了那里的 CSS！