@node-red-contrib-themes/theme-collection 4.0.11
A collection of themes for Node-RED
Node-RED Contrib Theme Collection
A collection of themes for Node-RED.
Table of Contents
Installation
Install via the Palette Manager
Search for @node-red-contrib-themes/theme-collection
Install with npm
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
Theme list
| Name | Description |
|---|---|
aurora |
Inspired by the Aurora Theme for Sublime Text |
cobalt2 |
Based on the Cobalt2 Theme for VS Code |
dark |
A dark theme for Node-RED based on VS Code's Dark Modern theme |
dracula |
Based on the Dracula theme |
espresso-libre |
Inspired by the Espresso Libre theme for Monaco Editor |
github-dark |
Based on the GitHub Dark (legacy) theme from GitHub's VS Code themes |
github-dark-default |
Based on the GitHub Dark Default theme from GitHub's VS Code themes |
github-dark-dimmed |
Based on the GitHub Dark Dimmed theme from GitHub's VS Code themes |
midnight-red |
Based on the Midnight theme for Home Assistant |
monoindustrial |
Based on the monoindustrial theme for Monaco Editor |
monokai |
Based on the Monokai theme for VS Code |
monokai-dimmed |
Based on the Monokai Dimmed theme for VS Code |
noctis |
Inspired by the Noctis theme for VS Code |
oceanic-next |
Based on the Oceanic Next Color Scheme |
oled |
A Node-RED dark theme for OLED displays |
one-dark-pro |
Based on the Default theme from One Dark Pro |
one-dark-pro-darker |
Based on the Darker theme from One Dark Pro |
solarized-dark |
Based on the Solarized color palette |
solarized-light |
Based on the Solarized color palette |
tokyo-night |
Based on the Tokyo Night theme from Tokyo Night theme |
tokyo-night-light |
Based on the Tokyo Night Light theme from Tokyo Night theme |
tokyo-night-storm |
Based on the Tokyo Night Storm theme from Tokyo Night theme |
totallyinformation |
Created per request of Julian Knight (@TotallyInformation) |
zenburn |
Inspired by the Zenburn color scheme for Vim |
If you have an idea for a new theme, you can request it here, or better yet, create one yourself.
Usage
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.
Monaco Editor Theme
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: "",
},
},
},
Mermaid 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: "",
},
},
Development
Please refer to the DEVELOPMENT.md file for details on how to set up a local development environment.
License
This project is licensed under the MIT license.
