Jenkins simple theme plugin examples or tutorial

Question

I installed the Simple Theme plugin on my Jenkins instance, and I managed to do some (very) basic theme changes.

Does anyone have a better reference to the Jenkins theme?

The plugin page is very low on info...

If I want to override a style attribute, I have to dig into the generated html and do a lot of experimenting.

Answer 1

You can customize your known simple theme with .css file. Make sure that you have .png logo image, I have added 'Jenkins_home/usercontent/mytheme.css' file 'Jenkins_home/usercontent/logo.png' as my logo. and follow the css below:

@charset “utf-8”;
    #header .logo { 
        height: 36px;
    } 
    /* Custom style for my Jenkins Platform */
    .logo {
        background: url(/userContent/logo.png) no-repeat 10px center; 
    }

    .logo img { 
        display: none; 
    }

    .logo:after {
        content: 'Jenkins my instance';
        font-weight: bold;
        white-space: nowrap;
    } // Content after logo

Just check in Jenkins Configuration theme must be CSS URL and you must add path of above 'mytheme.css' file. & Refresh your Jenkins Page.

Answer 2

Found a simple tutorial here for start:

http://www.techgaun.com/2013/06/customizing-jenkins-layout.html