7

我在我的 Jenkins 实例上安装了 Simple Theme 插件，并设法进行了一些（非常）基本的主题更改。

有人对 Jenkins 主题有更好的参考吗？

插件页面的信息非常低...

如果我想覆盖样式属性，我必须深入研究生成的 html 并进行大量试验。

4

3 回答 3

2

您可以使用 .css 文件自定义您已知的简单主题。确保您有 .png 徽标图像，我已添加 '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

只需检查 Jenkins 配置主题必须是 CSS URL，并且您必须添加上面的“mytheme.css”文件的路径。& 刷新您的 Jenkins 页面。

于 2020-11-25T14:19:08.300 回答
1

在这里找到一个简单的教程开始：

http://www.techgaun.com/2013/06/customizing-jenkins-layout.html

于 2015-02-26T19:54:51.950 回答
-1

在 Chrome 或 FireFox 中打开 Jenkins，然后按 F12。右键单击要更改的 UI 元素并选择检查元素。在调试窗口中，html 中的行被突出显示。记录 UI 元素的 id 和/或类。打开 style.css 并搜索 id/class。复制 css 代码并将其粘贴到您保存在 css 目录中的 .css 中。在配置页面的主题部分中，输入 css/.css 作为主题 CSS 的 URL。现在开始修改 .css 以获得您想要的外观。启用自动刷新以查看更改，Ctrl-F5 也有帮助

于 2014-10-08T16:10:54.203 回答