TobiX · adriandema · Mar 3, 2021 · Mar 4, 2021 · Mar 4, 2021 · Mar 5, 2021
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -4,7 +4,20 @@ module.exports = function (grunt) {
     var pkg = grunt.file.readJSON('package.json');
 
     var lessFiles = {
-        "dist/neo-light.css": "less/style.less",
+        "dist/neo-light.css":"less/style.less", 
+        "dist/red.css": "less/red.less",
+        "dist/pink.css": "less/pink.less",
+        "dist/purple.css": "less/purple.less",
+        "dist/indigo.css": "less/indigo.less",
+        "dist/blue.css": "less/style.less", 
+        "dist/cyan.css": "less/light-blue.less",
+        "dist/green.css": "less/green.less",
+        "dist/lime.css": "less/lime.less",
+        "dist/yellow.css": "less/yellow.less",
+        "dist/orange.css": "less/orange.less",
+        "dist/brown.css": "less/brown.less",
+        "dist/blue-grey.css": "less/blue-grey.less",
+
     };
 
     grunt.initConfig({

diff --git a/README.md b/README.md
@@ -21,9 +21,7 @@ with modern versions of Jenkins.
 
 ## Screenshots
 
-![Start page](img/screenshot1.png)
-![Job page](img/screenshot2.png)
-
+![Start page](img/screenshot1.png)![Job page](img/screenshot2.png)![Job page](img/greenscreen.png)![Job page](img/blue-greyscreen.png)![Job page](img/pinkscreen.png)![Job page](img/purplescreen.png)
 
 ## Installation
 
@@ -32,25 +30,34 @@ an older version, for example `/v0.2.0/`.
 
 ### Using this GitHub page
 
+
 1. Install [Jenkins Simple Theme Plugin][simple]
 
 2. Click `Manage Jenkins`
 
 3. Click `Configure System` and scroll down to `Theme`
 
-4. Specify the URL for `https://tobix.github.io/jenkins-neo2-theme/dist/neo-light.css`.
+4. Choose your color for the header:
+
+![palette](img/palette.svg)
+
+5. Replace {{your-color-name}} in the URL by the chosen color: `https://tobix.github.io/jenkins-neo2-theme/dist/{{your-color-name}.css`.
+
 
-5. Click `Save`
+>for example  `https://tobix.github.io/jenkins-neo2-theme/dist/blue.css`
+
+6. Click `Save`
 
 
 ### Using your Jenkins Hosting
 
-1. Copy the file
-   `https://tobix.github.io/jenkins-neo2-theme/dist/neo-light.css` to the
-   directory `userContent` in your `JENKINS_HOME`
+1. Follow the step 1 and 2 of the previous method
+
+2. Download the generated URL
 
-2. Follow the steps of the previous method and use `/userContent/neo-light.css`
-   as the URL.
+3. Upload the downloaded file to your web server
+
+4. Follow the steps 3 to 7 of the previous method using your uploaded file as URL in step 6
 
 
 ## Development
@@ -62,9 +69,11 @@ installed, you can build everything with:
 yarn test
 ```
 
-This will generate the following file:
+This will generate the following files, one for each {{color}}:
+
+- dist/{{color}}.css
 
-- dist/neo-light.css
+for example  `dist/blue.css`
 
 ## Compatibility
 

diff --git a/img/blue-greyscreen.png b/img/blue-greyscreen.png
diff --git a/img/greenscreen.png b/img/greenscreen.png
diff --git a/img/orange.less b/img/orange.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #EF6C00;
diff --git a/img/palette.svg b/img/palette.svg
diff --git a/img/pinkscreen.png b/img/pinkscreen.png
diff --git a/img/purplescreen.png b/img/purplescreen.png
diff --git a/less/blue-grey.less b/less/blue-grey.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #607d8c;
diff --git a/less/brown.less b/less/brown.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #77655e;
diff --git a/less/cyan.less b/less/cyan.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #009fa2;
diff --git a/less/green.less b/less/green.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #52a13a;
diff --git a/less/indigo.less b/less/indigo.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #5341b9;
diff --git a/less/light-blue.less b/less/light-blue.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #0097ef;
diff --git a/less/light-green.less b/less/light-green.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #689F38;
diff --git a/less/lime.less b/less/lime.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #afb513;
diff --git a/less/orange.less b/less/orange.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #fb5c00;
diff --git a/less/pink.less b/less/pink.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #ec1561;
diff --git a/less/purple.less b/less/purple.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #9d1cb2;
diff --git a/less/red.less b/less/red.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #F44336;
diff --git a/less/yellow.less b/less/yellow.less
@@ -0,0 +1,3 @@
+@import 'style';
+
+@color-primary: #fdc102;