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.

/* ===== Global background and text ===== */
html,
body,
body.skin-minerva,
.skin-minerva {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

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

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

/* ===== 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;
}

/* ===== Search bar ===== */
.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);
}

/* ===== Menu mask overlay ===== */
.main-menu-mask {
  background: rgba(0,0,0,0.6) !important;
}

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

/* ===== Content area ===== */
.mw-body,
#content,
#mw-content-text,
#mw-mf-page-center,
.skin-minerva .content,
.skin-minerva .pre-content,
.skin-minerva .post-content {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
}

/* ===== Tables and code ===== */
.mw-parser-output table {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}
.mw-parser-output pre,
.mw-parser-output code {
  background-color: #2b2b2b !important;
  color: #d0d0d0 !important;
  border-radius: 3px;
}

/* ===== Footer and info bars ===== */
.minerva-footer,
.footer,
#footer,
#footer-info {
  background: #1a1a1a !important;
  color: #ccc !important;
  border-top: 1px solid #333 !important;
}

/* ===== Fix top-right and side white margins ===== */
.skin-minerva #mw-mf-page-center {
  max-width: 100% !important;
  margin: 0 !important;
  background: #1a1a1a !important;
}
.drawer,
.overlay,
.panel {
  background: #1a1a1a !important;
}

/* ===== Links ===== */
a,
.mw-body a {
  color: #6ab0ff !important;
}
a:visited {
  color: #9bb8ff !important;
}
a:hover {
  color: #9bc6ff !important;
}

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

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