In this post, We will configure Jenkins theme using “jenkins-material-theme” , To do that use the following steps.
Step 1:- You need to open the Jenkins Portal by using the web address, In my case I have setup and configured port with 8080, After that You will get the web page look like this, Then You need to enter the username and password to login in your Jenkins Panel.
Step 2:- After successful login in Jenkins portal, First you need to install simple theme jenkins’s plugin, To do that you need to click on Manage Jenkins Jenkins screenshot given below.
Step 3:- Once You have clicked on Manage Jenkins and Then You should get web page like this, To install simple theme you need to click on manage plugin as per the screenshot.
Step 4:- Now the time has come to click on available tab and than You need to search simple theme, screenshot given below.
Step 5 :- If you type simple theme You should get plugin called simple Theme, You just select and click on Download Now and Install after restart button screenshot given below.
Step 6 :- After successful installation of simple theme, You should login again your Jenkins panel to get changes.
Step 7:- Now you need to get css url from official website http://afonsof.com/jenkins-material-theme/ as well as can upload your logo and you will get the css url from afonsof.com, To get more information visite the given link.
You need to follow the given steps on http://afonsof.com/jenkins-material-theme/ and copy the link of generated css url which will be used in simple theme plugin which we have recenlty installed.
Step 8:- Once you have copied CSS link, Now you need to save in simple theme configuration, To do that you need to click on manage jenkins on Jenkins web page and then you need to click configure system screenshot given as below.
Click on configure system
Step 9:- You should get the Theme option to save the css url, You find the Theme option and then add the css url screenshot given below.
Paste the css url and click on apply and save.
Your Jenkins configuration is completed, To get effects click on Jenkins home button.
Now you can see the you have pretty look of the Jenkins panel.
How to setup Custom UI Theme for Jenkins