CSS trick to change color of icons?

The category banner theme component has the option to override the icon color in banners (so it always matches the banner text color)… so you could enable this

Screenshot 2023-11-16 at 10.44.31 AM

and set the icon color in the category icons theme component:

Screenshot 2023-11-16 at 10.45.37 AM

I could see how setting the color for each icon would be unpleasant for many categories though, so if you want it all one color, you could use CSS instead:

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