# Site theme and colors

**URL:** <https://igraph.discourse.group/t/site-theme-and-colors/447>\
**Category:** Site Feedback\
**Created:** [19 September 2020 20:00 UTC](https://igraph.discourse.group/t/site-theme-and-colors/447 "2020-09-19T20:00:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![vtraag](https://yyz2.discourse-cdn.com/free1/user_avatar/igraph.discourse.group/vtraag/32/38_2.png) [@vtraag](https://igraph.discourse.group/u/vtraag)\
**Post date:** [19 September 2020 20:00 UTC](https://igraph.discourse.group/t/site-theme-and-colors/447/1 "2020-09-19T20:00:39Z")

</div>

Updating the Material design theme led to the effect that the colors of the header icons (i.e. the search button and the header icon) were no longer being rendered correctly. I now corrected this by adding the following lines to the CSS:

```auto
.svg-icon,
.svg-icon-title {
  fill: var(--header_primary); // Fix color of header icons
}

.svg-icon:hover,
.svg-icon-title:hover {
  fill: var(--primary); // Fix color of header icons
}

```

I believe this will be overwritten again on a next update, but to be honest, I hope the color scheme will be improved on a next update. If this is not the case, we can always put the above two lines in again.

@szhorvat, if you want to change it somethings else still, feel free to fiddle around with it. If you do make changes, it might be convenient if you report them here.

---

<div class="post-metadata">

**Author:** ![vtraag](https://yyz2.discourse-cdn.com/free1/user_avatar/igraph.discourse.group/vtraag/32/38_2.png) [@vtraag](https://igraph.discourse.group/u/vtraag)\
**Post date:** [19 September 2020 20:13 UTC](https://igraph.discourse.group/t/site-theme-and-colors/447/2 "2020-09-19T20:13:59Z")

</div>

Hmm, I now see that this also changes some other icons, making them unreadable. I changed it therefore to:

```auto
.d-header-icons .d-icon-bars,
.d-header-icons .d-icon-search {
  fill: var(--header_primary); // Fix color of header icons
}

.d-header-icons .d-icon-bars:hover,
.d-header-icons .d-icon-search:hover {
  fill: var(--primary); // Fix color of header icons
}

```

---

<div class="post-metadata">

**Author:** ![szhorvat](https://yyz2.discourse-cdn.com/free1/user_avatar/igraph.discourse.group/szhorvat/32/3_2.png) [@szhorvat](https://igraph.discourse.group/u/szhorvat)\
**Post date:** [19 September 2020 20:26 UTC](https://igraph.discourse.group/t/site-theme-and-colors/447/3 "2020-09-19T20:26:26Z")

</div>

Thanks so much for taking the time to fix this! We should report this problem to the maintainer of the theme though …

---

<div class="post-metadata">

**Author:** ![vtraag](https://yyz2.discourse-cdn.com/free1/user_avatar/igraph.discourse.group/vtraag/32/38_2.png) [@vtraag](https://igraph.discourse.group/u/vtraag)\
**Post date:** [19 September 2020 21:10 UTC](https://igraph.discourse.group/t/site-theme-and-colors/447/4 "2020-09-19T21:10:00Z")

</div>

Yes, good point. I think we can perhaps open an issue here:

> **[discourse/material-design-stock-theme](https://github.com/discourse/material-design-stock-theme)**
>
> Contribute to discourse/material-design-stock-theme development by creating an account on GitHub.

I’ll do that later.