HOW TO: Change Node Red Themes with Home Assistant OS

Third party integrations Node-RED
1

I thought I would put this up to assist others, after countless hours of searching I could not find a definitive guide.

The finally stumbled across this post by D4vy. I have modified his instructions to suit 2024 rather than 2021.

INSTALL THEME

  1. Open NodeRED, Click Hamburger Button (Top Right) on NodeRED
  2. Select Manage Pallette
    image
    image268×554 6.44 KB
  3. Select Install Tab
  4. Search for ‘theme’ and select @node-red-contrib-themes/theme-collection
  5. Click install button.
    image
    image715×372 14.8 KB

ACTIVATING THEME

  1. Go to Home Assistant Settings
  2. Go to Add-ons
  3. In the list of installed Add-ons, select NodeRED
  4. Go to the Configuration tab
  5. Change the value of the theme to monokai
  6. Click SAVE (it will prompt you to restart the add-on)
    (there is a SAVE for Options and another for Network on the Configuration page.)
    image
    image772×957 20.9 KB
  7. Confirm to restart the NodeRED add-on
  8. Enjoy the theme :slight_smile:
1 Like
2

You can skip the “INSTALL THEME” section for the Node-RED add-on. The theme package comes pre-installed in the add-on.

You have a small typo there; it’s monokai. :wink:

1 Like
3

Will fix thanks mate. I thought I may have installed the themes at some point in the past. Good to know.
NodeRED need to update their documentation and then theme package should probably state this too. Sent me around in circles for quite some time.