@node-red-contrib-themes/theme-collection
v4.0.11
Published
A collection of themes for Node-RED
Downloads
8,317
Maintainers
Readme
Node-RED Contrib Theme Collection
A collection of themes for Node-RED.
📸 See the screenshots
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
📸 See the screenshots
| 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.