MediaWiki:Vector.css

html {
	color-scheme: dark;
}

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

a:visited {
	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;
}

fieldset {
	border: 1px solid #ed711788;
}

.toc {
	background-color: #111;
	border:1px solid #ed711744;
}

.tocnumber {
	color: #aaa;
}

dev#content table {
	color: #ccc;
}

.darktable, .darkbox, div#content table.wikitable, div#content table.cargoTable {
    border: 1px solid var(--theme-border-color);
    padding: 5px;
    background: var(--theme-background-color);
    margin: 0.5em 0em 1em 0.5em;
}

table.darktable th,
table.darkbox th,
.navbox-title,
table.navbox th,
table.stylish td:first-child {
	background-color: #062544;
}

table.darktable th, 
table.darktable tr:not(:first-child) th.outer, 
table.darkbox th, 
table.darkbox tr:not(:first-child) th.outer, 
table.stylish td:first-child, 
div#content table.wikitable > tr > th, 
div#content table.wikitable > * > tr > th, 
div#content table.cargoTable > tr > th, 
div#content table.cargoTable > * > tr > th {
    background-color: #062544;
    padding: 0 0.5em;
}

div#content,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
div#content table {
	color: #ccc;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
	border-color: #303030;
	color: #ccc;
}

.darktable,.darkbox,div#content table.wikitable,div#content table.cargoTable {
    border: 1px solid var(--theme-border-color);
    padding: 5px;
    background: var(--theme-background-color);
    margin: 0.5em 0em 1em 0.5em
}

table.wikitable,table.cargoTable {
    border-collapse: unset
}

.wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td,.cargoTable > tr > th,.cargoTable > tr > td,.cargoTable > * > tr > th,.cargoTable > * > tr > td {
    border: none
}

.darktable,.stylish {
    font-size: 89%
}

.stylish {
    padding: 5px;
    margin: 0.5em 0em 1em 0.5em
}

table.darktable th,table.darktable tr:not(:first-child) th.outer,table.darkbox th,table.darkbox tr:not(:first-child) th.outer,table.stylish td:first-child,div#content table.wikitable > tr > th,div#content table.wikitable > * > tr > th,div#content table.cargoTable > tr > th,div#content table.cargoTable > * > tr > th {
    background-color: var(--theme-header-background-color);
    padding: 0 0.5em;
}

table.darktable caption {
    font-size: 120%;
    font-weight: bold
}

table.darktable tr:not(:first-child) th,table.darkbox tr:not(:first-child) th,div#content table.wikitable tr:not(:first-child) th,div#content table.cargoTable tr:not(:first-child) th {
    background-color: var(--theme-header-background-color)
}

.rowtitle {
    font-size: 1.15em;
    padding: 0.2em 2em 0.2em 0.5em
}

table.extrapadding td {
    padding-left: 4px;
    padding-right: 4px
}

table.td-right td {
    text-align: right
}

div#content .title {
    background-color: var(--theme-background-color--secondary);
    text-align: center;
    font-weight: bold;
    padding: 1px 2px
}

.theme-dark table.darktable td.title,.theme-dark .darkbox td.title {
    background-color: #303030
}

.alt,.rowtitle {
    background-color: var(--theme-background-color-alt)
}

table.zebra > tbody > tr:nth-child(2n+1),table.zebra.darktable > tbody > tr:nth-child(2n+1),table.zebra.wikitable > tbody > tr:nth-child(2n+1),table.zebra.darkbox > tbody > tr:nth-child(2n+1),table.filehistory > tbody > tr:nth-child(2n+1) {
    background-color: var(--theme-background-color-alt)
}

table .hover:hover {
    background-color: orange
}