Build your own theme with a company logo!
1. Select your color
2. Choose your company logo
- Minimum height: 40px
- Preferred type: Transparent PNG
- Preferred size: up to 10KB
So you love Jenkins but hate its ugly user interface and icons… Me too! Introducing Jenkins Modern Themes. You can turn your favorite frog CI tool into a handsome prince in few steps! Install this Jenkins Theme!
Features
- Just one small css file (35K)
- Embed minified SVG images
- Multiple ways to install
Screenshots
Installation
Using this page (recommended) (auto-updated)
-
Choose your color:
-
Replace `{{your-color-name}}` in the URL by the chosen color:
https://raw.githack.com/Jorg3Lucas/jenkins-modern-themes/main/dist/modern-{{your-color-name}}.css
-
Click
Manage Jenkins
-
Click
Configure System
and scroll down toTheme
-
Set the CSS field to the generated URL.
-
Click
Save
Using your Jenkins Hosting
-
Follow the step 1 and 2 of the previous method
-
Download the generated URL
-
Upload the downloaded file to your web server
-
Follow the steps 3 to 7 of the previous method using your uploaded file as URL in step 6
Using Stylish (only you will be able to see the awesome theme)
-
Follow the step 1 and 2 of the previous method
-
Copy the content of the file downloaded file
-
Install the Stylish Chrome extension
-
Go to Stylish options and click in
Write new style
-
Paste the theme css in the code box
-
Click in
Specify
and set your jenkins domain -
Click in
Save
-
Go to your Jenkins website and enable the theme in the Stylish Chrome toolbar icon
Compatibility
-
Jenkins 2.222 and above
If you are experiencing issues please let me know! Also, feel free to contribute!
Thanks to
-
Afonsof for the original github repo
-
Simple Theme Plugin for the Simple Theme plugin
-
Google for the the material design inspiration and the icons
-
Material Design Icons for some extra icons
-
Stylish for making the test of new versions easy
-
canon-jenkins for the base theme
-
@Heldroe for Firefox and Microsoft support