Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including node-red-contrib-theme-midnight-red with all npm packages installed. Try it out:

node-red-contrib-theme-midnight-red lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("node-red-contrib-theme-midnight-red/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

node-red-contrib-theme-midnight-red v1.0.29

A gorgeous dark theme for Node-RED

Midnight Node-RED theme

Project Maintenance License GitHub Activity GitHub Last Commit

NPM Shield


A dark theme for Node-RED based on the midnight theme for Home Assistant.



Change to the Node-RED userDir directory, usually ~/.node-red.

cd ~/.node-red

Install this package.

npm install node-red-contrib-theme-midnight-red

Add the following to the editorTheme section of your settings.js.

editorTheme: {
    page: {
        css: "<HOME>/.node-red/node_modules/node-red-contrib-theme-midnight-red/midnight.css"

Replace <HOME> with the home directory of the user running Node-RED. For example, /home/username.

For more details on the configuration please refer to the Node-RED official documentation.

Restart Node-RED.



Change to the Node-RED userDir directory, usually ~/.node-red.

cd ~/.node-red

Update this package.

npm update node-red-contrib-theme-midnight-red

Reload the Node-RED page on the web browser.


  • Sebastian Raff - for the inspiration and help in creating the NPM package for this theme.
  • Ristomatti Airo - for his amazing theme on which major readability improvements were based.



RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free