# Theme dashboard

**URL:** https://discourse.nodered.org/t/theme-dashboard/43172
**Category:** Dashboard
**Created:** [25 March 2021 07:56 UTC](https://discourse.nodered.org/t/theme-dashboard/43172 "2021-03-25T07:56:17Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Lucabo69](https://avatars.discourse-cdn.com/v4/letter/l/cab0a1/32.png) [@Lucabo69](https://discourse.nodered.org/u/Lucabo69)
#### Post date: [25 March 2021 07:56 UTC](https://discourse.nodered.org/t/theme-dashboard/43172/1 "2021-03-25T07:56:17Z")

</div>

Hello, I would like to know how to modify the theme of my dashboard directly on the dashboard without going through the classic change of theme with Node RED

---

<div class="post-metadata">

### Author: ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)
#### Post date: [25 March 2021 08:25 UTC](https://discourse.nodered.org/t/theme-dashboard/43172/2 "2021-03-25T08:25:13Z")

</div>

Welcome Lucabo69!

What du you mean with "directly on the dashboard"? Do you know this thread:

> [@Dashboard CSS - custom and blue](https://discourse.nodered.org/t/dashboard-css-custom-and-blue/42055):
>
> I was kindly asked for help on dashboard styling but that help turned out for me to customize almost all default components. As it was "You'll help me - I'll help you" job, we agreed that it will be shared also to community. Base theme: Node-RED theme-everywhere style: dark sizes: 48, 6, 8, 8 (all square) base color: rgb(5 62 168) [{"id":"78abef.11f5941","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"771f257f.55355c","type":"ui\_form","z":"78abef.11f5941","name"…

---

<div class="post-metadata">

### Author: ![Lucabo69](https://avatars.discourse-cdn.com/v4/letter/l/cab0a1/32.png) [@Lucabo69](https://discourse.nodered.org/u/Lucabo69)
#### Post date: [25 March 2021 08:44 UTC](https://discourse.nodered.org/t/theme-dashboard/43172/3 "2021-03-25T08:44:30Z")

</div>

I would like to modify the theme of my dashboard with a color selector.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/f/2fc0122d7eb2c69bc0fb6daa7dee026593e83ee2.png)

---

<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: [25 March 2021 09:05 UTC](https://discourse.nodered.org/t/theme-dashboard/43172/4 "2021-03-25T09:05:29Z")

</div>

I'd call that "Mission Impossible" but that would be wrong because of it can be done.

The way I see it would be possible is that you should first override almost everything theme colors related to get access to the properties. Then feed new color to the ui\_template where you can override related values for each element where theme based colors affect.

Kind of a lot of work....

---

<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: [24 April 2021 09:05 UTC](https://discourse.nodered.org/t/theme-dashboard/43172/5 "2021-04-24T09:05:48Z")

</div>

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