# Change dashboard appearance

**URL:** <https://discourse.nodered.org/t/change-dashboard-appearance/59889>\
**Category:** Dashboard\
**Created:** [15 March 2022 15:31 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889 "2022-03-15T15:31:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Olivia](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/olivia/32/57161_2.png) [@Olivia](https://discourse.nodered.org/u/Olivia)\
**Post date:** [15 March 2022 15:31 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889/1 "2022-03-15T15:31:35Z")

</div>

Hello everyone,

does anyone know it its possible to change the dashboard appearance outside of the nodered settings. for instance with a colorpicker in the dashboard or somth like that ?

Thanksss

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [15 March 2022 15:58 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889/2 "2022-03-15T15:58:58Z")

</div>

Yes it is.

What aspects of the dashboard appearance do you want to customise?

---

<div class="post-metadata">

**Author:** ![Olivia](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/olivia/32/57161_2.png) [@Olivia](https://discourse.nodered.org/u/Olivia)\
**Post date:** [15 March 2022 16:29 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889/3 "2022-03-15T16:29:02Z")

</div>

@jbudd  
every aspect where its red right now

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

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [16 March 2022 12:13 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889/4 "2022-03-16T12:13:53Z")

</div>

Without using Javascript:

I can change an element's color using a predefined CSS style in a template - cf Optional CSS class names.  
I can use a message property (from a colour picker) to style any HTML div that I create in a template - `<div style="background-color: {{msg.rgb}};">`

But I can't use a colour picker to change the dashboard header. Perhaps someone else can?  
It is of course possible using Javascript, but I have never done it that way.

---

<div class="post-metadata">

**Author:** ![Olivia](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/olivia/32/57161_2.png) [@Olivia](https://discourse.nodered.org/u/Olivia)\
**Post date:** [17 March 2022 13:14 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889/5 "2022-03-17T13:14:01Z")

</div>

Does someone else know how to solve my problem ?

---

<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:** [16 April 2022 13:15 UTC](https://discourse.nodered.org/t/change-dashboard-appearance/59889/6 "2022-04-16T13:15:01Z")

</div>

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