MediaWiki:Common.css
Appearance
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. MASTER THEME VARIABLES - This forces the skin's "shell" to change */
:root {
--mw-background-color-primary: #0b0e14;
--mw-background-color-secondary: #1a1f26;
--mw-color-base: #ffffff;
--background-color-base: #0b0e14;
--color-base: #ffffff;
}
/* 2. GLOBAL BACKGROUND FIX */
/* This hits the parts that Variables sometimes miss */
html, body,
.mw-page-container,
.mw-header,
.mw-sidebar,
.mw-footer,
.vector-header-container,
#mw-navigation {
background-color: #0b0e14 !important;
color: #ffffff !important;
}
/* 3. HEADINGS - Your custom yellow */
h1, h2, h3, .firstHeading {
color: #ffcc00 !important;
border-bottom: 1px solid #3d444d !important;
font-family: 'Courier New', monospace;
}
/* 4. THE DEFINITION BOX - Your original style */
.cyber-term-box {
background-color: #1a1f26;
border: 1px solid #3d444d;
border-left: 6px solid #ffcc00;
padding: 25px;
margin: 20px 0;
color: #ffffff !important;
border-radius: 4px;
}
/* 5. SIDEBAR & MENU OVERRIDES */
/* Forces the left menu text and backgrounds to be dark */
.vector-main-menu, .vector-dropdown-content, .vector-menu-content {
background-color: #1a1f26 !important;
}
.vector-menu-portal .vector-menu-heading,
.vector-main-menu-group-title {
color: #ffcc00 !important; /* Yellow headers in sidebar */
}
/* 6. LINKS */
a { color: #58a6ff !important; font-weight: bold; }
a:visited { color: #a371f7 !important; }
/* 7. SEARCH BAR FIX */
.cdx-text-input__input {
background-color: #0d1117 !important;
color: #ffffff !important;
border: 1px solid #3d444d !important;
}