Jenkins Custom Logo || How to Setup Custom UI Theme for Jenkins || Jenkins Themes and Logo Change

hi everyone welcome to my channel today we are going to discuss about how to set up custom UI theme for Jenkins so whenever we have installed the Jenkins so by default we have this logo and this color right so I just want to change this logo and I just want to change this color so for this one how we are going to be achieved so it is simple only so instead of that this custom Jenkins image so I am going to put my image so the image should be available publicly so the image size should be 10 KB so if it is not more than 10 KB it will not consider so we have to take very less size of the image and we can change this color also this instead of this dashboard color is there right so we can change this one also for this one first we have to install simple theme plugin go to manage plugin available theme see this plugin we have installed install without restart so once this plugin is installed we have to go to configure system under configure system we have a theme available after installing that plugin we have team so we have to add external CSS so here I am going to be update the code so this is my Jenkins code like this is sample CSS code so here my image is available okay this image is available publicly so I have uploaded my image with the very less size okay and here a Jenkins bitcom this color I am using so it will be change this color so we have uh color codes right so if you wanted to check color codes so we have different different color codes okay so I am going to use this color code and Jenkins head icon I am going to be change and in the same Jenkins home I am giving my name BC ready devops okay apply save see with this color it is going to be changed the Jenkins logo image and the color also it is changed okay so like this we have to apply the Custom Image so if you want to change this color okay we have different colors right like if you want to go use to go for this color just come here configure system theme if you apply the color will changed okay like this we have to apply the color and Logo also we have changed okay now there is one more plugin okay if you use this plugin material trimp again so it will be change this color instead of black color in the top header it will be updated okay the themes will be updated for this one you have to install the plugin called material themes manage plugins available if you go theme search with material material theme okay if you apply if you install this plugin install without restart and you will able to see that the themes okay theme colors you able to see for this one manage Jenkins configure system if we scroll down it will available the themes if you select that theme okay if you select the themes it will be change the color theme color will be changed okay so if you want to change other theme you can apply light blue color and the name it is not visible okay so like this whatever color you like and you can change you can apply the theme for that one okay here the name and color will be changed and if you want to change this color for this dashboard this this letter you can use external CSS that link go manage Jenkins and configure system if you use the default one I am going and here if we add CSS URL okay we have CSS URL for the color if you use this one apply save see the color is changed it came to Blue instead of black the color is changed if you want to change thread okay you can use the red color so it will be change the CSS for this dashboard and managing kids so color will be automatically changed sorry apply and Save so it came red color so this is used whenever client wants to change a client are asking to change the instead of Jenkins logo uh if they wanted to discuss thinking client logos so that time it will be used okay so this plugins and with this code we can able to change the custom Jenkins logo and the colors we can able to change okay that's all about in this session if you like the video please share and subscribe thanks for watching bye

Channel: BCReddy Devops

Views: 906

Keywords:

Id: jYugLSubTg4

Length: 7min 57sec (477 seconds)

Published: Fri Apr 14 2023