Skip to content
A theme for Jenkins to give a dark look.
Branch: develop
Clone or download
camalot Merge pull request #34 from camalot/topic/readme-update-https
changed to use HTTPS in docs to get the hosted css
Latest commit 406feb8 Feb 20, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets fixed the popup notification when building. Fixed the build icon in m… May 7, 2016
parts
plugin removed the layout, it seemed to break things Jun 27, 2016
.editorconfig
.gitignore
LICENSE
README.md changed to use HTTPS in docs to get the hosted css Feb 20, 2018
Vagrantfile added hpi, and refactored how it builds a bit to account for that. pr… May 19, 2016
appveyor.yml
dsl.yml
gruntfile.js new grunt config. May 19, 2016
jenkins-dark.less
package.json added reference to quixote for unit testing May 22, 2016

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 https://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
You can’t perform that action at this time.