Skinning Jenkins with the simple themes plugin

This recipe modifies the look and feel the themes plugin.

The themes plugin is a page decorator; it decorates each page with extra HTML tags. The plugin allows you to upload a style sheet and JavaScript file. The files are then reachable through a local URL. Each Jenkins page is then decorated with HTML tags that use the URLs to pull in your uploaded files. Although straightforward, when properly crafted, the visual effects are powerful.

Getting ready

1. Install the plugin (https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin).
2. Click on Install without restart:

3. Wait until the is successfully:

4. Go to the Jenkins dashboard and Manage Jenkins | Configure System | Theme:

You need to provide custom CSS and custom JS files here to change the look and feel of the Jenkins dashboard.

How to do it...

1. Under the Jenkins userContent directory, create a file named my.js with the line of code:

document.write("<h1 id='test'>Example Location</h1...