# Editor - Change Color Header and Tab Icon

**URL:** <https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061>\
**Category:** General\
**Created:** [22 May 2021 00:41 UTC](https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061 "2021-05-22T00:41:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cristiano](https://avatars.discourse-cdn.com/v4/letter/c/b5e925/32.png) [@Cristiano](https://discourse.nodered.org/u/Cristiano)\
**Post date:** [22 May 2021 00:41 UTC](https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061/1 "2021-05-22T00:41:16Z")

</div>

Hello,

I have doubt about how to change the color of the top bar (header) in nodered editor and the icon tab menu  
 ![Capturar](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/6/56070230cf193b4c40a16af17dae76538a58d11b.png)

Should i use a template ? or i need to edit the node red source code? whats happens when i update the node red ?

thanks

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [22 May 2021 06:54 UTC](https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061/2 "2021-05-22T06:54:13Z")

</div>

You can use the `editorTheme` setting to customise the favicon and provide a.custom CSS file that sets the header color.

[https://nodered.org/docs/user-guide/runtime/configuration#editor-themes](https://nodered.org/docs/user-guide/runtime/configuration#editor-themes)

---

<div class="post-metadata">

**Author:** ![Cristiano](https://avatars.discourse-cdn.com/v4/letter/c/b5e925/32.png) [@Cristiano](https://discourse.nodered.org/u/Cristiano)\
**Post date:** [23 May 2021 00:07 UTC](https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061/3 "2021-05-23T00:07:01Z")

</div>

Hello

Thanks for de answer @knolleary.

I made a bit of progress  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/f/2f140f270a3dfd700c1fe4711ce43bc1c2eed97b.png)

I still have a problem, i can't change the color of the header, i decide to install the dark theme in node red and edit the .css file, i modify the file forcing this code

```auto
#red-ui-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: #54b7d1;
    box-sizing: border-box;
    padding: 0px 0px 0px 20px;
    color: #C7C7C7;
    font-size: 14px;
}

```

Can u give some "light" where i can find information to solve my problem

thanks

---

<div class="post-metadata">

**Author:** ![Cristiano](https://avatars.discourse-cdn.com/v4/letter/c/b5e925/32.png) [@Cristiano](https://discourse.nodered.org/u/Cristiano)\
**Post date:** [23 May 2021 17:12 UTC](https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061/4 "2021-05-23T17:12:14Z")

</div>

Hello,

thanks for the help and time.

problem solved

---

<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:** [22 July 2021 17:12 UTC](https://discourse.nodered.org/t/editor-change-color-header-and-tab-icon/46061/5 "2021-07-22T17:12:48Z")

</div>

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