MediaWiki:Common.css: Difference between revisions

Revision as of 23:54, 25 August 2026

/* ===== Timeless Dark Mode ===== */

html,
body {
    background: #111 !important;
    color: #edd !important;
}

/* Main page background */
#mw-content-container {
    background: #111 !important;
    background-image: none !important;
    border-bottom-color: #333 !important;
}

/* Article/content box */
#mw-content {
    background: #181818 !important;
    color: #ddd !important;
}

/* Header */
#mw-header-container {
    background: #181818 !important;
}

/* Navigation */
#mw-site-navigation,
#mw-related-navigation {
    background: #181818 !important;
}

/* Navigation portlets */
#mw-site-navigation .portal,
#mw-related-navigation .portal {
    background: #181818 !important;
    color: #ddd !important;
}

/* Navigation headings */
#mw-site-navigation .portal h3,
#mw-related-navigation .portal h3 {
    background: #222 !important;
    color: #eee !important;
}

/* Navigation lists */
#mw-site-navigation ul,
#mw-site-navigation li,
#mw-related-navigation ul,
#mw-related-navigation li {
    background: transparent !important;
}

/* Header links */
#mw-header a,
#mw-site-navigation a,
#mw-related-navigation a {
    color: #ccc !important;
}

/* Search */
#simpleSearch {
    background: #222 !important;
    border-color: #444 !important;
}

#searchInput {
    color: #eee !important;
    background: transparent !important;
}

/* Links */
a {
    color: #75aadb !important;
}

a:visited {
    color: #a98bd4 !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #eee !important;
    border-color: #444 !important;
}

/* Tables */
.wikitable,
.mw-datatable,
.mw-metadata {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #444 !important;
}

.wikitable th,
.mw-datatable th {
    background: #292929 !important;
    color: #eee !important;
}

.wikitable td,
.mw-datatable td {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #444 !important;
}

/* Infoboxes */
.infobox {
    background: #202020 !important;
    color: #ddd !important;
}

/* Code */
pre,
code,
.mw-code {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #444 !important;
}

/* Inputs */
input,
textarea,
select {
    background: #222 !important;
    color: #eee !important;
    border-color: #555 !important;
}

/* Footer */
.mw-footer-container,
.mw-footer {
    background: #111 !important;
    color: #aaa !important;
}