Nord Theme Blue Ocean Custom CSS

readme.md

Can be used with User JavaScript and CSS (and similar extensions) to style Jenkins BlueOcean in Nord Theme colors.

blueocean-nord.css

body.loadbar-light {
	background-color: #2E3440 !important;
	color: #D8DEE9 !important;
}

.FullScreen-contents {
	background-color: #2E3440 !important;
}

.result-item-head {
	background-color: #3B4252 !important;
	border-color: #4C566A !important;
}

.JTable,
.JTable-row {
	border-color: #4C566A !important;
}

.JTable-header {
	color: #D8DEE9 !important;
}

.PlaceholderDialog,
.Placeholder-text {
	background-color: #3B4252 !important;
}

.Placeholder-icon {
	fill: #3B4252 !important;
}

body.loadbar-light a {
	color: #5E81AC !important;
}

body.loadbar-light a:hover {
	color: #88C0D0 !important;
}

body.loadbar-light .BasicHeader a {
	color: #ECEFF4 !important;
}

body.loadbar-light .BasicHeader a:hover {
	color: #D8DEE9 !important;
}

.PWGx-pipeline-node-terminal {
	fill: #4C566A !important;
}

.PWGx-pipeline-connector {
	stroke: #434C5E !important;
}

.PWGx-svgResultStatusSolid circle.halo {
	stroke: #4C566A !important;
}

.fullLog .btn-link.inverse {
	color: #8FBCBB !important;
}

.log-body {
	background-color: #3B4252 !important;
}

.log-body p a.linenumber {
	color: #5E81AC !important;
}

.log-body p:hover {
	background-color: #434C5E !important;
}

.PWGx-progress-spinner.running circle.halo {
    stroke: #4C566A;
}

.BasicHeader--running {
	background-color: #5E81AC !important;
}

body.loadbar-light .BasicHeader.BasicHeader--success {
	background-color: #A3BE8C !important;
	color: #4C566A !important;
}

.PWGx-svgResultStatusSolid > circle.statusColor.success {
	fill: #A3BE8C !important;
}

.result-bg.failure {
    background: #BF616A !important;
}


.PWGx-svgResultStatusSolid > circle.statusColor.failure {
    fill: #BF616A !important;
}

.result-bg.success {
    background: #A3BE8C !important;
}

body.loadbar-light .BasicHeader.BasicHeader--success a {
	color: #2E3440 !important;
}

body.loadbar-light .BasicHeader.BasicHeader--success .result-status-glyph,
body.loadbar-light .BasicHeader.BasicHeader--success .svg-icon,
body.loadbar-light .BasicHeader.BasicHeader--success .ResultPageHeader-close {
    fill: #2E3440;
}

body.loadbar-light .BasicHeader.BasicHeader--success .inverse a.btn-link {
	border-color: #2E3440 !important;
}


.BasicHeader--failure {
	background-color: #BF616A !important;
}

.BasicHeader--failure .Header-topNav {
	background-color: rgba(255, 255, 255, 0.1);
}

.PWGx-PipelineGraph > div {
	background-color: #2E3440 !important;
}