Code Editor Backgroud or Theme

New to Node-RED. I changed the theme to dark in setting.js and it changed most things but not the main editor background. I am running in a docker container with the latest version using the Monaco editor. thx.

Welcome to the forum @slapme.

Show us exactly what you have changed please.

node-red v4.0.2 in a docker container.
installed themes from here: Themes

changed theme in settings.js (data directory)

       editorTheme: {
             /** The following property can be used to set a custom theme for the editor.
              * See https://github.com/node-red-contrib-themes/theme-collection for
              * a collection of themes to chose from.
              */
             theme: "dark",
  
             /** To disable the 'Welcome to Node-RED' tour that is displayed the first
              * time you access the editor for each release of Node-RED, set this to false
              */
               tours: false, 

what is main editor? show us.

If you mean the code editor (the Monaco code editor) then if the theme does not set by the node-red theme, you can set the monaco theme yourself How to use themes with Monaco editor - #7 by Steve-Mcl

options include "vs", "vs-dark" and anything you see in here: node-red/packages/node_modules/@node-red/editor-client/src/vendor/monaco/dist/theme at master · node-red/node-red · GitHub e.g. "ace", "dawn", "dracula", "birds-of-paradise" etc.

That works ok for me. Have you installed the latest version of the themes (4.0.7). you can update it in Manage Palette if necessary.

image

I prefer midnight-red, which is not quite so dark.
It might be worth clearing the cache in the browser, via the menus not via hot keys.

hey thanks for the response and welcome!

yea..i mean the main display where you build the flows. I'll attach a screen shot. I am aware of the code editor options as well. I set that to vs-code. I do have the latest themes 4.0.7 and I have cleared the browser cache, no joy. I just like dark themes when working! I was hoping to try them all and pick one!! I may have to delete the container and run it in the console to see if there are any error messages. I run it detached now. Any more suggestions? I'll keep looking.

(attachments)

ok so I ran the node-Red container attached and I am receiving an error.

Error: EACCES: permission denied, copyfile '/usr/src/node-red/node_modules/node-red/settings.js' -> '/data/settings.js'

i have check the permission on the node-red data directory I am targeting and it is indeed 1000:1000. Not sure where to do at this point.
thank

ok..some progress. I delete the docker image and rebuilt it to clear npm cache and then started the container using UID="$(id -u)" GID="$(id -g)" parameters and that seemed to work however the main flow panel does not change with the theme. weird....no idea...see attached...this is "aurora" theme. doesn't want to change to the flow diagram area to dark.

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.