CSS 改变图标颜色的技巧?

[Jagster (Jakke Lehtonen)]

在获得单一类别样式的小东西后，我的类别图标的颜色现在遵循类别设置的背景颜色，这……不太好。

截图可以更好地解释我的/他们的痛苦：

（几乎）抱歉奇怪的语言，但希望你能明白我的意思。

我就是拒绝为每个类别设置不同的背景颜色。部分原因是因为它破坏了类别横幅的外观，但主要是因为那些不同的颜色没有任何意义，反而给人一种非常不安的感觉。

我完全理解有些人就是喜欢五颜六色的环境，但在北方，我们喜欢极简、无色的方法，这会加剧我们的抑郁

基本上，我迫切需要帮助，只使用黑色图标，否则可以在类别横幅上使用我喜欢的任何颜色。白色背景可行，但那时所有图标也都是白色的，而且在白色背景上也不太实用……

[awesomerobot (Kris)]

类别横幅主题组件可以选择覆盖横幅中的图标颜色（使其始终与横幅文本颜色匹配）……因此，您可以启用此选项

并在类别图标主题组件中设置图标颜色：

不过，我可以看到为每个图标设置颜色对许多类别来说会很不方便，所以如果你想让所有图标颜色都一样，也可以改用 CSS：

.badge-category__icon .d-icon {
  color: var(--primary-high);
}