Hello everyone, here I leave a small dark-theme for Node RED. If anyone has any suggestions, please comment. Greetings. [screenshot_darkred] [image] opselo/darkRed A dark theme for node-red editor. Contribute to opselo/darkRed development by creating an account on GitHub. …

There is also this Dark Reader If you use chrome. It gives you dark mode on whole browser and and can be switched on and off easily with button at top of browser (the icon that looks like 2 red eyes top right). Only issue is that it does slow browser responce by about .5 to 1 sec on my system. here…

Hi! I've also created a dark theme for Node-RED. Initially I did it by writing a userstyle that could be used through the Stylus browser extension. But unfortunately some parts of the UI turned out to be too painful to change using CSS overrides (besides I also wanted it to be dark on my tablet to …

Screenshot of the code editor: [image] (I was not able to add two images to a single post as a new user)

Cool! Thanks :slight_smile: Maybe the developers can accept your fork and merge into the master as choosable option? I just realized it is not possible to turn on "Dark mode" at Settings by default. I've thought I'm missing something, because I'm still learning NR and it seemed unlogical there is…

This is the problem with comment on posts that are almost 2 years old... The information is completely out of date. It is now possible to install themes using npm and use your settings file to load them. For example: https://www.npmjs.com/package/@node-red-contrib-themes/midnight-red

[image] knolleary: https://www.npmjs.com/package/@node-red-contrib-themes/midnight-red I've installed it, modified setting.js, restarted NR >> Nothing! Still full white. @ristomatti < will try yours now.

[image] PizzaProgram: I've installed it, modified setting.js, restarted NR >> Nothing! Still full white. Then perhaps you haven't done it quite right as many people are successfully using that theme. What exactly did you put in your settings file?

// Customising the editor editorTheme: { editorTheme: { page: { css: "/home/openhabian/.node-red/node_modules/@node-red-contrib-themes/midnight-red/theme.css" } }, projects: { // To enable the Projects feature, set this value to true enabled: fa…

You have one too many editorTheme levels there. There should be one editorTheme setting with page beneath it.

Node-RED

Node-RED Forum

A Dark-Theme for Node-RED here!

Share Your Projects

ristomatti 27 December 2020 15:21 7

It's also much easier to use my theme nowadays! See [Announce] @node-red-contrib-themes/solarized-dark-grey.

Topic		Replies	Views
Add a "Dark/Light Mode" Toggle Switch in the Node-RED Editor Feature Requests editor , dark-theme	2	149	23 November 2025
Dark Mode Theme - Looking rather pale General	2	1761	15 August 2021
Add core Dark theme Developing Nodes	4	163	5 September 2025
Dark theme not working for me General	10	1628	16 May 2021
[Announce] @node-red-contrib-themes/solarized-dark-grey Share Your Projects	11	2199	6 July 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

A Dark-Theme for Node-RED here!

Related topics