# Supplementary Code for Material Design

**URL:** <https://meta.discourse.org/t/supplementary-code-for-material-design/47369>\
**Category:** UX\
**Created:** [15 Luglio 2016, 6:47pm UTC](https://meta.discourse.org/t/supplementary-code-for-material-design/47369 "2016-07-15T18:47:51Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Idan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/idan/32/198212_2.png) [@Idan](https://meta.discourse.org/u/Idan)\
**Post date:** [18 Luglio 2016, 6:31pm UTC](https://meta.discourse.org/t/supplementary-code-for-material-design/47369/2 "2016-07-18T18:31:23Z")

</div>

This is the css code I use for the header:

`background-color: rgba(32,48,155,0.92);`

I wanted to reduce the opacity of the headset a bit to give the whole scrolling a sense of flow and depth. It turned out pretty nice and I’ve decided to keep it.

If you use one of the template colors provides by @rewphus , you should probably adjust the color to be slightly darker, so even with the decrease in opacity, it will still look similar to the original color, but you still be able to see the content streamed underneath.

---

_[View the full topic](https://meta.discourse.org/t/supplementary-code-for-material-design/47369)._