How to setup Custom UI Theme for Jenkins

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. 

http://afonsof.com/jenkins-material-theme/

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

53 thoughts on “How to setup Custom UI Theme for Jenkins

  1. Simply discovered your site through google and I consider it’s a shame that you’re not ranked greater since this is a implausible post. To alter this I decided to avoid wasting your web site to my RSS reader and I will try to mention you in one of my posts since you really deserv extra readers when publishing content of this quality. website design la

  2. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with extra information? It is extremely helpful for me. learn more

  3. I am really loving the theme/design of your blog. US Citizen Travel to Turkey , you can get to enter the country visitors from Turkey will have to first obtain a valid visa before traveling. When your application form is complete, the system will allow you a date and time for the interview in which you will have to appear.

  4. Thanks for sharing great information. Keep sharing such useful information… Who wish to travel in India can easily apply for an Indian visa. India has now reopened tourism. Indian visa online for US citizens, ​30 Days Tourist E-Visa (30 Days E-Tourist Visa ETA validity is 120 days from the date of grant) has been reinstated with immediate effect

  5. Thank you . Your articles are very informative . Keep writing. The Government of Ukraine grants the e-visa online. And now you can easily know about the facts related to the Ukraine visa fees?. The Ukraine visa fee is dependent on your nationality and type of e-visa which one you choose.

  6. Thanks a lot , I'm truly grateful for this article. Yes, This is exactly the same article that I've been looking for. Turkey visa for Indians citizens, is a visa specially for an Indian person. With the help of this visa all the Indians citizens who are thinking about visiting Turkey can easily visit Turkey.

  7. You’ve made some really good points there. I checked on the
    web to find out more about the issue and found most people will go along with your views on this
    website.

  8. Excellent post. Keep posting such kind of information on your site.

    Im really impressed by your site.
    Hey there, You have done an incredible job.
    I will definitely digg it and individually recommend to my friends.
    I’m sure they’ll be benefited from this site.

  9. Excellent article! We will be linking to this great post on our site. Keep up the good writing.

  10. Thanks for one’s marvelous posting! I really enjoyed reading it, you might be a great author.I will be sure to bookmark your blog and will often come back at some point. I want to encourage continue your great job, have a nice afternoon!

  11. Nice blog here! Also your site loads up fast! What host are you using? Can I get your affiliate link to your host? I wish my site loaded up as fast as yours lol

  12. Excellent blog here! Also your site a lot up fast! What host are you using? Can I am getting your associate link on your host? I want my website loaded up as fast as yours lol

  13. This is very interesting, You are an excessively professional blogger. I have joined your feed and sit up for in quest of more of your wonderful post. Also, I have shared your site in my social networks

  14. Howdy! Someone in my Myspace group shared this site with us so I came to look it over. I’m definitely enjoying the information. I’m book-marking and will be tweeting this to my followers! Outstanding blog and wonderful style and design.

  15. Whoa! This blog looks exactly like my old one! It’s on a entirely different topic but it has pretty much the same layout and design. Outstanding choice of colors!

  16. Does your site have a contact page? I’m having problems locating it but, I’d like to send you an e-mail. I’ve got some creative ideas for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it improve over time.

  17. Pretty great post. I simply stumbled upon your blog and wanted to mention that I have really enjoyed browsing your blog posts. In any case I’ll be subscribing on your feed and I am hoping you write again soon!

  18. Nice post. I used to be checking continuously this blog and I am inspired! Very useful information specially the remaining phase 🙂 I maintain such info a lot. I used to be seeking this particular info for a long timelong time. Thank you and good luck.

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to top