# How to Change Header Icon Color?

**URL:** https://meta.discourse.org/t/how-to-change-header-icon-color/106098
**Category:** Development
**Created:** [9 בינואר,‏ 2019,‏ 7:11pm UTC](https://meta.discourse.org/t/how-to-change-header-icon-color/106098 "2019-01-09T19:11:15Z")
**Posts on this page:** 1
**Showing post:** 2

<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: [9 בינואר,‏ 2019,‏ 7:32pm UTC](https://meta.discourse.org/t/how-to-change-header-icon-color/106098/2 "2019-01-09T19:32:15Z")

</div>

The icons are a bit transparent, which might be throwing you off (that’s why they look grey instead of white when the header\_primary color is set to white).

You can add some custom CSS to change this

```plaintext
.d-header-icons .icon {
  color: red; // custom color, if needed
  &.btn-flat .d-icon {
    opacity: 1; // remove transparency 
   }
}

```

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-header-icon-color/106098)._