# 🎉 Node-RED 5.0.0-beta.5 now available

**URL:** <https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784>\
**Category:** News\
**Tags:** docker\
**Created:** [16 April 2026 16:46 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784 "2026-04-16T16:46:30Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 April 2026 16:46 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/1 "2026-04-16T16:46:31Z")

</div>

🎉 The fifth, and hopefully final, **beta** release of Node-RED 5 is now available!

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/20b92dc227503ec7c98defa70120ce25eaeac7be.png)

This release brings another big iteration of the sidebar management, a number of updates to the default light theme to improve accessibility, plus a dark mode theme!

The changelog lists out all of the PRs in this release: [node-red/CHANGELOG.md at dev · node-red/node-red · GitHub](https://github.com/node-red/node-red/blob/dev/CHANGELOG.md)

### Install-free Demo

If you have a WebKit-based browser (eg Chrome), you can preview the release here:

> **[Node-RED Preview](https://dev--node-red-preview.netlify.app/)**

### Sidebar changes

The method of positioning sidebars by dragging their buttons around just wasn't working well - so we've scrapped it. Now you can drag the panels themselves - a much more intuitive approach.

To make this work, each sidebar now has a small header - that includes the name of the panel - which can be grabbed by the mouse and moved around.

The sidebar panel buttons are now grouped all together, regardless of which side the panel is shown. You can still drag the buttons to reorder them to your choosing, but that doesn't change the panel positions any more. We've also added toggle buttons to open/close the sidebars in one, easy-to-find, click.

### Selection appearance changes

We've changed the appearance of selected nodes in the editor.

1. It now shows as a halo around the node - rather than just changing the existing node border. This makes it easier to spot what is selected and clashes less with the colour of the node body
2. It's blue. I'm missing the orange, but we're giving this a go.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/4/a47ac196ff83c368339fcabb72d46faafe5cf69d.png)

### Dark mode

We finally have a built-in Dark theme! The editor will automatically pick the light or dark theme based on your browser/os preferences. But you can explicitly pick on via the User Settings dialog in the editor. We still need to do a bit more work to support 3rd party themes providing both light and dark themes in a single package - but that will come.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/38a3006763404c115df46752e331d9ddd04d5213.jpeg)

### Known Issues

Just after I published the beta, @Steve-Mcl spotted an issue with Junction nodes going invisible when you hover over them. The issue has already been raised and will, of course, be fixed.

* * *

## Installing the beta

If you want to try out the beta, you will need specify node-red@next when you use npm to update. Without the `@next` you'll still get 4.1.x

So on a Pi you'd do:

```auto
sudo npm install -g --unsafe-perm node-red@next

```

## Docker images

The beta images are available under `nodered/node-red-dev:v5.0.0-beta.5` - with the default image being based on **Node 24**.

## Reporting problems

If you hit any problems, please report them either as a reply on this topic, or in the #core-dev slack channel. Please do not post new topics to the forum regarding the beta as that could confuse users who are not using the beta.

## What's Next

The Node-RED 5.0 work is being tracked in [this issue](https://github.com/node-red/node-red/issues/5362). From there you'll find sub-issues for the various strands of activity going into Node-RED 5.

We've decided to focus Node-RED 5 on the UX improvements so that we can get to a final version sooner rather than later. This will mean cutting back on scope and being very selective over what else gets in from this point. There are a few inflight PRs and fixes that will still target 5.0, but this should be the last beta we release.

---

<div class="post-metadata">

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\
**Post date:** [16 April 2026 17:05 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/2 "2026-04-16T17:05:58Z")

</div>

Hi @knolleary

Testing B5, there seems to be some sporadic issue with `RED.panels`.  
when resizing the side Panel - it does really strange magic - I didn't see this in previous BETA's

Commence the Jif!

![Apr-16-2026 18-01-45](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/b/bbb7d0df3619225ebaa6f7870372fd0ce915f145.gif)

Source:

**Create Panel**

> <https://github.com/zwave-js/node-red-contrib-zwave-js/blob/1630b01d9425d213d2cd742bc4df387ce7f4456a/resources/UITab/SideBar.js#L142>

**HTML**

> <https://github.com/zwave-js/node-red-contrib-zwave-js/blob/1630b01d9425d213d2cd742bc4df387ce7f4456a/plugins/ZWaveJSUIBootstrap.html#L70>

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 April 2026 17:08 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/3 "2026-04-16T17:08:45Z")

</div>

Hey @marcus-j-davies

Can you raise a gh issue with those details? Will be some weird CSS interactions breaking height calculations.

---

<div class="post-metadata">

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\
**Post date:** [16 April 2026 17:14 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/4 "2026-04-16T17:14:41Z")

</div>

No Problem : Done

> <https://github.com/node-red/node-red/issues/5636>
>
> As discussed \[Here\](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-av…ailable/100784/2?u=marcus-j-davies)
> 
> There seems to be some sporadic issue with \`RED.panels\`
> when resizing the side Panel - it does really strange magic - I didn't see this in previous BETA's
> 
> Commence the Jif!
> 
> \<img width="1646" height="894" alt="Image" src="https://github.com/user-attachments/assets/390b2c90-f432-446f-8d20-23185da8ba9b" /\>
> 
> Source:
> 
> \*\*Create\*\* : https://github.com/zwave-js/node-red-contrib-zwave-js/blob/1630b01d9425d213d2cd742bc4df387ce7f4456a/resources/UITab/SideBar.js#L142
> 
> \*\*HTML\*\* : https://github.com/zwave-js/node-red-contrib-zwave-js/blob/1630b01d9425d213d2cd742bc4df387ce7f4456a/plugins/ZWaveJSUIBootstrap.html#L70

---

<div class="post-metadata">

**Author:** ![Botched1](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/botched1/32/21190_2.png) [@Botched1](https://discourse.nodered.org/u/Botched1)\
**Post date:** [16 April 2026 17:32 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/5 "2026-04-16T17:32:36Z")

</div>

Super minor, but... See this tip:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/4/94fb23fbb4f3df760fa9e19cf3d4aee69f303e40.png)

That is not true if you selected multiple nodes with a SHIFT-CLICK. In that case "enter" always edits the one you shift clicked on, not the 1st node in the selection in terms of flow order.

Likely not V5 specific.

---

<div class="post-metadata">

**Author:** ![AllanOricil](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/allanoricil/32/106911_2.png) [@AllanOricil](https://discourse.nodered.org/u/AllanOricil)\
**Post date:** [16 April 2026 19:31 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/6 "2026-04-16T19:31:11Z")

</div>

Please dont release that new selection. It is horrible 😢

Or at least do it like in my flow diff tool, with a small top and bottom paddings

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/4/547752e30cdc202f02d09078f80316539a29e800.png)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [16 April 2026 19:57 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/7 "2026-04-16T19:57:54Z")

</div>

Thanks for this Nick.

Dark mode is a trip to the '90's 😃 But that's minor. I know how hard it is to get dark modes looking reasonable.

One more serious point though. And I don't recommend dealing with it before v5 is released, however, you _really_ do need to get someone to have a look at Node-RED accessibility. Someone implementing Node-RED in a production environment is going to get caught out and potentially fined if it isn't dealt with at some point. It is a long way off WCAG 2.2 AA right now and that is the minimum legal requirement in the EU, UK, and elsewhere.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 April 2026 20:14 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/8 "2026-04-16T20:14:31Z")

</div>

The updates made to the light mode in this release were all done to ensure contrast ratios meet wcag requirements across the board.

You can see a full breakdown of the changes in this comment from my colleague Noley who did much of the leg work on this. [UX: Improve accessibility of default theme - colour palette · Issue #5532 · node-red/node-red · GitHub](https://github.com/node-red/node-red/issues/5532#issuecomment-4192860542)

I won't claim it's 100% there, but it's a much improved situation and a better baseline to build from.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [16 April 2026 20:17 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/9 "2026-04-16T20:17:35Z")

</div>

Sorry, I just did a quick check on the dark mode. 😃

Great to know this is getting some focus.

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [16 April 2026 20:21 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/10 "2026-04-16T20:21:35Z")

</div>

There's (still) an area of white space on the debug panel - between toolbar & the scrolling content.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/3/230583376f7f41088b90f21b45af42ae8910ede5.png)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [16 April 2026 20:30 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/11 "2026-04-16T20:30:40Z")

</div>

> [@ralphwetzel](#):
>
> (still)

Does that mean you saw this in earlier betas as well? My apologies if you'd reported it and I have missed it. I don't see that myself - would interesting to hear if anyone else does.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [16 April 2026 20:55 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/12 "2026-04-16T20:55:21Z")

</div>

In the dark mode the grid is virtually invisible (for my monitor and eyes anyway). Can that be tweaked a bit?

The panel operation is much improved 🙂

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [16 April 2026 21:01 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/13 "2026-04-16T21:01:28Z")

</div>

I am seeing that too, I didn't notice it previously, but I didn't particularly look for it. I will drop back to previous version in the morning and have a look if I have time.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/7/17105007662f3791286061e41e6b37eb14cdb663.png)

---

<div class="post-metadata">

**Author:** ![paranoidi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paranoidi/32/106701_2.png) [@paranoidi](https://discourse.nodered.org/u/paranoidi)\
**Post date:** [16 April 2026 23:06 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/14 "2026-04-16T23:06:38Z")

</div>

The blue box looks like it might be quite messy looking with multiple nodes selected which are close by.

Anyway I will use this opportunity to highlight one of my biggest frustrations with Node-RED which is closely related. When searching node via find (ctrl-f) and selecting a node. The UI goes to the flow where the node is located and highlights it with dashed blinking red border. This is very annoying game of Where's Waldo. Please make that one to use the offset border as well! We are much more tuned to detect movement compared to a color change.

---

<div class="post-metadata">

**Author:** ![Aaqu](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaqu/32/101407_2.png) [@Aaqu](https://discourse.nodered.org/u/Aaqu)\
**Post date:** [17 April 2026 02:47 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/15 "2026-04-17T02:47:41Z")

</div>

In my opinion edit area, this isn't dark mode, it's ultra dark.  
Will there be an intermediate mode, something like vscode?

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [17 April 2026 06:12 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/16 "2026-04-17T06:12:34Z")

</div>

> [@knolleary](#):
>
> Does that mean you saw this in earlier betas as well?

I can confirm I noticed it already for some time; didn't report it though.

Switching branches on my system: It's not visible in `main`, but in `dev`.  
It's even visible - on my system - in the [preview](https://dev--node-red-preview.netlify.app).

Vivaldi & Chrome - local & preview, even Safari (local) ... same situation.

A bit of analysis:

```auto
.red-ui-debug-content {
    position: absolute;
    top: 43px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
}

```

As `top` is hardcoded in the class, it's not considering the height of the v5-style toolbar, which is lower now than before.

---

<div class="post-metadata">

**Author:** ![ralphwetzel](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ralphwetzel/32/53713_2.png) [@ralphwetzel](https://discourse.nodered.org/u/ralphwetzel)\
**Post date:** [17 April 2026 06:56 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/17 "2026-04-17T06:56:10Z")

</div>

There's another visual I noticed recently: the multiplayer "indicators".

v4:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/8/58ca6903d74e2cd7c13b6e13fe325292af447eb6.png)

v5:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/7/a79c9684901a64b1a0656673afabede46ef90976.png)

My view: The indicator on the flow tab is ... "misplaced" & too big. Difficult to find a good design though, as the label now is centered.  
The green one - again my view - looks as well too big.

Additionally ...

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/4/347782fec52857a7b3bb816ae4b8cf2599fedf4c.png)  
... the new design is now mixing circles and squares in the bar - both to indicate "users".

---

<div class="post-metadata">

**Author:** ![Aaqu](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/aaqu/32/101407_2.png) [@Aaqu](https://discourse.nodered.org/u/Aaqu)\
**Post date:** [17 April 2026 07:24 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/18 "2026-04-17T07:24:07Z")

</div>

I came across this as well, but the multilayer approach seems to have been abandoned.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [17 April 2026 11:02 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/19 "2026-04-17T11:02:31Z")

</div>

Thanks for the feedback everyone. We've fixed up the following items.

- [Junction/port highlight wrong](https://github.com/node-red/node-red/pull/5635)
- [Sidebar resizing oddness](https://github.com/node-red/node-red/pull/5638)
- [Unsightly gap in the debug sidebar](https://github.com/node-red/node-red/pull/5639)
- [Multiplayer icons not aligning](https://github.com/node-red/node-red/pull/5640)

We're going to look again at the new selection appearance - no doubt there is some refinement to be had there.

Would be good to hear what people think about the new drag-n-drop panel arrangement.

---

<div class="post-metadata">

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\
**Post date:** [17 April 2026 11:10 UTC](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784/20 "2026-04-17T11:10:24Z")

</div>

> [@knolleary](#):
>
> Would be good to hear what people think about the new drag-n-drop panel arrangement.

Much better IMO.  
Using the panel icons was confusing, it was trial and error placing them where you want them.

The new way of highlighting where it will he placed is 💯

[Next page](https://discourse.nodered.org/t/node-red-5-0-0-beta-5-now-available/100784.md?page=2)