Jenkins Dark Theme

S1mple · 2020年11月07日12:35

Reference：https://www.jenkins.io/blog/2020/06/26/ui-ux-hackfest-ui-track/

如果你目前使用的 Jenkins 版本在 2.239 及以上（ You can try out this theme starting from Jenkins 2.239. It is available as a plugin from the Jenkins Update Center），你可以试试最近刚出的深色主题。

插件传送门：https://plugins.jenkins.io/dark-theme/

安装完成后，在Manage Jenkins-Configure System-Built-in Themes可以对 Jenkins
主题进行配置，配置完成后点击应用，保存即可使用。

Enjoy Jenkins

eryajf · 2020年07月30日01:22

借助于你的这个主题，我也分享下我当前使用的主题，整体感觉还是比较清新的。

首先安装 Simple Theme 插件。

官方地址：http://afonsof.com/jenkins-material-theme/?tdsourcetag=s_pctim_aiomsg
安装方式：在Jenkins插件当中直接搜索即可安装。
功能说明：可以自定义Jenkins主题的插件。
使用方式：使用方式见官方网站的说明，配置起来非常简单。

分享我个人当前使用的主题：

配置也很简单，在系统配置中找到主题配置，将如下css填入并保存：

github.com

eryajf/shellabout/blob/master/Jenkins-theme.css

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,300);@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,700,500,300);@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes b{0%{opacity:1}50%{opacity:0}to{opacity:1}}[src$="blue.png"]{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDA5Njg4IiBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=)}[src$="red.png"]{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRjQ0MzM2IiBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtMmgydjJ6bTAtNGgtMlY3aDJ2NnoiLz48L3N2Zz4=)}[src$="yellow.png"]{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRkZDMTA3IiBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==)}[src$="aborted.png"],[src$="disabled.png"],[src$="grey.png"],[src$="nobuilt.png"]{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjOUU5RTlFIiBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptNSAxMUg3di0yaDEwdjJ6Ii8+PC9zdmc+)}.icon-health-80plus{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzlFOUU5RSIgZD0iTTEyIDdhNSA1IDAgMCAxIDUgNSA1IDUgMCAwIDEtNSA1IDUgNSAwIDAgMS01LTUgNSA1IDAgMCAxIDUtNW0wIDJhMyAzIDAgMCAwLTMgMyAzIDMgMCAwIDAgMyAzIDMgMyAwIDAgMCAzLTMgMyAzIDAgMCAwLTMtM20wLTdsMi4zOSAzLjQyQTYuOTggNi45OCAwIDAgMCAxMiA1Yy0uODQgMC0xLjY1LjE1LTIuMzkuNDJMMTIgMk0zLjM0IDdsNC4xNi0uMzVBNy4yIDcuMiAwIDAgMCA1Ljk0IDguNWMtLjQ0Ljc0LS42OSAxLjUtLjgzIDIuMjlMMy4zNCA3bS4wMiAxMGwxLjc2LTMuNzdhNy4xMyA3LjEzIDAgMCAwIDIuMzggNC4xNEwzLjM2IDE3TTIwLjY1IDdsLTEuNzcgMy43OWE3LjAyMyA3LjAyMyAwIDAgMC0yLjM4LTQuMTVsNC4xNS4zNm0tLjAxIDEwbC00LjE0LjM2Yy41OS0uNTEgMS4xMi0xLjE0IDEuNTQtMS44Ni40Mi0uNzMuNjktMS41LjgzLTIuMjlMMjAuNjQgMTdNMTIgMjJsLTIuNDEtMy40NGMuNzQuMjcgMS41NS40NCAyLjQxLjQ0LjgyIDAgMS42My0uMTcgMi4zNy0uNDRMMTIgMjJ6Ii8+PC9zdmc+)}.icon-health-60to79{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzlFOUU5RSIgZD0iTTEyLjc0IDUuNDdjMi4zNiAxLjAzIDMuNjEgMy41NiAzLjE4IDUuOTlBNi4wMDIgNi4wMDIgMCAwIDEgMTggMTZ2LjE3YTMgMyAwIDAgMSAxLS4xNyAzIDMgMCAwIDEgMyAzIDMgMyAwIDAgMS0zIDNINmE0IDQgMCAwIDEtNC00IDQgNCAwIDAgMSA0LTRoLjI3QzUgMTIuNDUgNC42IDEwLjI0IDUuNSA4LjI2YTUuNDkgNS40OSAwIDAgMSA3LjI0LTIuNzltLS44MSAxLjgzYy0xLjc3LS44LTMuODQuMDEtNC42MiAxLjc3YTMuNDkgMy40OSAwIDAgMCAuMSAzLjA2QTUuOTg4IDUuOTg4IDAgMCAxIDEyIDEwYTYgNiAwIDAgMSAyIC4zNCAzLjUwNiAzLjUwNiAwIDAgMC0yLjA3LTMuMDRtMS42Mi0zLjY2Yy0uNTUtLjI0LTEuMS0uNDEtMS42Ny0uNTJsMi40OS0xLjMuOSAyLjg5YTcuNjcgNy42NyAwIDAgMC0xLjcyLTEuMDdtLTcuNDYuOGMtLjQ5LjM1LS45Mi43NS0xLjI5IDEuMTlsLjExLTIuODEgMi45Ni42OGMtLjYyLjIxLTEuMjIuNTMtMS43OC45NE0xOCA5LjcxQTkuNjkgOS42OSAwIDAgMCAxNy41OSA4bDIuMzggMS41LTIuMDUgMi4yM2MuMTEtLjY1LjEzLTEuMzMuMDgtMi4wMk0zLjA0IDExLjNjLjA3LjYuMiAxLjE3LjM5IDEuN2wtMi4zNy0xLjVMMy4xIDkuMjhjLS4xLjY1LS4xMyAxLjMzLS4wNiAyLjAyTTE5IDE4aC0zdi0yYTQgNCAwIDAgMC00LTQgNCA0IDAgMCAwLTQgNEg2YTIgMiAwIDAgMC0yIDIgMiAyIDAgMCAwIDIgMmgxM2ExIDEgMCAwIDAgMS0xIDEgMSAwIDAgMC0xLTF6Ii8+PC9zdmc+)}.icon-health-40to59{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzlFOUU5RSIgZD0iTTYgMTlhNSA1IDAgMCAxLTUtNSA1IDUgMCAwIDEgNS01YzEtMi4zNSAzLjMtNCA2LTQgMy40MyAwIDYuMjQgMi42NiA2LjUgNi4wM0wxOSAxMWE0IDQgMCAwIDEgNCA0IDQgNCAwIDAgMS00IDRINm0xMy02aC0ydi0xYTUgNSAwIDAgMC01LTVjLTIuNSAwLTQuNTUgMS44Mi00Ljk0IDQuMTlBMy4xMSAzLjExIDAgMCAwIDYgMTFhMyAzIDAgMCAwLTMgMyAzIDMgMCAwIDAgMyAzaDEzYTIgMiAwIDAgMCAyLTIgMiAyIDAgMCAwLTItMnoiLz48L3N2Zz4=)}.icon-health-20to39{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzlFOUU5RSIgZD0iTTYgMTRhMSAxIDAgMCAxIDEgMSAxIDEgMCAwIDEtMSAxIDUgNSAwIDAgMS01LTUgNSA1IDAgMCAxIDUtNWMxLTIuMzUgMy4zLTQgNi00IDMuNDMgMCA2LjI0IDIuNjYgNi41IDYuMDNMMTkgOGE0IDQgMCAwIDEgNCA0IDQgNCAwIDAgMS00IDRoLTFhMSAxIDAgMCAxLTEtMSAxIDEgMCAwIDEgMS0xaDFhMiAyIDAgMCAwIDItMiAyIDIgMCAwIDAtMi0yaC0yVjlhNSA1IDAgMCAwLTUtNUM5LjUgNCA3LjQ1IDUuODIgNy4wNiA4LjE5QTMuMTEgMy4xMSAwIDAgMCA2IDhhMyAzIDAgMCAwLTMgMyAzIDMgMCAwIDAgMyAzbTguODMgMS42N2MxLjU2IDEuNTYgMS41NiAzLjgzIDAgNS40MS0uNzguNzgtMS44My45Mi0yLjgzLjkycy0yLjA1LS4xNC0yLjgzLS45MmMtMS41Ni0xLjU4LTEuNTYtMy44NSAwLTUuNDFMMTIgMTFsMi44MyA0LjY3

This file has been truncated. show original

然后就能看到效果了。