変更点

ヘッダーの色と Jenkins の文字部分を変更します。ついでにジェンキンスおじさまにはご退場いただきます。

f:id:htnosm:20160710205121p:plain

おじさまとJenkinsロゴはトップページへのリンクが付与されていますが、無くなっても支障が無いので文字列に置き換えます。

環境

Jenkins Ver: 2.7.1

css と js の格納

${JENKINS_HOME}/userContent に css と js を格納します。

theme.css
- backgroud に任意の色を設定
- theme.js で使用する header-text のstyleを指定

#header{
    background: #99999;
    position: relative;
}
.header-text{
    font-size: 26px;
    line-height: 1.4em;
    color: white;
}

theme.js
- titleStr に任意の文字列を設定

var titleStr = "XXXXX"

// Title Replace
window.addEventListener("load", function() {
  var title = document.querySelector('title')
  title.innerHTML = title.innerHTML.replace(/\[Jenkins\]/, titleStr)
}, false);

// HeaderLogo Replace
document.addEventListener("DOMContentLoaded", function(){
  var img = document.getElementsBySelector('[id="jenkins-home-link"]')[0];
  var alink = img.parentNode;
  alink.removeChild(img);
  alink.appendChild(document.createTextNode(titleStr));
  alink.setAttribute("class", "header-text");
}, false);