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.