custom-resources

Jenkins Theme Customization

Custom CSS to Jenkins Server

1. Go to Manage Jenkins > Manage Plugins.
2. Click Available tab and search for simple theme plugin.
3. Install plugin and restart Jenkins.
4. Go to Manage Jenkins > Configure System and search for Theme configuration. Add CSS URL and enter the following URL:

   https://aramirol.github.io/custom-resources/jenkins-custom-theme/material-cyan.css
   

5. Save it.

NOTE: You have this availables themes:

• material-blue-grey.css
• material-blue.css
• material-cyan.css
• material-green.css
• material-orange.css
• material-purple.css

Update Custom CSS to Jenkins Server

1. Login to your jenkins server, and cd into your Jenkins home directory.
2. Create a folder named layout inside the userContent directory.

   $ cd userContent
   $ mkdir layout
   

3. Go into the layout directory and create a style.css file.

   $ cd layout
   $ vi style.css
   

4. Copy the content of the CSS file for one of the styles described above.
5. Go to Manage Jenkins > Configure System and replace the full URL with the following:

   /userContent/layout/style.css
   

Custom Theme Site

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

This site is open source. Improve this page.