Jenkins Atlassian Theme
So you want Bamboo but you can´t afford it? Well, you´re in luck! Introducing Jenkins Atlassian Theme - Bamboo for the poor. It's the perfect middle ground - not Bamboo, but looks like it could be!
In just seven easy steps this camouflage will make Jenkins look just like a product from Atlassian and blend in with the rest of your Atlassian development environment like Stash, Jira and Confluence.
The project is not affiliated or endorsed by Atlassian
Live Demo
A live demo with the latest changes is available at test.do.
Login with the following credentials:
- Username: DrJenkins
- Password: SunflowerRainbowPrince
Installation
-
Install the JQuery Plugin
-
Install the Simple Theme Plugin
-
Install the Gravatar Plugin
-
Upload
theme.js
,theme.css
andjenkins_logo.png
to your web server -
Click
Manage Jenkins
-
Click
Configure System
and scroll down toTheme
-
Specify the URL for
theme.js
andtheme.css
. -
Click
Save
Hosted installation
Skip step 4 and use these URLs in step 6:
Master (Stable)
- Hosted CSS:
http://master.source.test.do/dist/theme.css
- Hosted Javascript:
http://master.source.test.do/dist/theme.js
Develop (Test environment)
- Hosted CSS:
http://develop.source.test.do/dist/theme.css
- Hosted Javascript:
http://develop.source.test.do/dist/theme.js
Development
CSS & JS files are minified and compressed with Grunt. To prepare the environment:
npm install
grunt
This will generate the following files:
- dist/theme.css
- dist/theme.js
You can publish the files on gh-pages with the following command:
grunt deploy
And you can find the files at:
http://YOURUSER.github.io/jenkins-atlassian-theme/theme.css
http://YOURUSER.github.io/jenkins-atlassian-theme/theme.js
Compatibility
- JQuery plugin 1.7.2-1
- Simple Theme plugin 0.3
- Jenkins 1.580
- Gravatar plugin 2.1
If you are experiencing issues please let me know! Also, feel free to contribute!
##Thanks to
- JQuery Plugin for the jQuery plugin
- Simple Theme Plugin for the Simple Theme plugin
- Atlassian for the the design inspiration and for making awesome products
- Doony for inspiration and javascript
- ProgressCircle.js for the spinning progress circles that replace the orbs