MediaWiki:Common.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* 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;
}

/* Style New Dungeons sidebar item differently (Blue) */
#n-New-Dungeons a,
#n-New-Dungeons a:visited {
    color: #38bdf8 !important; /* Mavi / Sky Blue */
    font-weight: bold !important;
}

#n-New-Dungeons a:hover {
    color: #7dd3fc !important;
    text-decoration: underline !important;
}
/* Style Solo Players sidebar item differently (Green) */
#n-Solo-Players a,
#n-Solo-Players a:visited {
    color: #2ecc71 !important; /* Yesil / Emerald Green */
    font-weight: bold !important;
}

#n-Solo-Players a:hover {
    color: #4ade80 !important;
    text-decoration: underline !important;
}