MediaWiki:Common.css: Difference between revisions

Revision as of 15:12, 27 June 2026

/* Complete Black Theme for MediaWiki (Vector 2022 & Vector Legacy) */

/* General Backgrounds */
html, body, 
.mw-page-container, 
.mw-page-container-inner, 
.vector-header-container, 
.vector-header, 
.vector-sidebar-container, 
.vector-pinned-container,
.vector-main-menu-container,
.vector-sticky-header,
.vector-toc-container,
.mw-content-container,
#content, 
.mw-body, 
#mw-page-base, 
#mw-head-base, 
#mw-head, 
#mw-panel, 
.vector-menu-portal .vector-menu-content, 
footer, 
.mw-footer {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #cbd5e1 !important; /* light gray text */
    border-color: #1f2937 !important; /* dark borders */
}

/* Force content borders and backgrounds */
.mw-body {
    border: 1px solid #1f2937 !important;
    background-color: #000000 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .firstHeading {
    color: #eab308 !important; /* Gold */
    font-family: 'Cinzel', Georgia, serif !important;
    border-bottom: 1px solid #1f2937 !important;
}

/* Page titles */
.mw-page-title-main {
    color: #eab308 !important;
}

/* Links */
a {
    color: #f59e0b !important;
    text-decoration: none;
}

a:hover {
    color: #fbbf24 !important;
    text-decoration: underline;
}

a.new {
    color: #ef4444 !important;
}

a.new:hover {
    color: #f87171 !important;
}

/* Navigation Headers & Text */
.vector-menu-heading, .vector-menu-heading label {
    color: #eab308 !important;
    font-family: 'Cinzel', Georgia, serif !important;
    font-weight: bold;
}

.vector-menu-portal .vector-menu-content-list a,
.vector-main-menu-action a,
.vector-toc-link,
.vector-main-menu-group a {
    color: #9ca3af !important;
}

.vector-menu-portal .vector-menu-content-list a:hover,
.vector-toc-link:hover,
.vector-main-menu-group a:hover {
    color: #eab308 !important;
    background-color: transparent !important;
}

/* Selected Tabs & Navigation Elements */
.vector-menu-tabs li {
    background-color: #111827 !important;
    border: 1px solid #1f2937 !important;
    border-bottom: none !important;
}

.vector-menu-tabs li.selected {
    background-color: #000000 !important;
    border-color: #1f2937 !important;
}

.vector-menu-tabs li.selected a {
    color: #eab308 !important;
}

.vector-menu-tabs li a {
    color: #9ca3af !important;
}

/* Tables styling */
.wikitable {
    background-color: #09090b !important;
    color: #cbd5e1 !important;
    border: 1px solid #1f2937 !important;
}

.wikitable th {
    background-color: #18181b !important;
    color: #eab308 !important;
    border: 1px solid #1f2937 !important;
    font-family: 'Cinzel', Georgia, serif !important;
}

.wikitable td {
    border: 1px solid #1f2937 !important;
}

/* Inputs and Buttons */
#searchInput {
    background-color: #09090b !important;
    color: #cbd5e1 !important;
    border: 1px solid #1f2937 !important;
}

#searchButton, #searchGoButton {
    background-color: #18181b !important;
    color: #eab308 !important;
    border: 1px solid #1f2937 !important;
}

/* Hide Vector layout background base layers */
#mw-page-base, #mw-head-base {
    background-image: none !important;
}

/* Footer layout cleanup */
.mw-footer li {
    color: #6b7280 !important;
}

/* Vector 2022 unpinned main menu & dropdown dropdowns black styling */
.vector-dropdown-content, 
.vector-main-menu, 
.vector-main-menu-container, 
.vector-menu-content, 
.vector-menu-content-list,
.vector-main-menu-landmark,
.vector-dropdown-panel,
.vector-main-menu-landmark .vector-menu {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #cbd5e1 !important;
    border-color: #222222 !important;
}

/* Ensure child menus and links are also styled correctly */
.vector-main-menu-group, .vector-main-menu-action {
    background-color: #000000 !important;
}

.vector-dropdown-content a {
    color: #cbd5e1 !important;
}

.vector-dropdown-content a:hover {
    color: #eab308 !important;
    background-color: #111827 !important;
}

/* Hide duplicate small logo icon */
.mw-logo-icon {
    display: none !important;
}