MediaWiki:Common.css: Difference between revisions

Revision as of 23:53, 25 August 2026

/* =========================
   Timeless Dark Theme
   ========================= */

html {
    background: #111 !important;
}

body {
    background: #111 !important;
    color: #ddd !important;
}

/* Main content */
#mw-content,
#mw-content-container,
#mw-content-block,
#mw-page-base,
#mw-head-base {
    background: #111 !important;
}

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

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

/* Links */
a {
    color: #6fa8dc !important;
}

a:visited {
    color: #9b8dcc !important;
}

a:hover {
    color: #9fc9f5 !important;
}

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

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

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

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

/* Buttons */
button,
.oo-ui-buttonElement-button,
.oo-ui-inputWidget-input {
    background: #292929 !important;
    color: #eee !important;
    border-color: #555 !important;
}

/* Tables */
table.wikitable {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #555 !important;
}

table.wikitable th {
    background: #292929 !important;
    color: #eee !important;
}

table.wikitable td {
    background: #202020 !important;
    color: #ddd !important;
}

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

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

/* Category boxes / miscellaneous panels */
.mw-body .mw-parser-output {
    color: #ddd !important;
}

/* Footer */
#footer {
    background: #111 !important;
    color: #aaa !important;
}

#footer a {
    color: #6fa8dc !important;
}

/* Timeless UI containers */

/* Top/header area */
#mw-header-container,
#mw-header,
#mw-site-navigation,
#mw-related-navigation,
#mw-sidebar {
    background: #181818 !important;
}

/* Header/search area */
#p-search,
#p-personal,
#p-cactions,
#mw-page-header-links {
    background: #181818 !important;
}

/* Sidebar navigation boxes */
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk,
.sidebar-chunk {
    background: #181818 !important;
    border-color: #333 !important;
}

/* Sidebar headings */
.sidebar-chunk h3,
.sidebar-chunk .sidebar-heading {
    background: #222 !important;
    color: #ddd !important;
}

/* Individual sidebar links/items */
.sidebar-chunk li,
.sidebar-chunk ul {
    background: transparent !important;
}

/* Top navigation links */
#mw-header a,
#mw-site-navigation a,
#mw-related-navigation a {
    background: transparent !important;
}

/* Search box and surrounding container */
#searchform,
#simpleSearch {
    background: #222 !important;
    border-color: #444 !important;
}

/* Personal tools at top right */
#p-personal ul,
#p-personal li {
    background: transparent !important;
}

/* Generic Timeless portlets */
.portal,
.portal .body {
    background: #181818 !important;
    color: #ddd !important;
}

/* Kill remaining white backgrounds in Timeless UI */
#mw-content-container *,
#mw-header-container *,
#mw-site-navigation *,
#mw-related-navigation * {
    border-color: #333;
}