In
this article, we are going to learn one of the interesting topics on how we can
customize the Jenkins user interface (UI) as per the theme and colors of our
choice.
To
customize Jenkins UI we need to make use of “Simple Theme” Jenkins Plugin. This
plugin allows us to customize Jenkins appearance with Custom CSS and JavaScript
apart from this we can also change the logo and favicon.
To know more about this plugin, Click here.
To
Customize Jenkins UI we need to follow below steps:
1)
Login into Jenkins
2)
Navigate to Manage Jenkinsร Manage Plugin, under the
available section search for Simple Theme plugin and install it.
3)
Navigate to http://afonsof.com/jenkins-material-theme/ and
you can go through different options of customizing your Jenkins UI. Here in
this article for demo purposes, I would be customizing the color for Jenkins
UI.
4)
Click on Options View on Github.
5)
Under installation, Section read the detailed instruction for
the customizing theme.
6)
As per Step 2 under installation Section, I have selected the
color indigo and created URL like below this: https://cdn.rawgit.com/afonsof/jenkins-material-theme/gh-pages/dist/material-indigo.css
Now
Again click on Manage Jenkins-->Configure System and scroll down till theme.
7)
Set the CSS field to the URL generated in step 6.
8)
Click Save and once you again login to your Jenkins you would be
able to see all the changes.
