Template:Dark mode/styles.css

/* vector-2010 interface styling */
body, #mw-head, #mw-panel {
    background-color: #111;
}

.mw-body {
    margin-top: 0px;
    border: 1px solid #333;
    background-color: #000;
}

.vector-menu-tabs-legacy ul {
    margin-left: -1px;
}

.vector-menu-tabs, 
.vector-menu-tabs a, 
.vector-menu-tabs-legacy li,
#mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: none !important;
}

.vector-menu-heading {
	background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#424242 33%,#424242 66%,rgba(200,204,209,0) 100%) !important;
}

.vector-menu-tabs-legacy .selected {
    border: 1px solid #333;
    border-bottom: 0px;
    background-color: #000;
}

/* article body content styling */
.mw-body, h1, h2, h3, h4, h5, h6, .infobox, footer#footer li {
    color: #fdfdfd !important;
}

a {
    color: #b3b3b3 !important;
}

.new a, a.new {
    color: #a00000 !important;
}

h1 {
    border-bottom: 1px solid #333;
}

#toc.toc, .thumbinner, .thumbimage, .ambox, .ombox, .link-box, table, div.NavFrame {
	border: 1px solid #888 !important;
    background: #111 !important;
    color: #fdfdfd !important;
}

.utility-box {
    background: #111 !important;
    border: 2px outset #888 !important;
}

.catlinks {
    border: 1px solid #888;
    background-color: #111;
    padding: 5px;
    margin-top: 1em;
    clear: both;
}

/* documentation */
.documentation,
.documentation-metadata {
    background-color: #545454 !important;
    border: 1px solid #888 !important;
    color:inherit !important;
}

pre {
    background-color: #888;
    border: 1px solid #222;
    color: #fdfdfd;
}

/* specific page styling */
#dop-text {
    margin: 0 auto; 
    padding:0rem 0.4rem 0rem 0.4rem; 
    font-size: 4rem; 
    font-family: Georgia, serif; 
    text-align: center; 
    line-height:15rem; 
    color: #f9f9f9; 
    text-shadow:0.5rem 0.5rem 1rem #2a4b8d; 
    user-select: none; 
    overflow: hidden;
}
#dop img {
    width: 100%;
    height: auto;
}