Customizing colors of header icons

I was looking at customising the color of the icons in the header by setting header primary in the color scheme. However, it doesn’t seem to affect the icons even though the description of the field says Text and icons in the site's header. I’m not sure if this is a :bug:.

00%20AM

3 Likes

@awesomerobot any ideas here?

1 Like

We’re using a sass transformation of $header_primary there, so I guess the description is a half-truth.

Before we switched to SVG we used to use the default $header_primary color with opacity reduced (which was a little closer to what you’d expect), but Safari was having issues with opacity and svgs.

It’s come up a couple times before (How to Change Header Icon Color?), so it’s something to consider improving.

This has been modified. The header icon colors are now based on the header primary color.