A collection of themes for Node-RED.
Search for @node-red-contrib-themes/theme-collection
Run the following command from within the Node-RED user data directory (by default, $HOME/.node-red
).
npm install @node-red-contrib-themes/theme-collection
If you have an idea for a new theme, you can request it here, or better yet, create one yourself.
Set theme: "<theme-name>"
in the editorTheme
object in your settings.js
and then restart Node-RED.
For example, this sets Node-RED to use the midnight-red
theme.
editorTheme: {
theme: "midnight-red"
},
For details on the Node-RED's configuration file and its structure, please refer to the Node-RED official documentation.
Each theme in this collection comes with a pre-configured theme for the Monaco editor.
Just leave theme
in the codeEditor
object commented out.
For example, this sets Node-RED to use the dracula
theme and its pre-configured theme for the Monaco editor.
editorTheme: {
theme: "dracula",
codeEditor: {
lib: "monaco",
options: {
// theme: "",
},
},
},
Each theme in this collection comes with a pre-configured theme for the Mermaid diagramming and charting tool.
Just leave theme
in the mermaid
object commented out.
For example, this sets Node-RED to use the dark
theme and its pre-configured theme for the Mermaid diagramming and charting tool.
editorTheme: {
theme: "dark",
mermaid: {
// theme: "",
},
},
Please refer to the DEVELOPMENT.md
file for details on how to set up a local development environment.
This project is licensed under the MIT license.