User:BellCube/common.css

/*

This CSS is intended for use alongside the Chrome extension Dark Reader!
While it may look fine on its own, Dark Reader will fill in the gaps that I did/could not.

For instance, one place where I could not figure out how is certain bullet points on category pages.

*/
.vector-menu-tabs li,
.vector-menu-tabs .selected {
    background: #1e1e1e;
    background-image: linear-gradient(to top, #77c1f6 0, #1e1e1e 1px, #333333 100%);
}

body,
#mw-head,
.vector-menu-dropdown .vector-menu-content {
    color: #1e1e1e;
    background-color: #333333;
}

#mw-content-text>div.mw-parser-output>table.nmbox>tbody>tr>td>b,
#mw-content-text>div.mw-parser-output>table.nmbox>tbody>tr>td>span,
th {
    color: #1e1e1e;
}

#mw-content-text>div.mw-parser-output>table.nmbox>tbody>tr>td {
    color: #2b2b2b;
}

#mw-content-text>div.mw-parser-output>table.nmbox>tbody>tr>*>*>a {
    color: #0645ad;
}


p,
span,
.vector-menu-tabs .selected a,
.vector-menu-dropdown li a,
.vector-menu-tabs li a,
.toctogglelabel,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
textarea,
pre,
code,
.mw-code,
.editOptions,
.mw-footer li,
::marker,
.wikitable,
.tocnumber,
td,
.catlinks {
    color: #d4d4d4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #f2f2f2;
}

.vector-menu-portal {
    color: rgb(201, 209, 217);
}

a,
.vector-menu-portal .vector-menu-content li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external {
    color: #8ab4f8;
    -webkit-tap-highlight-color: #fffffff1;
}

.vector-menu-portal .vector-menu-content li a:visited,
a:visited {
    color: #C58AF9;
}

textarea,
pre,
code,
.mw-code,
.editOptions,
.catlinks,
td,
.toc {
    background-color: #1e1e1e;
    border-color: #444444;
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
    box-shadow: inset 2.75em 0 0 #333333;
}

#searchInput {
    background-color: #ffffff;
}

.vector-menu-dropdown .selected a,
.vector-menu-dropdown .selected a:visited {
    color: #d1d7de;
    text-decoration: none
}

[class*="body"] {
    color: #bdc1c6;
    background-color: #1e1e1e;
}