Material Jenkins by mallowigi

/* ==UserStyle==
@name         Material Jenkins
@version      20220930.13.26
@namespace    userstyles.world/user/mallowigi
@description  Material Style for Jenkins (needs the Material root style)
@author       mallowigi
@license      MIT
==/UserStyle== */

@-moz-document regexp("https?://jenkins.*") {
.ace_editor {
  font-family: var(--mat-mono);
}

.ace-tomorrow {
  background: var(--mat-contrast);
  color: var(--mat-fg);
}

.ace-tomorrow .ace_cursor {
  color: var(--mat-primary);
}

.ace-tomorrow .ace_gutter {
  background: var(--mat-bg);
  color: var(--mat-text);
}

.ace-tomorrow .ace_print-margin {
  background: var(--mat-bg);
}

.ace-tomorrow .ace_marker-layer .ace_selection {
  background: var(--mat-selectBg);
}

.ace-tomorrow.ace_multiselect .ace_selection.ace_start {
  box-shadow: 0 0 3px 0px var(--mat-selFg);
}

.ace-tomorrow .ace_marker-layer .ace_step {
  background: var(--mat-accent);
}

.ace-tomorrow .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid var(--mat-operator);
}

.ace-tomorrow .ace_marker-layer .ace_active-line {
  background: var(--mat-tree);
}

.ace-tomorrow .ace_gutter-active-line {
  background-color: var(--mat-tree);
}

.ace-tomorrow .ace_marker-layer .ace_selected-word {
  border: 1px solid var(--mat-hl);
}

.ace-tomorrow .ace_invisible {
  color: var(--mat-comment);
}

.ace-tomorrow .ace_gutter-active-line {
  background-color: var(--mat-tree);
}

.ace-tomorrow .ace_keyword,
.ace-tomorrow .ace_meta,
.ace-tomorrow .ace_storage,
.ace-tomorrow .ace_storage.ace_type,
.ace-tomorrow .ace_support.ace_type {
  color: var(--mat-keyword);
}

.ace-tomorrow .ace_heading,
.ace-tomorrow .ace_markup.ace_heading,
.ace-tomorrow .ace_string {
  color: var(--mat-string);
}

.ace-tomorrow .ace_comment {
  color: var(--mat-comment);
}


.ace-tomorrow .ace_keyword.ace_operator {
  color: var(--mat-operator);
}

.ace-tomorrow .ace_constant.ace_character,.ace-tomorrow .ace_constant.ace_language,.ace-tomorrow .ace_constant.ace_numeric,.ace-tomorrow .ace_keyword.ace_other.ace_unit,.ace-tomorrow .ace_support.ace_constant,.ace-tomorrow .ace_variable.ace_parameter {
  color: var(--mat-number);
}


.ace-tomorrow .ace_constant.ace_other {
  color: var(--mat-variable);
}

.ace-tomorrow .ace_invalid {
  color: var(--mat-selFg);
  background-color: var(--mat-error);
}

.ace-tomorrow .ace_invalid.ace_deprecated {
  color: var(--mat-disabled);
  background-color: transparent;
}

.ace-tomorrow .ace_fold {
  background-color: var(--mat-tree);
  border-color: var(--mat-link);
}


.ace-tomorrow .ace_entity.ace_name.ace_function,.ace-tomorrow .ace_support.ace_function,.ace-tomorrow .ace_variable {
  color: var(--mat-variable);
}

.ace-tomorrow .ace_support.ace_class,.ace-tomorrow .ace_support.ace_type {
  color: var(--mat-attribute);
}

.ace-tomorrow .ace_entity.ace_name.ace_tag,.ace-tomorrow .ace_entity.ace_other.ace_attribute-name,.ace-tomorrow .ace_meta.ace_tag,.ace-tomorrow .ace_string.ace_regexp,.ace-tomorrow .ace_variable {
  color: var(--mat-tag);
}

.ace-tomorrow .ace_indent-guide {
  background: var(--mat-background);
}





}

@-moz-document regexp("https?://jenkins.*") {
body {
	background: var(--bg) !important;
	color: var(--fg) !important;
	font-family: var(--font) !important;
}

body,
form,
p,
table,
td,
th {
	color: var(--fg) !important;
}

body, table, form, input, td, th, p, textarea, select {
	font-family: var(--font);
}

a,
a:hover,
a:link {
	color: var(--accent);
}

a:visited {
	color: var(--accent2);
}

#header {
	background-color: var(--second);
}

#header .login {
	color: var(--primary);
}

#header .login a,
#header .login a:visited {
	color: var(--selectFg);
}

#header .login a:hover {
	color: var(--primary);
}

#header #search-box {
	background: var(--contrast);
	box-shadow: none;
	border: 0;
	border-radius: 0;
	border-bottom: 2px solid var(--hl);
	color: var(--fg);
	min-width: 300px;
}

#header div {
	width: inherit;
}

#header #search-box:focus {
	border-bottom: 2px solid var(--accent);
}

#search-box-completion .yui-ac-content {
	background-color: var(--lbg);
	color: var(--fg);
	border: 1px solid var(--hl);
}

#search-box-completion LI.yui-ac-highlight {
	background: var(--selectBg);
	color: var(--selectFg);
}


#breadcrumbBar,
#footer-container,
.top-sticker-inner {
	background-color: var(--contrast) !important;
}

.top-sticker-inner {
	color: var(--fg);
}

#breadcrumbs {
	color: var(--fg) !important;
	text-shadow: none;
}

#breadcrumbs LI {
	color: var(--fg);
}

#breadcrumbs LI A:link,
#breadcrumbs LI A:visited {
	color: var(--accent);
}

#breadcrumbs LI:hover,
A.breadcrumbBarAnchor.mouseIsOverMenuSelector {
	color: var(--selFg) !important;
}

.task-icon-link[href="/"] {
	background-color: var(--second);
}

#side-panel {
	background-color: var(--contrast);
	color: var(--text);
}

#side-panel .task-link {
	color: var(--text)''
}

.pane-frame {
	border: 1px solid var(--border);
}

#side-panel .pane-frame:hover,
#side-panel .pane-frame.mouseover {
	border: 1px solid var(--active);
}

.pane-header,
.pane-footer {
	background-color: var(--second);
		border-top: 1px solid var(--hl);
	border-bottom: 1px solid var(--hl);
	color: var(--fg);
}

#jenkins .jenkins-config table .bottom-sticker .yui-button button, 
#jenkins .jenkins-config table #bottom-sticker .yui-button button,
#jenkins .yui-button .btn, 
#jenkins .yui-button button,
#jenkins .yui-button,
#buildHistoryPageNav.mouseOverSidePanelBuildHistory {
	border-color: var(--hl) !important;
	background: var(--button);
	color: vaR(--text);
}

#jenkins .jenkins-config table .bottom-sticker .yui-button button:hover, 
#jenkins .jenkins-config table #bottom-sticker .yui-button button:hover,
#jenkins .yui-button .btn:hover,
#jenkins .yui-button:hover,
#jenkins .yui-button button:hover,
#buildHistoryPageNav.mouseOverSidePanelBuildHistory:hover {
	background: var(--selectBg);
	color: vaR(--selectFg);
}
#jenkins .yui-button .btn.disabled,
#jenkins .yui-button button[disabled], 
#jenkins .yui-button button[disabled]:hover, 
#jenkins .yui-button button[disabled]:active,
#jenkins .yui-button .disabled {
	background: var(--button);
	color: var(--disabled);
}


.pane.build-name a, 
.pane.build-name a:visited {
	color: var(--primary);
}

.build-row-cell .pane.build-name .display-name {
	margin-left: 30px;
}

.pane.build-details a,
.pane.build-details a:visited {
	color: var(--fg);
}

table.pane tr td {
	color: var(--fg);
}

table.stripped tr:nth-child(even) {
	background: var(--contrast);
}


table.pane tr:nth-child(odd) td {
	background-color: var(--bg);
}


table.pane tr:nth-child(even) td {
	background: var(--contrast);
}


A.model-link.inside, #breadcrumbs A.inside {
	padding-right: 12px;
}


#buildHistoryPage .build-search-row input {
	background-color: var(--contrast);
	color: var(--fg);
	border: none;
	border-bottom: 2px solid var(--hl);
}

#buildHistoryPage .build-search-row input:focus {
	border-color: var(--accent);
}

#buildHistoryPage .build-search-row .clear {
	background: var(--accent);
	color: var(--selectFg);
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 1;
	border-radius: 50%;
}

footer {
	background: var(--second);
	border: none;
}

#jenkins .yui-button.primary .btn,
#jenkins .yui-button.primary button {
	background-color: var(--button);
	color: var(--text);
	border: none;
}

.yui-button.primary button {
	background-color: var(--accent) !important;
	color: var(--selFg) !important;
}

.yui-button.primary button:hover {
	background-color: var(--accentT) !important;
}

.tabBar .tab a {
	border: none;
	background-color: var(--bg);
	color: var(--fg);
}

.tabBar .tab a:hover {
	background: var(--active);
}

.tabBar [type=radio]:checked ~ a {
	background: var(--bg);
	color: var(--selFg);
	border: none;
	border-bottom: 2px solid var(--accent);
}

table.stripped-odd tr:nth-child(odd) {
	background: var(--bg);
}

#projectstatus .header,
.bigtable th {
	background: var(--contrast);
	color: var(--text);
	border-bottom: 1px solid var(--border);
}

#projectstatus th a {
	color: var(--text);
}

table.sortable span.sortarrow {
	color: var(--fg);
}

#projectstatus tr:hover, #projectstatus tr:hover td {
	background-color: var(--tree) !important;
}

#pipeline-box .table-box .table-viewPort {
	background: var(--second);
	color: var(--fg);
	border: none;
}

#pipeline-box .table-box tr td {
	text-shadow: none;
	color: var(--fg);
}

#pipeline-box .table-box .table-viewPort tr.totals .cell-color {
	box-shadow: none;
	background: none;
}

#pipeline-box .table-box .table-viewPort tr.totals .stage-start .cell-color {
	color: var(--fg);
}

.stackedBarChart .stackedBarChart.inner .bar.highlight {
	background: var(--accent);
	box-shadow: none;
}

.jobsTable .jobName .badge {
	background-color: var(--accent2);
}

#pipeline-box .table-box .table-viewPort .stage-start .cell-box .stage-start-time {
	background: var(--bg);
	border: none;
	color: var(--text);
}

.jobsTable .stage-start-time .date {
	background: var(--second);
	border: none;
	color: var(--fg);
}

.changeset-box,
.changeset-box .run-changeset {
	background: var(--contrast);
	color: var(--fg);
	text-shadow: none;
}


.changeset-box .run-changeset .changes, 
.changeset-box .run-changeset .num {
	color: var(--number);
}

.changeset-box.no-changes {
	text-shadow: none;
	color: var(--fg);
}


#pipeline-box .table-box td .cell-color {
	background: none;
}

#pipeline-box .table-box td.SUCCESS .cell-color * {
	background: none;
	color: var(--string);
}

#pipeline-box .jobsTable tr.FAILED .jobName .badge * {
	color: var(--selFg);
}

#pipeline-box .table-box tr.FAILED .cell-color * {
	color: var(--error);
	text-shadow: none;
}

.jobsTable .stage-start-time, 
.jobsTable .stage-wrapper {
	border: none;
	color: var(--fg);
}

/*[name="skip2content"] + div {
	background: var(--notif) !important;
	box-shadow: 0 0 3px 3px var(--notif);
}*/

.bottom-sticker-inner {
	background: var(--notif) !important;
	box-shadow: 0 3px 8px 1px var(--hl);
}

.jobsTable .stage-wrapper:hover {
	border:...