Node-Red 2.01 Editor theme

I like that. Can we chat about it?

This is gone after updating Node-RED to v2.0.2 and the theme to v2.0.1, right?

Sure.

I don't know the anatomy of the node-red themes (is it all CSS or is there some server side js too?)

Essentially, the theme property under codeEditor needs to be set. I forget now at what point in the start-up this needs to be set.

I'll take a look tomorrow if there is another way.

We can use both CSS and JS in themes.

I can change Monaco's theme by running RED.settings.codeEditor.options.theme = "theme-name" on the browser's console. But I still haven't found a way to do it from within the theme.

I'm talking with nick on slack about how to handle this.

So I have a working method but waiting feedback.

1 Like

All is (almost) well here but since the NR upgrade, I'm still getting these awful white shadows on all tabs in the main screen and in the editor - any ideas?

Exactly what version of Node-RED and the theme have you got installed?

Edit: there's another fix coming for that in the next release.

Hi Nick

Node-Red 2.0.3 and everything in there is up to date.

Theme is midnight-red…

editorTheme: {

theme: "midnight-red",

codeEditor: {

lib: "monaco",

options: {

theme: "vs-dark"

}

},

}

Nice to know a fix is on the way - trivial but annoying - and midnght-red is my favourite theme (untill someone comes along with something even more subtle)

Regards

Pete

I’m open to suggestions :wink:

@mbonani FYI, there is a PR now open for including custom (or pre-set) monaco theme.

You might want to cast an eye over it?

1 Like

Awesome! I’ll take a look at it tonight

1 Like

Hi, ok for inspiration… I like dark themes – Microsoft CODE editor has some winners - black is not good but subtle dark colours with brights for errors – if that helps. I would LOVE to do this myself and contribute back but CSS has always been my weak spot.

Can you list some of them?

We can work together to build one that suits your needs. :wink:

I am also a user of the midnight-red theme, thanks for that!

Recently I discovered the Dracula theme, which has already been implemented for many applications. I find it quite pleasing in terms of colors. Maybe that would be something of interest to you as well.

Thank you!

1 Like

I started working on a theme based on the Dracula theme a few months ago.
I’ll try to revisit it again later this week.

2 Likes