A theme for Jenkins to give a dark look.
Clone or download
Pull request Compare This branch is 6 commits ahead, 2 commits behind camalot:develop.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
dist
parts
plugin
.editorconfig
.gitignore
LICENSE
README.md
Vagrantfile
appveyor.yml
dsl.yml
gruntfile.js
jenkins-dark.less
package.json

README.md

jenkins-dark Build status

A theme for Jenkins to give a dark look.

NOTE: Tested with both Jenkins version 1.6xx+ and 2.x (some things on 2.x are not styled properly yet.)

You will need to add the domains that you want this to apply to yourself if you use the Stylish plugin.

How to install

Simple Theme Jenkins Plugin (auto-updated)

  • Install the Simple Theme Plugin on your Jenkins Server
  • Click Manage Jenkins
  • Click Configure System and scroll to Theme section
  • Specify the URL of http://camalot.github.io/jenkins-dark-stylish/jenkins-dark.min.css for the CSS
  • Click Save
  • Profit!

Native Jenkins Plugin

  • Download the latest release hpi file
  • Go to Jenkins -> Manage Jenkins -> Manage Plugins -> Advanced
  • Go to the Upload Plugin section
  • Select the hpi file you downloaded
  • Click Upload
  • Restart Jenkins
  • Profit!

Stylish

NOTE: these steps may be slightly different for FireFox version of Stylish

  • Install Stylish:
  • Chrome
  • Firefox
  • Download the latest release zip
  • Extract to a known location
  • Open the Stylish Style Manager (Manage installed styles)
  • Click on Write new Style
  • Under Mozilla Format, Click on Import button
  • Select the jenkins-dark.css file that you extracted earlier
  • Add your domains that you want this to apply to
  • Profit!

Install the plugin via chef and the jenkins-cookbook

jenkins_dark_theme_version = '1.0.105'
jenkins_dark_source = "https://github.com/camalot/jenkins-dark-stylish/releases/download/jenkins-dark-stylish-#{jenkins_dark_theme_version}/jenkins-dark-stylish-#{jenkins_dark_theme_version}.hpi"

jenkins_plugin 'jenkins-dark-theme' do
  action [:install]
  source jenkins_dark_source
end
  • Profit!

Screenshots

Jenkins Menu

Script Console

Build Queue

Manage Jenkins

Login

Manage Plugins

Dashboard

Legend

How to build

$ npm install
$ grunt

This will generate the following:

  • dist/jenkins-dark.css
  • dist/jenkins-dark.min.css

How to contribute

  • Fork the Jenkins-Dark-Stylish repository
  • Clone the repository
  • Create a new branch (eg. feature/style-menus)
  • Create a pull request into develop