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.

/* ---------- Remove leftover white backgrounds ---------- */

/* Whole page wrappers */
html,
body,
#mw-page-base,
#mw-head-base,
#mw-wrapper,
#content-wrapper,
#main-content,
#mw-content-block,
#mw-content-container,
.mw-body,
#content,
.main-column,
#column-content,
#bodyContent,
#mw-content-text {
    background: transparent !important;
    color: var(--fable-text) !important;
}

/* Main article surface */
#mw-content-container,
.mw-body,
#content,
.main-column {
    background: linear-gradient(180deg, rgba(30,40,34,0.96), rgba(24,33,28,0.96)) !important;
}

/* Sidebar boxes / empty boxes */
.sidebar-chunk,
.portlet,
.portlet-body,
#p-navigation,
#p-tb,
#p-search,
#p-personal,
#p-lang,
#p-views,
#p-cactions {
    background: rgba(38, 51, 43, 0.72) !important;
    color: var(--fable-text) !important;
    border-color: var(--fable-border) !important;
}

/* The white strip / empty widget-looking area */
div[style*="background:#fff"],
div[style*="background: #fff"],
div[style*="background:white"],
div[style*="background: white"] {
    background: rgba(38, 51, 43, 0.72) !important;
    border: 1px solid var(--fable-border) !important;
    color: var(--fable-text) !important;
}

/* Search / header / personal area */
#mw-header-container,
#site-navigation,
#mw-related-navigation,
#p-logo,
#p-search,
#p-personal {
    background: linear-gradient(180deg, #1a241e 0%, #121915 100%) !important;
}

/* Code editor / pre blocks */
pre,
code,
.mw-code,
textarea,
.CodeMirror,
.ace_editor,
.wikieditor-toolbar,
.wikiEditor-ui,
.editOptions {
    background: #101713 !important;
    color: #e6e1d2 !important;
    border-color: var(--fable-border) !important;
}

/* Tables / TOC / message boxes */
table,
tbody,
tr,
td,
th,
#toc,
.toc,
.infobox,
.mw-message-box,
.catlinks {
    background-color: transparent;
}

.wikitable,
#toc,
.toc,
.infobox,
.mw-message-box,
.catlinks {
    background: linear-gradient(180deg, rgba(36,47,40,0.95), rgba(26,34,29,0.95)) !important;
}

/* Page tools panel on right */
#mw-related-navigation .sidebar-chunk,
#mw-related-navigation .portlet,
#mw-related-navigation .sidebar-inner {
    background: rgba(26, 34, 29, 0.88) !important;
}

/* Links inside panels */
.sidebar-chunk a,
.portlet a,
#mw-related-navigation a,
#mw-site-navigation a {
    color: var(--fable-text) !important;
}

/* Selection / highlight */
::selection {
    background: rgba(201,169,94,0.25);
    color: #fff7df;
}