# Help needed: Custom CSS File for NR 1.0.3

**URL:** <https://discourse.nodered.org/t/help-needed-custom-css-file-for-nr-1-0-3/20048>\
**Category:** General\
**Created:** [8 January 2020 12:29 UTC](https://discourse.nodered.org/t/help-needed-custom-css-file-for-nr-1-0-3/20048 "2020-01-08T12:29:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![echtelerp](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/echtelerp/32/535_2.png) [@echtelerp](https://discourse.nodered.org/u/echtelerp)\
**Post date:** [8 January 2020 12:29 UTC](https://discourse.nodered.org/t/help-needed-custom-css-file-for-nr-1-0-3/20048/1 "2020-01-08T12:29:09Z")

</div>

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:

> <https://github.com/node-red/node-red/blob/master/scripts/build-custom-theme.js>

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

What I have done:

1. created a copy of the file.
2. tried to run the script. 🙂  
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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/e7163fd5702c6f8a5b6cde485df9b405cffb5344.png)

node -v  
v10.16.0  
npm -v  
6.9.0

do you need any additional Info?

And big Thanks for your help 🙂

---

<div class="post-metadata">

**Author:** ![echtelerp](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/echtelerp/32/535_2.png) [@echtelerp](https://discourse.nodered.org/u/echtelerp)\
**Post date:** [8 January 2020 13:59 UTC](https://discourse.nodered.org/t/help-needed-custom-css-file-for-nr-1-0-3/20048/2 "2020-01-08T13:59:16Z")

</div>

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

first download the git repo:

> **[node-red/node-red](https://github.com/node-red/node-red)**
>
> Low-code programming for event-driven applications - node-red/node-red

  
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 🙂  
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 🙂