/midnight-red

A gorgeous dark theme for Node-RED

Primary LanguageSCSSMIT LicenseMIT

Node-RED Contrib Theme: Midnight-RED

Project Maintenance License GitHub Activity GitHub Last Commit

NPM Shield

Buy Me A Coffee

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

screenshot

Install

Install via npm

npm install @node-red-contrib-themes/midnight-red

Configuration

Add the following to the editorTheme section of your settings.js, and then restart Node-RED.

editorTheme: {
    theme: "midnight-red"
},

Themed Scrollbars (EXPERIMENTAL)

This includes the theme and changes to the scrollbars to make them better fit the theme.

NOTE: This is EXPERIMENTAL and may not work on all browsers.

If you want to try it, add the following to the editorTheme section of your settings.js, and then restart Node-RED.

editorTheme: {
    theme: "midnight-red-scroll"
},

Monaco Editor Themes

This package comes with a pre-configured theme for the Monaco editor.

NOTE: Node-RED version 2.1 or newer is required.

If you want to use it, leave the theme option under codeEditor in your settings.js file commented out.

codeEditor: {
    lib: "monaco",
    options: {
        // theme: "vs",
    }
}    

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

Enjoy!

Acknowledgments

  • 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.

License

MIT