• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

afonsof/jenkins-material-theme: Beautify your Jenkins with the Material Design t ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

afonsof/jenkins-material-theme

开源软件地址(OpenSource Url):

https://github.com/afonsof/jenkins-material-theme

开源编程语言(OpenSource Language):

JavaScript 47.3%

开源软件介绍(OpenSource Introduction):

image

jenkins-material-theme Build Status

Beautify your Jenkins with the Material Design theme!

Click here to lend your support to: Jenkins Material Theme and make a donation at pledgie.com !

Website: http://afonsof.com/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
  • Customize the color and logo using the generator

Screenshots

Screenshot jenkins-material-theme main Screenshot jenkins-material-theme legend Screenshot jenkins-material-theme console Screenshot jenkins-material-theme history

Installation

Using this GitHub page (recommended) (auto-updated)

  1. Choose your color: image

  2. Replace {{your-color-name}} in the URL by the chosen color: https://cdn.rawgit.com/afonsof/jenkins-material-theme/gh-pages/dist/material-{{your-color-name}}.css

  3. Install Jenkins Simple Theme Plugin

  4. Click Manage Jenkins

  5. Click Configure System and scroll down to Theme

  6. Set the CSS field to the generated URL.

  7. Click Save

Using your Jenkins Hosting

  1. Follow the step 1 and 2 of the previous method

  2. Download the generated URL

  3. Upload the downloaded file to your web server

  4. Follow the steps 3 to 7 of the previous method using your uploaded file as URL in step 6

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

  1. Follow the step 1 and 2 of the previous method

  2. Copy the content of the file downloaded file

  3. Install the Stylish Chrome extension

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

  5. Paste the theme css in the code box

  6. Click in Specify and set your jenkins domain

  7. Click in Save

  8. 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:

  • dist/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




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TeamWertarbyte/material-ui-search-bar: Material design search bar发布时间:2022-08-17
下一篇:
Lauzy/TicktockMusic: Material Design Music Player发布时间:2022-08-17
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap