About

A Node-RED 5 theme plugin that layers the Bitpool look on top of Node-RED's own light and dark themes — purely additive, so NR's palettes stay intact and the Appearance (Light/Dark) toggle keeps working. It adds:

• Bitpool cyan accents (deploy button, links, selection, form controls)
• Soft cyan glows on node hover, palette hover and focus
• A gentle glowing cyan line along the header
• An animated connection highlight: select a node and its full logic path (upstream + downstream) lights up with flowing cyan "data pips" and glowing nodes

Requires Node-RED 5.0+ on Node.js 22.9+ (that's where the built-in light/dark themes and the Appearance toggle live).

Installation

Install into your Node-RED user directory (the folder holding settings.js):

$ cd ~/.node-red
$ npm install @bitpoolos/edge-theme

Then set the editorTheme block in settings.js. Only the theme name is required; the page/header entries add the Bitpool branding (Node-RED only allows these in settings.js). Replace <userDir> with your Node-RED user directory (e.g. /home/bitpool/.node-red).

editorTheme: {
    theme: "bitpool-theme",

    page: {
        title: "Bitpool Edge",
        favicon: "<userDir>/node_modules/@bitpoolos/edge-theme/resources/favicon.ico",
    },

    header: {
        // "Bitpool" is real title text (not baked into the SVG) so it takes the
        // editor's header text colour and stays readable in light AND dark.
        title: "Bitpool Edge",
        image: "<userDir>/node_modules/@bitpoolos/edge-theme/resources/bitpool-icon.svg",
    },
}

Restart Node-RED. The CSS, animation and glow all ship inside the package — only the lines above go in settings.js.

Switch Light/Dark from the editor: menu → Settings → Appearance → Theme.

Resources

• bitpool.com
• app.bitpool.com
• wiki.bitpool.com

License

MIT — see the LICENSE file.