How did they make a gradient header?

Support
1

Hi there,

I’m wondering how you made a gradient header on try.discourse.org, could you provide information or code about it as it’s a useful feature.

Thanks!

2

that can be easily achieved with css

.d-header {
      background: linear-gradient(to bottom right, #000, #fff);
}
1 Like
3

Screenshot 2020-10-28 at 11.52.42
Screenshot 2020-10-28 at 11.52.422232×104 18.9 KB

Thanks - it works but it seems dark mode buttons stay, what would be the way to fix it and for all banner buttons to have the gradient as well when hovered over?

4

you can go to admin/customize/colors and change the header primary Text and icons in the site’s header there

you can also inspect each element on your browser you wish to customize and add the custom css on your theme > common > css