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 layout - flat, dark background */
body, .mw-body, .mw-page-container {
background-color: #121212 !important;
color: #e0e0e0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Links - soft color, no underline */
a, a:link, a:visited {
color: #80cbc4 !important;
text-decoration: none !important;
}
a:hover {
color: #b2dfdb !important;
text-decoration: underline !important;
}
/* Panels - no gradients, no borders */
#mw-panel, #mw-head, #footer {
background-color: #1c1c1c !important;
color: #cccccc !important;
box-shadow: none !important;
border: none !important;
}
/* Headings - bold and clean */
h1, h2, h3, h4, h5 {
color: #ffffff !important;
font-weight: 600 !important;
border-bottom: 1px solid #2c2c2c !important;
padding-bottom: 4px;
}
/* Inputs and buttons - flat and dark */
input, textarea, select, button {
background-color: #1e1e1e !important;
color: #eeeeee !important;
border: 1px solid #444 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 6px 8px !important;
}
input:focus, textarea:focus, select:focus {
border-color: #80cbc4 !important;
outline: none !important;
}
/* Message boxes - flat background */
.mw-message-box, .mw-warning, .successbox {
background-color: #2a2a2a !important;
border: 1px solid #444 !important;
color: #dddddd !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 8px 12px !important;
}
/* Hide logo and any rounded/3D borders */
#p-logo, .mw-wiki-logo {
display: none !important;
}
/* Sidebar section titles - flat */
.portal h3 {
color: #bbbbbb !important;
border-bottom: 1px solid #333 !important;
margin-bottom: 6px;
font-weight: 500 !important;
}