# Add core Dark theme

**URL:** https://discourse.nodered.org/t/add-core-dark-theme/98965
**Category:** Developing Nodes
**Created:** [5 September 2025 01:51 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965 "2025-09-05T01:51:27Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![AllanOricil](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/allanoricil/32/106911_2.png) [@AllanOricil](https://discourse.nodered.org/u/AllanOricil)
#### Post date: [5 September 2025 01:51 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965/1 "2025-09-05T01:51:27Z")

</div>

With a core Dark Theme, node authors can ship their nodes with at least 2 colors and icons variants. When the theme is changed, the editor redraws the node selecting the right variant based on the current theme. Nodes that don't support the core Light/Dark themes will lose points in that site where people can find nodes. To reach max score in that site, devs must define Light/Dark themes for their nodes.

A core Dark Theme is a must nowadays. It is good for our eyes, reduce blue light, a ton of young developers like it, it is trend, it saves energy in devices that use AMOLED/OLED (Node-RED can then be promoted as ENVIRONMENT FRIENDLY hahahahaha -\> joke)

---

<div class="post-metadata">

### Author: ![aitor](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aitor/32/97363_2.png) [@aitor](https://discourse.nodered.org/u/aitor)
#### Post date: [5 September 2025 07:31 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965/2 "2025-09-05T07:31:46Z")

</div>

If you wish, you can currently change the editor theme. Obviously, it's not a core feature, but it works well.

[https://github.com/node-red-contrib-themes/theme-collection](https://github.com/node-red-contrib-themes/theme-collection)

---

<div class="post-metadata">

### Author: ![AllanOricil](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/allanoricil/32/106911_2.png) [@AllanOricil](https://discourse.nodered.org/u/AllanOricil)
#### Post date: [5 September 2025 09:17 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965/3 "2025-09-05T09:17:42Z")

</div>

I know but the nodes colors and icons are not reacting to the theme and most nodes dont support dark AND light themes, only one most of the time.

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [5 September 2025 10:03 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965/4 "2025-09-05T10:03:25Z")

</div>

Agree that a dark mode would be great.

However, if you've look at the core code, some of it has "evolved" 🙂 over the years and there is a mix of classes and manual styling. Also, there is a lot of px based styling rather than % or em units. Not really a criticism, the world of HTML and CSS has changed dramatically over the 10+ years of Node-RED.

Even with clean, structured styling, getting a workable light/dark style can be a challenge.

However, yes, I agree that this would be good. As always though, the question is, who is available to do the work, and would efforts be better spent elsewhere?

Perhaps it would be good to get a _custom dark theme_ together as a foundation and then get a community effort to test and improve if needed? Then, if we can get community consensus, we could request that it be adopted into core.

---

<div class="post-metadata">

### Author: ![mbonani](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/mbonani/32/10631_2.png) [@mbonani](https://discourse.nodered.org/u/mbonani)
#### Post date: [5 September 2025 15:24 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965/5 "2025-09-05T15:24:13Z")

</div>

> [@AllanOricil](#):
>
> icons are not reacting to the theme

Which icons?

---

<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: [4 November 2025 15:25 UTC](https://discourse.nodered.org/t/add-core-dark-theme/98965/6 "2025-11-04T15:25:11Z")

</div>

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