Skip to content

Latest commit

 

History

History
134 lines (102 loc) · 3.65 KB

README.md

File metadata and controls

134 lines (102 loc) · 3.65 KB
Raw

Node-RED Contrib Theme Collection

npm (scoped) Release Publish Project license

A collection of themes for Node-RED.

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

📸 Screenshots

  • aurora
  • cobalt2
  • dark
  • dracula
  • espresso-libre
  • github-dark
  • github-dark-default
  • github-dark-dimmed
  • midnight-red
  • monoindustrial
  • monokai
  • monokai-dimmed
  • night-owl
  • noctis
  • noctis-azureus
  • noctis-bordo
  • noctis-minimus
  • noctis-obscuro
  • noctis-sereno
  • noctis-uva
  • noctis-viola
  • oceanic-next
  • oled
  • one-dark-pro
  • one-dark-pro-darker
  • railscasts-extended
  • selenized-dark
  • selenized-light
  • solarized-dark
  • solarized-light
  • tokyo-night
  • tokyo-night-light
  • tokyo-night-storm
  • totallyinformation
  • zenburn

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.