Git Product home page Git Product logo

jenkins-material-theme's Introduction

jenkins-material-theme

Beautify your Jenkins with the Material Design theme!

Website: http://afonsof.github.io/jenkins-material-theme

So you love Jenkins but hate its ugly user interface and icons... Me too! Introducing Jenkins Material Theme. You can turn your favorite frog CI tool into a handsome prince in few steps!

Features

  • Just one small css file (35K)
  • Embed minified SVG images
  • Multiple ways to install

Screenshots

Screen 1 Screen 2 Screen 3

Installation

Using this GitHub page (recommended)

  1. Install Jenkins Simple Theme Plugin

  2. Click Manage Jenkins

  3. Click Configure System and scroll down to Theme

  4. Specify the URL for http://afonsof.github.io/jenkins-material-theme/dist/material-light.css.

  5. Click Save

Using your Jenkins Hosting

  1. Upload the file http://afonsof.github.io/jenkins-material-theme/dist/material-light.css to your web server

  2. Follow the steps of the previous method using your uploaded file as URL in step 4

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://afonsof.github.io/jenkins-material-theme/dist/material-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 t oolbar icon

Development

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

npm install
grunt

This will generate the following file:

  • dist/material-light.css

You can publish the files on gh-pages with the following command:

grunt deploy

And you can find the file at:

  • http://YOURUSER.github.io/jenkins-material-theme/material-light.css

Compatibility

  • Simple Theme plugin 0.3
  • Jenkins 1.636
  • Firefox 3.5+
  • Chrome 4+
  • Safari 4+
  • Opera 15+
  • Microsoft IE11 and Edge

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

License

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

##Thanks to

jenkins-material-theme's People

Contributors

afonsof avatar bighappyface avatar heldroe avatar briangonzalez avatar jnoller avatar ruyadorno avatar brady-vitrano avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.