Collection of Node-RED themes published by the Node-RED Contrib Themes team.

Install via npm

npm install @node-red-contrib-themes/theme-collection

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

editorTheme: {
    theme: "<theme-name>"
},

Replace <theme-name> with the name of the theme you want to use. Currently available options:

• dark
• dracula
• midnight-red
• oled
• solarized-dark
• solarized-light

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

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: "<theme-name-scroll>"
},

Replace <theme-name-scroll> with the name of the theme you want to use. Currently available options:

• dark-scroll
• dracula-scroll
• midnight-red-scroll
• oled-scroll
• solarized-dark-scroll
• solarized-light-scroll

Each theme package in this collection 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!

MIT