diff --git a/Gruntfile.js b/Gruntfile.js index cd482d1b..810a3f75 100644 --- 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 index ce244fcd..74959b15 100644 --- 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 new file mode 100644 index 00000000..17adbf68 Binary files /dev/null and b/img/blue-greyscreen.png differ diff --git a/img/greenscreen.png b/img/greenscreen.png new file mode 100644 index 00000000..bfacdb4f Binary files /dev/null and b/img/greenscreen.png differ diff --git a/img/orange.less b/img/orange.less new file mode 100644 index 00000000..ff06e313 --- /dev/null +++ b/img/orange.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #EF6C00; \ No newline at end of file diff --git a/img/palette.svg b/img/palette.svg new file mode 100644 index 00000000..79d00ba7 --- /dev/null +++ b/img/palette.svg @@ -0,0 +1,53 @@ + + +
+ + +
+
red
+
pink
+
purple
+
indigo
+
blue
+
light-blue
+
cyan
+
green
+
lime
+
yellow
+
orange
+
brown
+
blue-grey
+
+
+
+ + diff --git a/img/pinkscreen.png b/img/pinkscreen.png new file mode 100644 index 00000000..f5bb0c38 Binary files /dev/null and b/img/pinkscreen.png differ diff --git a/img/purplescreen.png b/img/purplescreen.png new file mode 100644 index 00000000..26b5d6c0 Binary files /dev/null and b/img/purplescreen.png differ diff --git a/less/blue-grey.less b/less/blue-grey.less new file mode 100644 index 00000000..6c09e9fb --- /dev/null +++ b/less/blue-grey.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #607d8c; \ No newline at end of file diff --git a/less/brown.less b/less/brown.less new file mode 100644 index 00000000..3a1dedeb --- /dev/null +++ b/less/brown.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #77655e; \ No newline at end of file diff --git a/less/cyan.less b/less/cyan.less new file mode 100644 index 00000000..3e1fa83b --- /dev/null +++ b/less/cyan.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #009fa2; \ No newline at end of file diff --git a/less/green.less b/less/green.less new file mode 100644 index 00000000..0f072b0a --- /dev/null +++ b/less/green.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #52a13a; \ No newline at end of file diff --git a/less/indigo.less b/less/indigo.less new file mode 100644 index 00000000..7c22ccdf --- /dev/null +++ b/less/indigo.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #5341b9; \ No newline at end of file diff --git a/less/light-blue.less b/less/light-blue.less new file mode 100644 index 00000000..2ee9ffc5 --- /dev/null +++ b/less/light-blue.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #0097ef; \ No newline at end of file diff --git a/less/light-green.less b/less/light-green.less new file mode 100644 index 00000000..6860318d --- /dev/null +++ b/less/light-green.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #689F38; \ No newline at end of file diff --git a/less/lime.less b/less/lime.less new file mode 100644 index 00000000..59e48391 --- /dev/null +++ b/less/lime.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #afb513; \ No newline at end of file diff --git a/less/orange.less b/less/orange.less new file mode 100644 index 00000000..6da1352d --- /dev/null +++ b/less/orange.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #fb5c00; \ No newline at end of file diff --git a/less/pink.less b/less/pink.less new file mode 100644 index 00000000..ca1672bd --- /dev/null +++ b/less/pink.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #ec1561; \ No newline at end of file diff --git a/less/purple.less b/less/purple.less new file mode 100644 index 00000000..ae5ad77a --- /dev/null +++ b/less/purple.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #9d1cb2; \ No newline at end of file diff --git a/less/red.less b/less/red.less new file mode 100644 index 00000000..4eb2d171 --- /dev/null +++ b/less/red.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #F44336; \ No newline at end of file diff --git a/less/yellow.less b/less/yellow.less new file mode 100644 index 00000000..f0361bcb --- /dev/null +++ b/less/yellow.less @@ -0,0 +1,3 @@ +@import 'style'; + +@color-primary: #fdc102; \ No newline at end of file