MediaWiki:Dark.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Our custom dark styling */

.toc, .toccolours {
	border-color: rgb(72, 78, 81);
	background-color: rgb(27, 30, 31);
}

.tocnumber {
	color: rgb(211, 207, 202);
}


ul {
	list-style-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMyI+PGRlZnM+PGZpbHRlciBpZD0iZGFya3JlYWRlci1pbWFnZS1maWx0ZXIiPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwLjI0OSAtMC42MTQgLTAuNjcyIDAuMDAwIDEuMDM1IC0wLjY0NiAwLjI4OCAtMC42NjQgMC4wMDAgMS4wMjAgLTAuNjM2IC0wLjYwOSAwLjI1MCAwLjAwMCAwLjk5NCAwLjAwMCAwLjAwMCAwLjAwMCAxLjAwMCAwLjAwMCIgLz48L2ZpbHRlcj48L2RlZnM+PGltYWdlIHdpZHRoPSI1IiBoZWlnaHQ9IjEzIiBmaWx0ZXI9InVybCgjZGFya3JlYWRlci1pbWFnZS1maWx0ZXIpIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaVB6NEtQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhkcFpIUm9QU0kxSWlCb1pXbG5hSFE5SWpFeklqNEtDVHhqYVhKamJHVWdZM2c5SWpJdU5TSWdZM2s5SWpraUlISTlJakl1TlNJZ1ptbHNiRDBpSXpJd01qRXlNaUl2UGdvOEwzTjJaejRLIiAvPjwvc3ZnPg==");
}

a {
	text-decoration-color: currentcolor;
	color: rgb(102, 177, 250);
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
}

a:visited {
	color: rgb(126, 114, 255);
}

/*.oo-ui-toolbar-bar {
	background-color: rgb(24, 26, 27);
	color: rgb(211, 207, 202);
}*/

.vector-menu-dropdown h3::after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCbGJtTnZaR2x1WnowaVZWUkdMVGdpUHo0S1BITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSGRwWkhSb1BTSXhNaUlnYUdWcFoyaDBQU0l4TWlJZ2RtbGxkMEp2ZUQwaU1DQXdJREV5SURFeUlqNEtDVHh3WVhSb0lHWnBiR3c5SWlNeU1ESXhNaklpSUdROUltMHhNUzR3TlNBekxqazVOaTB1T1RZMUxURXVNRFV6TFRRdU1ETTFJRE11T0RZdE15NDVORGN0TXk0NE5rd3hMakExSURNdU9UazJiRFVnTlNBMUxUVWlMejRLUEM5emRtYytDZz09IiAvPjwvc3ZnPg==");
}

.mw-body {
	background-color: rgb(24, 26, 27);
	border-color: rgb(8, 75, 122);
}

.mw-body, .parsoid-body {
	color: rgb(211, 207, 202);
}

.vector-menu-portal .vector-menu-content li a {
	color: rgb(102, 177, 250);
}

#searchInput {
	background-color: rgba(24, 26, 27, 0.5);
	color: rgb(232, 230, 227);
	border-color: rgb(72, 78, 81);
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 1px inset;
}

.suggestions-results {
	background-color: rgb(24, 26, 27);
	border-color: rgb(72, 78, 81);
	color: rgb(211, 207, 202);
}

.suggestions-special .special-query {
	color: rgb(232, 230, 227);
}

.suggestions-result {
	color: rgb(232, 230, 227);
}

.suggestions-special {
	background-color: rgb(24, 26, 27);
	border-color: rgb(72, 78, 81);
}

.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
	color: rgb(232, 230, 227);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
	background-image: linear-gradient(rgba(51, 55, 57, 0) 0px, rgb(51, 55, 57) 100%);
}

.mw-footer li {
	color: rgb(211, 207, 202);
}

h1, h2 {
	border-bottom-color: rgb(72, 78, 81);
}

.vector-menu-dropdown li a {
	color: rgb(102, 177, 250);
}

.vector-menu-dropdown h3 {
	color: rgb(176, 169, 159);
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
	color: rgb(211, 207, 202);
	text-decoration-color: currentcolor;
}

.vector-menu-portal .vector-menu-content li a:visited {
	color: rgb(126, 114, 255);
}

.catlinks {
	border-color: rgb(72, 78, 81);
	background-color: rgb(27, 30, 31);
}

.vector-menu-dropdown .vector-menu-content {
	background-color: rgb(24, 26, 27);
	list-style-image: none;
	border-color: rgb(72, 78, 81);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
}

div.thumbinner {
	border-color: rgb(62, 67, 70);
	background-color: rgb(27, 30, 31);
}

.oo-ui-icon-tray, .mw-ui-icon-tray::before {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0NzdmcgeG1sbnM9JTIyaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmclMjIgd2lkdGg9JTIyMjAlMjIgaGVpZ2h0PSUyMjIwJTIyIHZpZXdCb3g9JTIyMCAwIDIwIDIwJTIyJTNFJTNDdGl0bGUlM0V0cmF5JTNDL3RpdGxlJTNFJTNDcGF0aCBkPSUyMk0zIDFhMiAyIDAgMDAtMiAydjE0YTIgMiAwIDAwMiAyaDE0YTIgMiAwIDAwMi0yVjNhMiAyIDAgMDAtMi0yem0xNCAxMmgtNGwtMSAySDhsLTEtMkgzVjNoMTR6JTIyLyUzRSUzQy9zdmclM0UiIC8+PC9zdmc+");
}

.vector-menu-tabs .selected {
	background-color: rgb(24, 26, 27);
	background-image: none;
}

.oo-ui-icon-bell, .mw-ui-icon-bell::before {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0NzdmcgeG1sbnM9JTIyaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmclMjIgd2lkdGg9JTIyMjAlMjIgaGVpZ2h0PSUyMjIwJTIyIHZpZXdCb3g9JTIyMCAwIDIwIDIwJTIyJTNFJTNDdGl0bGUlM0ViZWxsJTNDL3RpdGxlJTNFJTNDcGF0aCBkPSUyMk0xNiA3YTUuMzggNS4zOCAwIDAwLTQuNDYtNC44NUMxMS42IDEuNDYgMTEuNTMgMCAxMCAwUzguNCAxLjQ2IDguNDYgMi4xNUE1LjM4IDUuMzggMCAwMDQgN3Y2bC0yIDJ2MWgxNnYtMWwtMi0yem0tNiAxM2EzIDMgMCAwMDMtM0g3YTMgMyAwIDAwMyAzeiUyMi8lM0UlM0Mvc3ZnJTNFIiAvPjwvc3ZnPg==");
}

pre, code, .mw-code {
	background-color: rgb(27, 30, 31);
	color: rgb(232, 230, 227);
	border-color: rgb(53, 58, 60);
}

.vector-menu-tabs li {
	background-image: linear-gradient(to top, rgb(9, 79, 129) 0px, rgb(32, 35, 37) 1px, rgb(24, 26, 27) 100%);
}

.vector-menu-portal h3 {
	background-image: linear-gradient(to right, rgba(53, 57, 59, 0) 0px, rgb(53, 57, 59) 33%, rgb(53, 57, 59) 66%, rgba(53, 57, 59, 0) 100%);
	color: rgb(176, 169, 159);
	border-color: currentcolor;
}

.vector-menu-tabs li a {
	color: rgb(102, 177, 250);
}

#mw-page-base {
	background-color: rgb(26, 28, 30);
	background-image: linear-gradient(rgb(24, 26, 27) 50%, rgb(29, 32, 33) 100%);
}

#mw-content-text {
	padding: 10px;
	border: 2px solid #103e89;
	border-radius: 10px;
	background: #22252D;
	overflow:hidden;
	color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(255, 255, 255);
}