MediaWiki:Common.css: Difference between revisions

Revision as of 00:05, 26 August 2026

@import url("https://www.mediawiki.org/wiki/Skin:Timeless-DarkCSS/timeless-dark.css?action=raw&ctype=text/css");
/* ===== Timeless Dark Mode ===== */

html,
body {
    background: #111 !important;
    color: #ddd !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;
}

/* ===== Timeless dark mode fixes ===== */

/* Table of contents */
.toc,
.toccolours {
    background: #202020 !important;
    color: #ddd !important;
    border-color: #444 !important;
}

.toc a {
    color: #75aadb !important;
}

.mw-body .toctitle {
    color: #eee !important;
    border-color: #444 !important;
}

/* Timeless site title */
#p-logo-text {
    background: transparent !important;
}

#p-logo-text a,
#p-logo-text a.long,
#p-logo-text a.short {
    background: transparent !important;
    color: #eee !important;
}

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

/* Remove the light background behind the logo/title */
#p-logo {
    background: transparent !important;
}

/* Main Timeless color bar */
.color-middle-container,
.color-middle {
    background: #181818 !important;
}

#p-logo-text {
    float: left !important;
    text-align: left !important;
}

#p-logo-text a {
    text-align: left !important;
}
#p-logo-text {
    display: none !important;
}