Трюк с CSS для изменения цвета иконок?

[Jagster (Jakke Flemming)]

После того как мы получили стилизацию для отдельных категорий, цвета иконок категорий теперь подстраиваются под фоновый цвет настроек категории, и это… не очень приятно.

Скриншот мог бы лучше объяснить мою/их боль:

(Почти) извиняюсь за странный язык, но надеюсь, вы поймёте мою мысль.

Я просто отказываюсь настраивать разные фоновые цвета для каждой категории. Отчасти потому, что это портит внешний вид баннеров категорий, но в основном потому, что все эти разные цвета ни о чём не говорят и создают очень беспокойное ощущение.

Я полностью понимаю, что некоторым нравится очень красочная обстановка, но у нас на севере мы любим минималистичный и бесцветный подход, который максимально усиливает нашу депрессию

В общем, мне отчаянно нужна помощь, чтобы использовать только чёрные иконки, а для баннеров категорий — любой цвет, какой захочется. Белый фон работает, но тогда все иконки тоже становятся белыми, и на белом фоне это не очень функционально…

[awesomerobot (Kris)]

Компонент темы баннера категории имеет опцию для переопределения цвета иконки в баннерах (так что он всегда совпадает с цветом текста баннера)… поэтому вы можете включить это

и установить цвет иконки в компоненте темы иконок категорий:

Однако я понимаю, что установка цвета для каждой иконки может быть неудобной для многих категорий, поэтому, если вы хотите, чтобы все они были одного цвета, вы можете использовать вместо этого CSS:

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