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.

:root {
    --color-base: #e0e0e0;
    --color-emphasized: #f5f5f5;
    --color-subtle: #b0b0b0;
    --background-color-base: #1a1a1a;
    --background-color-neutral: #202020;
    --background-color-interactive: #2b2b2b;
    --border-color-base: #444;
    --border-color-subtle: #333;
}

html, body {
    background-color: #101418 !important;
    color: #e0e0e0 !important;
}

#content, .mw-body, .vector-body {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.vector-header-container, .vector-pinnable-header,
#mw-panel, .mw-portlet, .vector-menu-content {
    background-color: #101418 !important;
}

.mw-portlet a, .vector-menu-content a, #p-logo a, #p-personal a {
    color: #a8c7e8 !important;
}

a { color: #7ab8ff !important; }
a.new { color: #d67b7b !important; }

h1, h2, h3, h4, h5,
.mw-heading, .mw-heading2, .mw-heading3 {
    color: #f5f5f5 !important;
    background-color: transparent !important;
    border-color: #444 !important;
}

.vector-toc, #toc, .toc {
    background-color: #202020 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

.vector-toc a, #toc a, .toc a {
    color: #7ab8ff !important;
}

.infobox {
    background-color: #202020 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

.infobox th { background-color: #2b2b2b !important; }

#footer, #footer-info, #footer-places {
    background-color: #101418 !important;
    color: #999 !important;
}
/* Top nav bar / tabs area */
.vector-page-toolbar,
.vector-page-toolbar-container,
#left-navigation,
#right-navigation,
.vector-menu-tabs,
.vector-menu-tabs-legacy,
.cdx-tabs,
.cdx-tabs__list,
.vector-tab-noicon,
.vector-tab-noicon a {
    background-color: #101418 !important;
    border-color: #333 !important;
}

.vector-tab-noicon a,
.cdx-tabs__list-item a {
    color: #a8c7e8 !important;
}

/* Table of contents box - broader coverage */
.vector-toc-pinnable-header,
.vector-toc-contents,
.sidebar-toc,
#toc,
.toc,
.vector-pinnable-element {
    background-color: #202020 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

.vector-toc-pinnable-header-label,
.vector-toc-text,
.vector-toc-numb {
    color: #e0e0e0 !important;
}

.vector-toc a,
.vector-toc-link,
#toc a,
.toc a {
    color: #7ab8ff !important;
}

/* Catch-all for any remaining light containers */
.mw-page-container,
#mw-content-container,
.mw-body-content {
    background-color: #1a1a1a !important;
}
/* Vector Legacy header bar fix */
#mw-head,
#mw-head-base,
#p-personal,
#left-navigation,
#right-navigation,
.vectorTabs,
.vectorMenu,
#p-cactions,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li a,
#p-views,
#p-namespaces {
    background-color: #101418 !important;
    background: #101418 !important;
    border-color: #333 !important;
}

div.vectorTabs ul li a,
div.vectorTabs ul li.selected a,
#p-personal a,
#p-personal ul li a {
    color: #a8c7e8 !important;
    background: none !important;
}

#simpleSearch, #searchInput {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}