MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* =========================
   Timeless Dark Theme
   ========================= */

html {
    background: #111 !important;
}

body {
    background: #111 !important;
    color: #ddd !important;
}

/* Main content */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-page-base,
#mw-head-base {
    background: #111 !important;
}

/* Article */
.mw-body {
    background: #181818 !important;
    color: #ddd !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #eee !important;
}

/* Links */
a {
    color: #6fa8dc !important;
}

a:visited {
    color: #9b8dcc !important;
}

a:hover {
    color: #9fc9f5 !important;
}

/* Navigation/sidebar */
#mw-site-navigation,
#mw-related-navigation,
.sidebar-inner {
    background: #181818 !important;
    color: #ddd !important;
}

/* Sidebar links */
#mw-site-navigation a,
#mw-related-navigation a {
    color: #ccc !important;
}

/* Search */
#simpleSearch,
#searchInput {
    background: #222 !important;
    color: #eee !important;
    border-color: #444 !important;
}

/* Inputs */
input,
textarea,
select {
    background: #222 !important;
    color: #eee !important;
    border-color: #555 !important;
}

/* Buttons */
button,
.oo-ui-buttonElement-button,
.oo-ui-inputWidget-input {
    background: #292929 !important;
    color: #eee !important;
    border-color: #555 !important;
}

/* Tables */
table.wikitable {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #555 !important;
}

table.wikitable th {
    background: #292929 !important;
    color: #eee !important;
}

table.wikitable td {
    background: #202020 !important;
    color: #ddd !important;
}

/* Code / preformatted text */
pre,
.mw-code,
.mw-highlight {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #444 !important;
}

/* Infoboxes */
.infobox {
    background: #202020 !important;
    color: #ddd !important;
}

/* Category boxes / miscellaneous panels */
.mw-body .mw-parser-output {
    color: #ddd !important;
}

/* Footer */
#footer {
    background: #111 !important;
    color: #aaa !important;
}

#footer a {
    color: #6fa8dc !important;
}