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: #e0e0e0; /* Light gray text */
}

/* Links */
a {
    color: #58a6ff; /* Bright blue for normal links */
}
a:visited {
    color: #c9a3ff; /* Softer purple to contrast both dark and light backgrounds */
}
a:hover {
    color: #9bcaff; /* Lighter blue on hover */
}
a:active {
    color: #ffcc66; /* Orange for active/clicked links */
}

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

/* Header - Adjusted to Match Darker Theme */
.mw-head {
    background-color: #2b2b2b; /* Same as body */
    color: #e0e0e0; /* Ensures readability */
}

/* Sidebar Navigation */
#mw-panel {
    background-color: #3a3a3a; /* Slightly lighter */
}

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

---

---