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.

/* ===== 1. Base page background ===== */
:root,
html,
body,
body.skin-minerva,
.skin-minerva {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* ===== 2. Minerva outer wrappers (these cause white bars) ===== */
#mw-mf-viewport,
#mw-wrapper,
#mw-content,
#mw-page-base,
#mw-head-base,
#mw-mf-page-center,
.mw-body,
.mw-body-content {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* NEW: Target the page container and all possible wrappers */
.page-container,
.page-wrapper,
#page-container,
#page-wrapper,
.skin-minerva .page,
.skin-minerva #bodyContent {
  background: #1a1a1a !important;
}

/* Sometimes Minerva adds extra containers on desktop width */
.minerva-background,
.minerva-surface,
.minerva-drawer,
.minerva-post-content,
.minerva-pre-content,
.overlay,
.panel,
.drawer {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* ===== 3. Header, nav, search, user menu ===== */
.minerva-header,
.navigation-drawer,
#mw-mf-page-left,
.minerva-user-navigation,
.minerva-user-menu,
.minerva-user-menu .toggle-list__list,
.branding-box a,
.header-container,
#mw-head {
  background: #141414 !important;
  color: #e0e0e0 !important;
  border-color: #222 !important;
}

/* NEW: Catch the header wrapper that often creates top bars */
.header,
.header-chrome,
.minerva-header-container,
#mw-page-header-links {
  background: #141414 !important;
}

/* ===== 4. Menu items ===== */
.toggle-list__list,
.toggle-list-item__anchor {
  background: transparent !important;
  color: #e0e0e0 !important;
}

.toggle-list-item__anchor:hover {
  background: #222 !important;
}

/* ===== 5. Buttons and toggles ===== */
.cdx-button,
.cdx-button--fake-button,
.toggle-list__toggle {
  background: #222 !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

.cdx-button:hover {
  background: #2a2a2a !important;
}

/* ===== 6. Search box ===== */
.minerva-search-form .search-box {
  background: #222 !important;
  border: 1px solid #333 !important;
}

.minerva-search-form input.search {
  background: transparent !important;
  color: #e0e0e0 !important;
}

.search-box-icon-overlay {
  filter: invert(1);
}

/* ===== 7. Content blocks ===== */
#content,
#mw-content-text,
.skin-minerva .content,
.skin-minerva .pre-content,
.skin-minerva .post-content {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* ===== 8. Tables and code ===== */
.mw-parser-output table {
  background: #222 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}

.mw-parser-output pre,
.mw-parser-output code {
  background: #2b2b2b !important;
  color: #d0d0d0 !important;
  border-radius: 3px;
}

/* ===== 9. Footer and bottom bar ===== */
.minerva-footer,
.footer,
#footer,
#footer-info,
#mw-mf-page-center + div,
body > footer,
.footer-container,
#mw-footer,
.mw-footer {
  background: #1a1a1a !important;
  color: #ccc !important;
  border-top: 1px solid #333 !important;
}

/* NEW: Catch bottom padding/margin containers */
#catlinks {
  background: #1a1a1a !important;
}

/* ===== 10. Mask behind open mobile menu ===== */
.main-menu-mask {
  background: rgba(0,0,0,0.6) !important;
}

/* ===== 11. Icons (turn light) ===== */
.minerva-icon {
  filter: invert(1) brightness(1.3);
}

/* ===== 12. Links ===== */
a,
.mw-body a {
  color: #6ab0ff !important;
}

a:visited { color: #9bb8ff !important; }
a:hover { color: #9bc6ff !important; }

/* ===== 13. Forms ===== */
input,
textarea,
select {
  background: #222 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}

/* ===== 14. Last resort for stubborn strips ===== */
html body > div:not([style]),
html body > header:not([style]),
html body > footer:not([style]) {
  background: #1a1a1a !important;
}

/* NEW: Nuclear option - catch ALL direct children of body */
body > * {
  background-color: #1a1a1a !important;
}

/* NEW: Override any ::before or ::after pseudo-elements */
body::before,
body::after,
html::before,
html::after,
#mw-mf-viewport::before,
#mw-mf-viewport::after {
  background: #1a1a1a !important;
}

/* ===== 15. Scrollbars (desktop) ===== */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { background: #444; }
::-webkit-scrollbar-thumb:hover { background: #666; }
::-webkit-scrollbar-track { background: #1a1a1a; }