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);
}

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);
}

.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);
}

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

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);
}