如何自定义Jenkins主题？

xsuvu9jc 于 2023-08-03 发布在 Jenkins

关注(0)|答案(3)|浏览(162)

我想改变背景图片，标志，标题和添加一些按钮。我安装了以下与UI相关的插件
1)Simple Theme Plugin Jenkins的插件，支持自定义CSS和JavaScript。您可以自定义Jenkins的外观（例如：背景上的温柔的脸）。版本0.3
2)UI主题：插件这个插件为Jenkins提供UI主题。版本2.1.1
我找到了一些关于这个问题的答案，但没有找到太多的帮助。
-->> Customising Jenkins' appearance to make it easier to tell instances apart
-->> http://isotope11.com/blog/styling-your-jenkins-continuous-integration-server
请给予步骤或任何链接，我可以完全改变我的Jenkins服务器的外观。

Jenkins

来源：https://stackoverflow.com/questions/30214430/how-do-i-customize-jenkins-theme

3条答案

按热度按时间

ttcibm8c1#

如果您对CSS样式感到满意，您可以创建一个主题，通过制作CSS样式文件并将其上传到直接服务的服务器（* 即使是您用于jenkins的服务器，在新文件夹中 *）或JavaScript样式（same diddy）可以添加到jenkins {host}/configure的“主题”下的选项中。然而，根据我的经验，1.609.1版本的jenkins在OpenShift Cloud托管中不支持此插件。

赞(0）回复(0）举报 2023-08-03

kkbh8khc2#

您可以在jenkinsci/dark-theme中看到一个完整主题的示例。
它还没有准备好，但可以说明如何使用Jenkins 2.220+设置CSS（2020年5月）

的数据

赞(0）回复(0）举报 2023-08-03

l5tcr1uw3#

如果您熟悉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页面（& R）。
参考LINK在这里！

赞(0）回复(0）举报 2023-08-03

我来回答

如何自定义Jenkins主题？

3条答案

相关问题

热门标签

最新问答