MediaWiki:Theme-dark.css

:root {
  --theme-site-background: #281f33 url(/images/c/c4/Site-background-dark.jpg) top center / cover no-repeat fixed;
}
:root {
  --theme-text-color: #fff;
  --theme-text-color-note: #ccc;
  --theme-text-color-em: #abcc47;
  --theme-heading-color: #e5b843;
}
:root {
  --theme-text-color-placeholder: #999;
  --theme-control-text-color: #ccc;
  --theme-control-text-color-hover: #ccc;
}
:root {
  --theme-link-color: #58dfff;
  --theme-link-color-hover: #80e6ff;
  --theme-link-color-visited: #4aceee;
  --theme-link-color-redlink: #fc495d;
}
:root {
  --theme-border-color: #4c6a60;
  --theme-border-color-accent: #435956;
  --theme-highlight-background: rgba(255,255,255,0.15);
}
:root {
  --theme-dropdown-background: #101922;
}
#footer {
  --theme-background: linear-gradient(to bottom, var(--theme-border-color-accent), var(--theme-border-color-accent) 2px, transparent 2px);
}
#mw-head {
  --theme-tab-background: rgba(255,255,255, 0.15);
}
#mw-head #p-search {
  --theme-background: rgba(255,255,255, 0.3);
}
/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

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

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>');
}

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

.oo-ui-tabSelectWidget-framed,
#preferences .mw-htmlform-submit-buttons {
  background: none;
}

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

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

.mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon {
  filter: invert(1);
}
.mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon {
  filter: none;
}
.mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
  color: #ddd;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #000;
}