# Nored Dashboard page customized background color

**URL:** <https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688>\
**Category:** Dashboard\
**Created:** [14 February 2020 10:15 UTC](https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688 "2020-02-14T10:15:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Post date:** [14 February 2020 10:15 UTC](https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688/1 "2020-02-14T10:15:33Z")

</div>

Dear Node-red Experts,

Is it possible to change the Dashboard page color ? let say I want to make a background color to be linear? It is like overriding the theme via UI template and apply some basic CSS to change the color. Will it be possible? If so.. Can I get some examples on how? Thank you very much.

---

<div class="post-metadata">

**Author:** ![Bobo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bobo/32/8401_2.png) [@Bobo](https://discourse.nodered.org/u/Bobo)\
**Post date:** [14 February 2020 10:56 UTC](https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688/2 "2020-02-14T10:56:00Z")

</div>

Have a read of this thread ...

> [@Linear gauge as another gauge option](https://discourse.nodered.org/t/linear-gauge-as-another-gauge-option/821/9):
>
> As promised, a little example how to achieve it using default set nodes ("node\_red\_dashboard" is needed). Feel free to use and modify it by your needs. The colors I used look fine on medium gray background. I separated configuring part from data preparing part into different functions just for clarity of example. Parameters can be configured using Change node also You can get rid of shadows by just deleting the filter properties in ui\_template slight_smile Shadows harm rendering for sure a…

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [15 March 2020 10:56 UTC](https://discourse.nodered.org/t/nored-dashboard-page-customized-background-color/21688/3 "2020-03-15T10:56:03Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.