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.
/* ========================================================= */
/* Vector 2022 Dark Mode - Custom Skin Overrides             */
/* ========================================================= */

/* ------------------------------ */
/* 1. Base Page & Backgrounds */
/* ------------------------------ */
body,
#mw-head-base,
#mw-page-base {
    background-color: #1a1a1a !important;
    color: #e0e0e0;
}

/* ------------------------------ */
/* 2. Links */
/* ------------------------------ */
a,
#content a,
.vector-body a,
#mw-panel div.body ul li a,
#mw-panel li.mw-list-item a,
#footer a {
    color: #88cc88;
}
a:visited,
#content a:visited,
#mw-panel div.body ul li a:visited,
#mw-panel li.mw-list-item a:visited,
#footer a:visited {
    color: #2e8b57;
}
a:hover,
#content a:hover,
#mw-panel div.body ul li a:hover,
#mw-panel li.mw-list-item a:hover,
#footer a:hover {
    color: #a3be8c;
    background-color: #3a3a3a;
}
a.new {
    color: #ffff00;
}

/* ------------------------------ */
/* 3. Content Area */
/* ------------------------------ */
#content,
.vector-body {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #444;
}
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
    color: #f0f0f0;
}
#content p, #content ul, #content ol,
#content li, #content dl, #content dd,
#content dt, #content div {
    color: inherit;
}

/* 3.a Custom bullets inside article content only */
.ns-0 #content ul,
.ns-0 #content ol {
    list-style: none;
    padding-left: 1.5em;
}
.ns-0 #content ul li::before {
    content: "•";
    color: #88cc88;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* ------------------------------ */
/* 4. Sidebar & Navigation Panel */
/* ------------------------------ */
#mw-panel {
    background-color: #1a1a1a;
    color: #e0e0e0;
    border-color: #444;
}
#mw-panel ul,
#mw-panel ol {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
#mw-panel div.portal,
#mw-panel div.portal h3 {
    background-color: #1a1a1a;
    border-color: #444;
    color: #f0f0f0;
}
#mw-panel div.body ul li,
#mw-panel li.mw-list-item {
    background-color: transparent;
    color: #e0e0e0;
}

/* Highlight donate link */
#mw-panel a[href="https://buymeacoffee.com/QuincyExaminer"] {
    color: #ffff00;
    font-weight: normal;
    text-decoration: none;
}

/* ------------------------------ */
/* 4.b User Menu (Top-right dropdown) */
/* ------------------------------ */
#pt-userpage, #pt-anonuserpage,
#pt-login, #pt-logout, #pt-createaccount,
#pt-anontalk, #pt-mytalk, #pt-preferences,
#pt-watchlist, #pt-mycontris, #pt-globalwatchlist,
#pt-myalerts, #pt-messages {
    list-style: none;
    padding: 0.25em 0.5em;
    margin: 0.1em 0;
    display: inline-block;
}
#p-cactions-label,
#p-cactions-label::after {
    color: #e0e0e0;
}

/* ------------------------------ */
/* 5. Top Tabs (Read/Edit/History) */
/* ------------------------------ */
#p-views ul li {
    background-color: #3a3a3a;
    border-color: #444;
    background-image: none;
}
#p-views ul li a {
    color: #e0e0e0;
}
#p-views ul li.selected {
    background-color: #2a2a2a;
}
#p-views ul li.selected a {
    color: #f0f0f0;
}
#p-views ul li:not(.selected):hover {
    background-color: #4a4a4a;
}
#p-views ul li:not(.selected):hover a {
    color: #ffffff;
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background-color: #3a3a3a;
    color: #e0e0e0;
}

/* ------------------------------ */
/* 6. Header & Logo */
/* ------------------------------ */
#mw-head {
    background-color: #1a1a1a;
    border-bottom-color: #444;
}
#mw-wiki-logo {
    background-color: transparent;
}

/* ------------------------------ */
/* 7. Footer */
/* ------------------------------ */
#footer {
    background-color: #1a1a1a;
    color: #e0e0e0;
}
#footer li {
    color: #e0e0e0;
}

/* ------------------------------ */
/* 8. Search Input — omitted per request */
/* ------------------------------ */

/* ------------------------------ */
/* 9. Table of Contents (TOC) */
/* ------------------------------ */
#toc {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #444;
}
#toc ul {
    list-style-type: none;
    padding-left: 1.5em;
}
#toc li::before {
    content: none;
}
#toc .toctitle,
#mw-toc-heading {
    background-color: transparent;
    color: #f0f0f0;
    border: none;
    padding: 0.25em 0.5em;
    margin: 0;
    font-size: 1.2em;
}
#toc .tocnumber {
    color: #88cc88;
}
#toc li:hover .tocnumber {
    color: #a3be8c;
}
#toc .toctoggle,
#toc .toctoggle a,
.toctoggle,
.toctoggle a {
    color: #88cc88;
    text-decoration: none;
}
#toc .toctoggle a:hover,
.toctoggle a:hover {
    color: #a3be8c;
}

/* ------------------------------ */
/* 10. Changes List & Legends */
/* ------------------------------ */
.mw-changeslist,
.mw-changeslist-legend {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border-color: #444;
}
.mw-changeslist-legend .mw-legend {
    color: inherit;
}

/* ------------------------------ */
/* 11. Editing Interface */
/* ------------------------------ */
#editform,
#wpTextbox1 {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #555;
}
.divEditOptions,
.editOptions {
    background-color: #1a1a1a;
    color: #e0e0e0;
    border-color: #444;
}
.divEditOptions input,
.divEditOptions textarea,
.divEditOptions select {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #555;
}

/* ------------------------------ */
/* 12. Custom Blocks (Optional) */
/* ------------------------------ */
.qme-column {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #83FCDB;
    padding: 1em;
}
.qme-heading {
    background-color: #3a3a3a;
    color: #f0f0f0;
    border: 1px solid #444;
}

/* ------------------------------ */
/* 13. MediaWiki Image Caption Fix */
/* ------------------------------ */
.thumbcaption {
    color: #2e8b57;
}

/* ------------------------------ */
/* 14. Code Blocks (pre, code, .mw-code) */
/* ------------------------------ */
pre,
code,
tt,
kbd,
samp,
.mw-code {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border: 1px solid #555;
    padding: 0.5em;
}

/* ------------------------------ */
/* 15. OOUI Form Field Label Fix */
/* ------------------------------ */
.oo-ui-labelElement-label,
.oo-ui-fieldsetLayout-header,
.oo-ui-fieldLayout-header label {
    color: #ffffff;
}

/* ------------------------------ */
/* 16. Special Pages: Search Tab Cleanup */
/* ------------------------------ */
.mw-search-profile-tabs .search-types ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ------------------------------ */
/* 17. Confirm Account Tables Inverted Colors */
/* ------------------------------ */
.mw-confirmaccount-body-0,
.mw-confirmaccount-body-0 td {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #555;
}
.mw-confirmaccount-type-0::marker {
    color: #88cc88;
}

/* ------------------------------ */
/* 18. Warning Message Blocks (Admin Edit Warnings) */
/* ------------------------------ */
.mw-editinginterface {
    background-color: #5a1a1a;
    color: #ffdddd;
    border: 1px solid #aa4444;
    padding: 10px;
    margin: 1em 0;
    font-weight: bold;
    border-radius: 4px;
}
.mw-editinginterface strong {
    color: #ff6666;
}

/* ------------------------------ */
/* Ace Editor (Line Numbers) */
/* ------------------------------ */
.ace_gutter {
    background-color: #ffffff;
    border-right: 1px solid #ccc;
}
.ace_gutter-cell {
    color: #000000;
    background-color: transparent;
    user-select: none;
}

/* ============================== */
/* END Vector 2022 Dark Mode Custom */
/* ============================== */
MediaWiki:Vector.css

Navigation menu

Search
