# Customizing colors of header icons

**URL:** https://meta.discourse.org/t/customizing-colors-of-header-icons/131604
**Category:** Development
**Created:** [22 oktober 2019 om 02:11 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604 "2019-10-22T02:11:01Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![alan.tan](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@alan.tan](https://meta.discourse.org/u/alan.tan)
#### Post date: [22 oktober 2019 om 02:11 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604/1 "2019-10-22T02:11:01Z")

</div>

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 🐛.

 ![56%20AM](https://global.discourse-cdn.com/meta/original/3X/6/4/6445233c4a9c051fe41b89497f9e76da407fb88a.png)

 ![00%20AM](https://global.discourse-cdn.com/meta/original/3X/1/5/150998ee69aa58cae39b12821240f9e10b12025e.png)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [23 oktober 2019 om 05:49 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604/2 "2019-10-23T05:49:20Z")

</div>

@awesomerobot any ideas here?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [23 oktober 2019 om 13:32 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604/3 "2019-10-23T13:32:21Z")

</div>

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? - #4 by awesomerobot](https://meta.discourse.org/t/how-to-change-header-icon-color/106098/4)), so it’s something to consider improving.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [4 juli 2023 om 06:45 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604/4 "2023-07-04T06:45:00Z")

</div>



---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4 juli 2023 om 09:12 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604/5 "2023-07-04T09:12:46Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4 juli 2023 om 09:12 UTC](https://meta.discourse.org/t/customizing-colors-of-header-icons/131604/6 "2023-07-04T09:12:52Z")

</div>