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

1. Install the JQuery Plugin

2. Install the Simple Theme Plugin

3. Install the Gravatar Plugin

4. Upload theme.js, theme.css and jenkins_logo.png to your web server

5. Click Manage Jenkins

6. Click Configure System and scroll down to Theme

7. Specify the URL for theme.js and theme.css.

8. 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