如何为Jenkins设置自定义UI主题

 

如果您对旧的置自主题Jenkins UI，其字体和图标不满意，定义则可以使用带有自定义徽标的置自主题自定义CSS样式对Jenkins进行改头换面。自定义CSS样式会更加美观些。定义

自定义CSS主要功能：

平面UI字体 更好的置自主题语法突出显示Shell块 更好地突出显示 console output

准备工作首先安装插件simple theme，安装主题并重新启动Jenkins。定义转到Manage Jenkins–> Manage Plugins。站群服务器置自主题单击available选项卡并搜索simple theme插件。定义

使用在线CSS样式

http://afonsof.com/jenkins-material-theme/dist/material-teal.css 

系统设置 -> Theme，置自主题转到Manage Jenkins–> Configure并搜索Theme配置，定义然后在CSS字段中输入以下URL并保存。置自主题

保存设置，定义此时Jenkins主题已经发生了变化。置自主题

本地样式

进入JENKINS_HOME/userContent目录,定义创建一个css文件。

cd userContent mkdir layout vim style.css 

在浏览器中访问以下URL，置自主题复制整个CSS内容，亿华云并将其粘贴到style.css文件中并保存。

http://afonsof.com/jenkins-material-theme/dist/material-teal.css 

测试是否可以访问，正常的显示是这样的。

重新配置URL地址

/userContent/layout/style.css 

 

扩展自定义CSS样式：http://afonsof.com/jenkins-material-theme/