Jenkins Theme Generator

A tool for customization of Jenkins appearance

About

Jenkins got fancy new appearance in version 2.346.1, that contains full restyle and a new set of icons. I like this new appearance, however I wanted to customize some details like colors, logo and icons.

This tool is designed for this purpose.

Features

It generates CSS overrides that can be applied with Jenkins Simple Theme Plugin. Here is what you can do with this tool:

• Change logo
• Customize color scheme
• Replace icons of several plugins (relevant for plugins that have not updated their icons)
• Dark background in console output

This tool will work only on Jenkins versions newer than 2.346.1

Tested on following Jenkins versions:
2.375, 2.426.3, 2.434

Libraries used

• Lit.js (lit-html)
• Sass.js

Thanks

• jenkins-neo2-theme - for the inspiration (I used this theme long time before Jenkins v.2.346.1)
• jenkins-neo-theme - for original neo theme
• jenkins-material-theme - for the inspiration
• Jenkins Simple Theme Plugin - for possibility to load custom CSS into Jenkins
• Jenkins Symbols - for icons replacements

TODO

• Make fonts configurable
• Add the choice between dark and light console background
• Fix color pickers (the color seems darker when the picker is open)
• Add the "successfully copied" tooltip
• Draw the Painter Jenkins picture and make it a logo?