jenkins-contrib-themes / jenkins-neo-theme

A modern flat theme for Jenkins
http://jenkins-contrib-themes.github.io/jenkins-neo-theme/
352 stars 94 forks source link

jenkins-neo-theme

Beautify your Jenkins with the a modern flat theme!

Website: http://jenkins-contrib-themes.github.io/jenkins-neo-theme

So you love Jenkins but hate its ugly user interface and icons... Me too! Introducing Jenkins Neo Theme.

This started as a fork to jenkins-material-theme, but changed mostly to use a flat and minimalistic design.

Features

Screenshots

Screen 1 Screen 2 Screen 3 Screen 4

Installation

Using this GitHub page

  1. Install Jenkins Simple Theme Plugin

  2. Click Manage Jenkins

  3. Click Configure System and scroll down to Theme

  4. Specify the URL for https://jenkins-contrib-themes.github.io/jenkins-neo-theme/dist/neo-light.css.

  5. Click Save

Using your Jenkins Hosting

  1. Upload the file http://jenkins-contrib-themes.github.io/jenkins-neo-theme/dist/neo-light.css to the userContent folder in the jenkins home directory.

  2. Follow the steps of the previous method using /userContent/neo-light.css as the url

Using Stylish (only you will be able to see the awesome theme)

  1. Install the Stylish Chrome extension

  2. Copy the content of the file http://jenkins-contrib-themes.github.io/jenkins-neo-theme/dist/neo-light.css

  3. Go to Stylish options and click in Write new style

  4. Paste the theme css in the code box

  5. Click in Specify and set your jenkins domain

  6. Click in Save

  7. Go to your Jenkins website and enable the theme in the Stylish Chrome toolbar icon

Development

CSS file are minified and compressed with Grunt. To prepare the environment:

npm install
grunt

This will generate the following file:

Note: Theme neo-dark is WIP

Compatibility

If you are experiencing issues please let me know! Also, feel free to contribute!

License

http://aarjithn.mit-license.org/

Thanks to