Skip to content

lgrkvst/theme-collection

 
 

Repository files navigation

Node-RED Contrib Theme Collection

npm (scoped) NPM Publish Maintenance Project license

A collection of themes for Node-RED.

Report a Bug · Request a Theme · Ask a Question

Table of Contents

Installation

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

NOTE: The command above installs the latest version of the theme collection, which is compatible with Node-RED 3.0 and later. For Node-RED version 2.2.X, run npm install @node-red-contrib-themes/[email protected].

Theme list

dd

Name Description Examples
aurora Inspired by the Aurora Theme for Sublime Text screenshot
cobalt2 Based on the Cobalt2 Theme for VS Code screenshot
dark A dark theme for Node-RED screenshot
dracula Based on the Dracula theme screenshot
espresso-libre Inspired by the Espresso Libre theme for Monaco Editor screenshot
github-dark Based on the GitHub Dark (legacy) theme from GitHub's VS Code themes screenshot
github-dark-default Based on the GitHub Dark Default theme from GitHub's VS Code themes screenshot
github-dark-dimmed Based on the GitHub Dark Dimmed theme from GitHub's VS Code themes screenshot
midnight-red Based on the Midnight theme for Home Assistant screenshot
monoindustrial Based on the monoindustrial theme for Monaco Editor screenshot
monokai Based on the Monokai theme for VS Code screenshot
monokai-dimmed Based on the Monokai Dimmed theme for VS Code screenshot
noctis Inspired by the Noctis theme for VS Code screenshot
oceanic-next Based on the Oceanic Next Color Scheme screenshot
oled A Node-RED dark theme for OLED displays screenshot
one-dark-pro Based on the Default theme from One Dark Pro screenshot
one-dark-pro-darker Based on the Darker theme from One Dark Pro screenshot
solarized-dark Based on the Solarized color palette screenshot
solarized-light Based on the Solarized color palette screenshot
tokyo-night Based on the Tokyo Night theme from Tokyo Night theme screenshot
tokyo-night-light Based on the Tokyo Night Light theme from Tokyo Night theme screenshot
tokyo-night-storm Based on the Tokyo Night Storm theme from Tokyo Night theme screenshot
totallyinformation Created per request of Julian Knight (@TotallyInformation) screenshot
zenburn Inspired by the Zenburn color scheme for Vim screenshot

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 dark theme.

editorTheme: {
    theme: "dark"
},

NOTE: For details on the Node-RED's configuration file and its structure, please refer to the Node-RED official documentation.

Themed Scrollbars [DEPRECATED]

NOTE: This feature is now deprecated and will be removed in the next major release.

Includes the theme and changes the scrollbars to make them better fit the theme.

Add -scroll to the name of the theme you chose.

For example, this sets Node-RED to use the midnight-red theme with themed scrollbars.

editorTheme: {
    theme: "midnight-red-scroll"
},

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: "",
        },
    },
},

Contributing

First off, thanks for taking the time to contribute! Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make will benefit everybody else and are greatly appreciated.

Please read our contribution guidelines, and thank you for being involved!

License

This project is licensed under the MIT license.

Show your support

Please ⭐️ this repository if this project helped you!

Buy Me A Coffee

About

A collection of themes for Node-RED

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • SCSS 94.2%
  • JavaScript 5.6%
  • CSS 0.2%