dark.css

:root {
  --main-bg-color: #000000;
  --second-bg-color: #111111;
  --third-bg-color: #222222;
  --selected-link-color: #00ff00;
  --link-color: #00bb00;
  --link-visited: #009900;
  --text-color: #e5e5e5;
  --border-color: #dedede;
}

html > body,
#mw-head,
#mw-panel,
div.toc,
div.catlinks
{
    background-color: var(--main-bg-color);
    color: ff00ff;
}
div.mwe-popups .mwe-popups-extract {
    color: var(--text-color);
}
.mwe-popups .mwe-popups-container a.mwe-popups-extract[dir='ltr']::after {
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1) 50%);
}
#content,
div.toc,
div > table.infobox,
div.navbox,
tr > td.navbox-even
{
    background-color: var(--third-bg-color);
}
tr > td.navbox-odd {
    background-color: var(--second-bg-color);
}
#content,
div h1,
div h2,
div h3,
div h4,
div h5,
table.infobox
{
    color: var(--text-color);
}
div.navbox th,
th.navbox-title,
body > div.mwe-popups
{
    background-color: var(--main-bg-color);
    color: var(--text-color);
}
.navbox td.navbox-list,
tbody > th,
tbody > td,
tr + tr > div.navbox-list,
div.navbox > table th,
tr + tr > th.navbox-group
{
    border-color: var(--border-color) !important;
}
div > div.thumbinner {
    background-color: var(--second-bg-color);
}
html a,
h2 > .mw-headline,
cite.citation > a,
a,
cite.citation a.external,
span.reference-text > a.external,
.mw-parser-output a.external:visited
{
    color: var(--link-visited);
}
div > #searchInput {
    background-color: var(--main-background-color);
}
.vector-menu.vector-menu-tabs li.selected > a {
    color: var(--selected-link-color);
}
.vector-menu.vector-menu-tabs li.selected {
    background-color: var(--second-bg-color);
    background-image: linear-gradient(#000000, #222222);
}
.vector-menu.vector-menu-tabs li > a {
    color: var(--link-color);
}
.vector-menu.vector-menu-tabs li {
    background-color: --main-bg-color;
    background-image: none;
}