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

Midnight Node-RED theme

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

Install

Install via npm

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

Configuration

Node-RED version 1.3.0 or later

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 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, change the editorTheme section of your settings.js to look like the following, and then restart Node-RED.

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

Node-RED versions from 1.0.0 to 1.2.9

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

editorTheme: {
    page: {
        css: [
            "<user-dir>/node_modules/@node-red-contrib-themes/midnight-red/theme.css"
            // Uncomment the next two lines if you want to use the themed scrollbars.
            // ,
            // "<user-dir>/node_modules/@node-red-contrib-themes/midnight-red/theme-scrollbars.css",
        ]
    }
}

Replace <user-dir> with the Node-RED User directory. For example, /home/username/.node-red.

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