MediaWiki:DarkOnyx.css

/* CSS placed here will affect users of the Onyx night theme */

/* Header background */
#onyx-header-wikiHeader {
	background: linear-gradient(to left, transparent, #272727), url(https://halo.wiki.gallery/images/8/8c/Onyx-background-header.png) repeat-y;
	background-position: right;
	background-size: 500px;
}

/* Page background */
#onyx-page {
	background-color: #272727;
}
#onyx-page-pageBody {
	background: url(https://halo.wiki.gallery/images/c/cc/Onyx-watermark.png) no-repeat center top;
}
pre {
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}
body code {
	background: rgba(20, 20, 20, 0.5) !important;
}
pre, .mw-code {
	background: rgba(20, 20, 20, 0.5);
}

/* Font color */
body, h1, h2, h3, h4, h5, h6 {
	color: #fff;
}

/* Thumbs */
.thumbinner {
	background-color: #1D1D1D !important;
}
.gallerybox .thumb {
	background: transparent !important;
}
.gallery:not(.mw-gallery-packed-hover):not(.mw-gallery-slideshow) .gallerybox {
	background: #1D1D1D !important;
}

/* Onyx site notice */
#onyx-content-siteNotice {
	background: rgba(20, 20, 20, 0.5) !important;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}

/* Blue buttons */
input[type="submit"], input[type="button"], input[type="reset"], input[type="file"] {
	color: #fff;
	cursor: pointer;
	background-color: #224e96;
	background-image: -moz-linear-gradient(top,#2b64c0 35%,#224e96 65%);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#2b64c0),color-stop(65%,#224e96));
	background-image: -o-linear-gradient(top,#2b64c0 35%,#224e96 65%);
	background-image: -ms-linear-gradient(top,#2b64c0 35%,#224e96 65%);
	border: 1px solid #224e96;
	border-radius: 4px;
}

/* Main page */
body .containerTem, body .containerContent, .containerTem div,
table.affiliates.plainlinks, table.affiliates.plainlinks th {
	background: #444 !important;
	color: #fff !important;
}
body .containerTem a,
table.affiliates.plainlinks a,
table.affiliates.plainlinks th a {
	color: #009CFF;
}

/* Standard changes */

#onyx-navigation-list > li > a,
.onyx-pageContents-selected > a > .onyx-pageContents-itemLabel {
	color: #fff !important;
}

.onyx-pageContents-itemPrefix {
	color: #999;
}
.onyx-pageContents-expandButton svg {
	fill: #fff;
}
.onyx-pageContents-noExpandIcon svg {
	fill: #999;
}

pre {
	color: #fff;
}
.mw-code, .catlinks {
	color: #fff;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}
.catlinks {
	background: rgba(20, 20, 20, 0.5) !important;
}

#pagehistory li.selected {
	color: #fff;
	background: rgba(20, 20, 20, 0.5);
	border: 1px dashed #414b5d;
}

.mw-ui-input {
	border-color: #666 !important;
}
.mw-ui-input, .mw-ui-button {
	box-shadow: inset 0 0 0 0.1em #333 !important;
}
.mw-ui-button:hover {
	color: #a2a9b1 !important;
}