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.
/* ─── Base Dark Mode ───────────────────────────────── */
:root {
--bg: #121212;
--fg: #ffffff;
--link: rgb(0, 122, 255);
--link-hover: #66bfff;
--panel: #1e1e1e;
--sep: #333;
}
* {
background: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Body & text */
body, .mw-body, .mw-page-container {
background-color: var(--bg) !important;
color: var(--fg) !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
/* Ensure ALL headings are white and transparent */
h1, h2, h3, h4, h5 {
color: var(--fg) !important;
background: transparent !important;
border-bottom: 1px solid var(--sep) !important;
padding-bottom: 4px !important;
margin-top: 1em !important;
}
/* Special override for the page title */
.firstHeading {
color: var(--fg) !important;
background: transparent !important;
border: none !important;
}
/* Sidebar & Panels */
#mw-panel, #p-navigation, #p-tb {
background-color: var(--panel) !important;
border-right: 1px solid var(--sep) !important;
}
/* Top tabs */
.vector-menu-tabs {
border-bottom: 1px solid var(--sep) !important;
background: var(--panel) !important;
margin-left: 0; /* Adjust if you have a fixed sidebar */
}
.vector-menu-tabs li a {
background: var(--panel) !important;
color: var(--link) !important;
padding: 5px 10px !important;
text-decoration: none !important;
}
.vector-menu-tabs li a:hover {
background: #2a2a2a !important;
color: var(--link-hover) !important;
}
/* TOC & section separators */
#toc, .mw-headline {
border-bottom: 1px solid var(--sep) !important;
}
/* Links everywhere */
a, a:link, a:visited {
color: var(--link) !important;
text-decoration: none !important;
}
a:hover {
color: var(--link-hover) !important;
text-decoration: underline !important;
}
/* Forms & buttons */
input, textarea, select, button {
background: var(--panel) !important;
color: var(--fg) !important;
border: 1px solid #444 !important;
}
/* Hide logos & footer icons */
#p-logo, .mw-wiki-logo,
#footer, #footer-info, #footer-icons,
.mw-footer-logo, .printfooter,
.ccicons, .license {
display: none !important;
}