Help needed: Custom CSS File for NR 1.0.3

General
1

Hi NR enthusiasts,

after using Node-Red for years with a custom css file, I would like to move on to 1.0.x.
prestroy: I don't have Node-Red locally installed. I only use it via docker containers, that I build myself.

What I found:
Script to generate the CSS:

The manual at the beginning gives me a hint, how to do it... Thats where I as a user get confused :slight_smile:

What I have done:

  1. created a copy of the file.
  2. tried to run the script. :slight_smile:
    Thats where I failed massively. How should I run the script? I am probably not so familiar with the CLI
    Do I only need the scss file on my machine or the entire src folder?
    Do I have to have Node-Red installed locally? since I only want to bind the css file into a docker container, I don't have it installed locally jet.

image
image992×544 27.7 KB

node -v
v10.16.0
npm -v
6.9.0

do you need any additional Info?

And big Thanks for your help :slight_smile:

2

trial and error helped:
so if someone has a similar problem: here is my solution :slight_smile:

first download the git repo:


I used the zip option.
then I unzipped the files into a new directory "node-red styling"
then I opened a Shell in that directory.
then installed the npm dependencies:
npm install nopt
npm install path
npm install fs
npm install node-sass

then I copied the file "colors.scss" from node-redmaster/packages/node_modules/@node-red/editor-client/src/sass/
into the root dir
now edit the copied file to your styles :slight_smile:
then open a in a shell in node-red styling/scripts or navigate to that directory:
node build-custom-theme.js --in ....\colors.scss --out ....\newcss.css

happy changing colors :slight_smile: