# Dashboard Title Color change

**URL:** <https://discourse.nodered.org/t/dashboard-title-color-change/50084>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [23 August 2021 23:05 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084 "2021-08-23T23:05:52Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![dpatel2016](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dpatel2016/32/33730_2.png) [@dpatel2016](https://discourse.nodered.org/u/dpatel2016)\
**Post date:** [23 August 2021 23:05 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/1 "2021-08-23T23:05:52Z")

</div>

I have a custom theme for my dashboard and I want to change the color of the main title of the dashboard.

Does anyone have a solution?

Thank you!

---

<div class="post-metadata">

**Author:** ![MecatronicaMADE](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@MecatronicaMADE](https://discourse.nodered.org/u/MecatronicaMADE)\
**Post date:** [23 August 2021 23:39 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/2 "2021-08-23T23:39:19Z")

</div>

Hi @dpatel2016, i think that you can change the color with the Dashboard Tab:

 ![Captura de pantalla 2021-08-23 a la(s) 6.35.39 p. m.](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/4/f40e7b4eade39b2d614006685a9eedf65a856918.png)  
Now you should go to dashboard tab:  
 ![Captura de pantalla 2021-08-23 a la(s) 6.33.30 p. m.](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/9/a9fdef607155ddde8c60092f384ebf560414e8ae.png)  
And change the title bar background color, for example:  
 ![Captura de pantalla 2021-08-23 a la(s) 6.36.00 p. m.](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/0/b045d5154e40ad75b018c70b32ffeffe096e39ff.png)  
and finally, you could see in your dashboard page:  
 ![Captura de pantalla 2021-08-23 a la(s) 6.36.09 p. m.](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/f/4fbe7cbb4857aa011a103b3fe756b2c1dbc9d86f.png)  
I hope its helps you!!

---

<div class="post-metadata">

**Author:** ![dpatel2016](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dpatel2016/32/33730_2.png) [@dpatel2016](https://discourse.nodered.org/u/dpatel2016)\
**Post date:** [24 August 2021 10:55 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/3 "2021-08-24T10:55:44Z")

</div>

I was able to do that, but it does not have an option for the text color. I have added a title to the dashboard, but the text color is white and I want to change it to blue.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [24 August 2021 11:18 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/4 "2021-08-24T11:18:19Z")

</div>

If you have created something custom - there is no way to advise anything cos nobody can't really know how you implemented your solution. You'll need to share related parts of your solution ..

---

<div class="post-metadata">

**Author:** ![dpatel2016](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dpatel2016/32/33730_2.png) [@dpatel2016](https://discourse.nodered.org/u/dpatel2016)\
**Post date:** [24 August 2021 12:48 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/5 "2021-08-24T12:48:06Z")

</div>

When I say custom, I mean I chose the custom theme option exactly as @MecatronicaMADE showed in his images.

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [24 August 2021 12:55 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/6 "2021-08-24T12:55:12Z")

</div>

True, there is no option to adjust title bar texts from configuration page.

You can still override dashboard CSS. Do search here in forum how to do it, if you don't know yet.

The rule you'll need to change is here

```auto
body.nr-dashboard-theme md-toolbar .md-toolbar-tools {
    color: #0080ff;   
}

```

---

<div class="post-metadata">

**Author:** ![dpatel2016](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dpatel2016/32/33730_2.png) [@dpatel2016](https://discourse.nodered.org/u/dpatel2016)\
**Post date:** [24 August 2021 13:03 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/7 "2021-08-24T13:03:11Z")

</div>

It works!  
Thank you @hotNipi and @MecatronicaMADE for all your help.

---

<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:** [7 September 2021 13:03 UTC](https://discourse.nodered.org/t/dashboard-title-color-change/50084/8 "2021-09-07T13:03:35Z")

</div>

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