node-red-docker/data/frodo/node_modules/@node-red-contrib-themes/midnight-red
David Kebler 1e3c815ac6 initial commit of all scripts and complete data folder 2020-12-08 18:03:23 -08:00
..
LICENSE initial commit of all scripts and complete data folder 2020-12-08 18:03:23 -08:00
README.md initial commit of all scripts and complete data folder 2020-12-08 18:03:23 -08:00
package.json initial commit of all scripts and complete data folder 2020-12-08 18:03:23 -08:00
scrollbars.css initial commit of all scripts and complete data folder 2020-12-08 18:03:23 -08:00
theme.css initial commit of all scripts and complete data folder 2020-12-08 18:03:23 -08:00

README.md

Midnight Node-RED theme

Project Maintenance License GitHub Activity GitHub Last Commit

NPM Shield

About

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

screenshot

Install

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

cd ~/.node-red

Install this package.

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

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

editorTheme: {
    page: {
        css: "<HOME>/.node-red/node_modules/@node-red-contrib-themes/midnight-red/theme.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.

Enjoy!

Update

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

cd ~/.node-red

Update this package.

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

Reload the Node-RED page on the web browser.

Scrollbars (EXPERIMENTAL)

This version includes a change to the scrollbars by Villhellm to make them better fit the dark theme.

NOTE: This is EXPERIMENTAL! Please let us know if you find any issues when using it.

If you want to try it, change the editorTheme section of your settings.js to look like the following.

editorTheme: {
    page: {
        css: [
            "<HOME>/.node-red/node_modules/@node-red-contrib-themes/midnight-red/theme.css",
            "<HOME>/.node-red/node_modules/@node-red-contrib-themes/midnight-red/scrollbars.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.

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