如何自定义Jenkins主题？

Question

我想更改背景图片，徽标，标题并添加一些按钮。 我安装了以下与UI相关的插件

1）简单的主题插件 Jenkins的插件，支持自定义CSS＆amp; JavaScript的。你可以自定义Jenkins的外观（例如他在背景上的温柔面孔）。 版本0.3

2）UI主题：插件 此插件为Jenkins提供UI主题。 版本2.1.1

我找到了一些相同但没有找到帮助的答案。

- ＆GT;＆GT; Customising Jenkins' appearance to make it easier to tell instances apart

- ＆GT;＆GT; http://isotope11.com/blog/styling-your-jenkins-continuous-integration-server

请提供步骤或任何我可以完全更改Jenkins服务器外观的链接。

Answer 1

如果您对CSS样式感到满意，可以创建一个主题，方法是创建一个CSS样式文件并将其上传到直接服务的服务器（甚至是您用于jenkins的文件，在新文件夹中）或JavaScript样式（相同的diddy ）可以添加到jenkins {host} / configure下＆＃34; Theme＆＃34;下的选项中。但是，根据我的经验，1.609.1版本的jenkins在OpenShift云托管中不能正确支持此插件。

Answer 2

您可以在jenkinsci/dark-theme中看到正在进行的完整主题示例。

它尚未准备好，但是可以说明如何使用Jenkins 2.220+（2020年5月）设置CSS

Answer 3

如果您对CSS感到满意，则可以使用.css文件轻松自定义主题中的徽标和标题。 例如，我添加了“ Jenkins_home / usercontent / mytheme.css”文件“ Jenkins_home / usercontent / logo.png”作为我的徽标。并遵循以下CSS：

@charset “utf-8”;
#header .logo {
  height: 36px;
}


/* Custom style for my Jenkins Platform */

.logo {
  background: url(/userContent/logo.png) no-repeat 10px center;
}

.logo img {
  display: none;
}

.logo:after {
  content: 'Jenkins my instance';
  font-weight: bold;
  white-space: nowrap;
} // Content after logo

只需在“配置系统->主题”中进行检查，您就必须提供上述“ mytheme.css”文件的CSS路径。并刷新您的Jenkins页面。

在此处查看参考文献LINK！