MediaWiki:Vector.css

.mw-body {
	background-color: #202020;
	color: #ccc;
	border: 1px solid #ed7117;
	font-family: sans-serif;
}

.mw-body h1, 
.mw-body-content h1, 
.mw-body-content h2, 
.vector-body h3, 
.vector-body h4, 
.vector-body h5, 
.vector-body h6 {
	font-family: sans-serif;
}

.mw-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #ccc;
	font-family: sans-serif;
}

.mw-footer li {
	color: #ccc;
}

#mw-head #p-search .vector-search-box-input {
	color: #ccc;
	background: #202020;
	box-shadow: none;
}

#mw-head #p-search .vector-search-box-inner {
	border-color: #ed7117;
}

#filetoc {
	background-color: #111;
	border: 1px solid #383838;
}

div#simpleSearch {
	background: 202020;
	border: 1px solid #ed7117;
}

body {
	background-color: #111;
}

ul {
	list-style-image: none;
}

a {
	color: #518fce;
}

code {
	border-radius: 2px;
	padding: 1px 4px;
}

pre, code, .mw-code {
	color: #fff;
	border: 1px solid #383838;
	background: #181818;
}

#mw-page-base {
	background-color: #111;
	background-image: none;
	background-position: bottom left;
	height: 5em;
}

.vector-menu-tabs-legacy li {
	float: left;
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: linear-gradient(to top,#ed7117 1px,#101010 0,#111 100%);
}

.vector-menu-tabs-legacy li a {
	color: #518fce;
}

.vector-menu-tabs-legacy li a:visited {
	color: #518fce;
}

.vector-menu-tabs-legacy .selected {
	background: #111;
	background-image: linear-gradient(to top,#202020 0,#111 100%);
	border-bottom: none;
}

.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
	color: #ccc;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: linear-gradient(rgba(0,0,0,0) 0,#ed7117 100%);
	background-repeat: no-repeat;
	background-size: 1px 100%;
}

.vector-menu-heading-label {
	color: #ae7117;
	font-size: 14px;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
	display: block;
	color: #ed7117;
	margin: 0.5em 0 0 0.66666667em;
	border: 0;
	padding: 0.25em 0;
	font-size: 0.75em;
	font-weight: normal;
	background-image: linear-gradient(to right,rgba(0,0,0,0) 0, #ed7117 33%, #ed7117 66%, rgba(0,0,0,0) 100%);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 1px;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
	color: #518fce;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
	color: #518fce;
}

#catlinks {
	--theme-box-border-radius: 0;
}

#catlinks {
	text-align: left;
	background: #111;
	border: 1px solid #383838;
	border-radius: 0;
	margin: 16px 0 0 0;
	padding: 0.5em 1em;
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, 
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
    opacity: 0.51;
    color: #ccc;
}

input[type="submit"],
button[type="submit"] {
	background-color: #0077cc;
	color: #ccc;
	padding: 0.5em 1em;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
	background-color: #005fa3;
}

/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* ooui *********/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background: none;
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	color: var(--theme-text-color);
}

.oo-ui-tabOptionWidget {
	color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	color: var(--theme-text-color);
	background: none;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: var(--theme-content-text-mix-color);
}

.oo-ui-tabSelectWidget-framed {
	background: none;
}