MediaWiki:Vector.css

/* ========================================================= */
/* Vector 2022 Dark Mode - Custom Skin Overrides             */
/* ========================================================= */

/* ------------------------------ */
/* 1. Base Page & Backgrounds */
/* ------------------------------ */

body,
#mw-head-base,
#mw-page-base {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* ------------------------------ */
/* 2. Links */
/* ------------------------------ */

a {
    color: #7aa06e !important;
}
a:visited {
    color: #cccccc !important;
}
a:hover {
    color: #a3be8c !important;
}
a.new {
    color: #ffff00 !important;
}

/* ------------------------------ */
/* 3. Content Area */
/* ------------------------------ */

#content,
.vector-body {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
    color: #f0f0f0 !important;
}

#content p, #content ul, #content ol,
#content li, #content dl, #content dd,
#content dt, #content div {
    color: #e0e0e0 !important;
}

#content a, .vector-body a {
    color: #7aa06e !important;
}
#content a:visited {
    color: #cccccc !important;
}
#content a:hover {
    color: #a3be8c !important;
}

/* ------------------------------ */
/* 4. Sidebar & Navigation Panel */
/* ------------------------------ */

#mw-panel {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
#mw-panel div.portal {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
}
#mw-panel div.portal h3 {
    color: #f0f0f0 !important;
    border-color: #444 !important;
}
#mw-panel div.body ul li a {
    color: #7aa06e !important;
}
#mw-panel div.body ul li a:visited {
    color: #cccccc !important;
}
#mw-panel div.body ul li a:hover {
    color: #a3be8c !important;
    background-color: #3a3a3a !important;
}
#mw-panel div.body ul li {
    color: #e0e0e0 !important;
}
#mw-panel li.mw-list-item a {
    color: #7aa06e !important;
}
#mw-panel li.mw-list-item a:visited {
    color: #cccccc !important;
}
#mw-list-item a:hover {
    color: #a3be8c !important;
    background-color: #3a3a3a !important;
}
#mw-panel li.mw-list-item {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

/* ------------------------------ */
/* 5. Top Tabs (Read/Edit/History) */
/* ------------------------------ */

#p-views ul li {
    background-color: #3a3a3a !important;
    border-color: #444 !important;
    background-image: none !important;
}
#p-views ul li a {
    color: #e0e0e0 !important;
    background-image: none !important;
}
#p-views ul li.selected {
    background-color: #2a2a2a !important;
    border-color: #444 !important;
}
#p-views ul li.selected a {