MediaWiki:Vector.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.

/* All CSS here will be loaded for users of the Vector skin */

/* Softer Dark Mode for Vector Skin */
body {
    background-color: #2b2b2b; /* Medium-dark gray */
    color: #ffffff; /* White text for contrast */
}

/* Links */
a {
    color: #7eb6ff; /* Lighter blue for unclicked links */
}
a:visited {
    color: #d3aaff; /* Softer lavender to contrast dark backgrounds */
}
a:hover {
    color: #b5d9ff; /* Lightest blue on hover */
}
a:active {
    color: #ffd48a; /* Softer orange for clicked links */
}

/* Main Wiki Content Area */
.mw-body {
    background-color: #333; /* Slightly lighter than body */
    color: #ffffff; /* Inverted text color */
}

/* Header - Adjusted to Fix White Banner */
.mw-head {
    background-color: #2b2b2b; /* Same as body */
    color: #ffffff; /* White text for better contrast */
    border-bottom: 1px solid #444; /* Subtle separation */
}

/* Sidebar Navigation */
#mw-panel {
    background-color: #3a3a3a; /* Slightly lighter */
    color: #ffffff; /* Ensure sidebar text is readable */
}

/* Search Box Background Fix */
#p-search input {
    background-color: #444; /* Darker input field */
    color: #ffffff;
    border: 1px solid #555;
}

/* Fix Remaining White Areas */
#mw-page-base, #mw-head-base {
    background-color: #2b2b2b; /* Darken the page base and top bar */
}

---

---