MediaWiki:Common.css/dark

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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/*
 * ========================================================================
 * Dark-mode overrides for all Infobox elements
 * ========================================================================
 */

/* Container background & border */
.mediawiki-ui-color-scheme-dark table.infobox {
    background-color: var(--surface-secondary) !important;
    border-color:       var(--border)           !important;
}

/* Title caption */
.mediawiki-ui-color-scheme-dark .infobox-title {
    background-color: var(--surface-primary) !important;
    color:            var(--text-primary)   !important;
    border-bottom:    1px solid var(--border) !important;
}

/* Image container */
.mediawiki-ui-color-scheme-dark .infobox-image {
    background: none !important;
}

/* Caption text */
.mediawiki-ui-color-scheme-dark .infobox-caption {
    color: var(--text-secondary) !important;
}

/* Section headers (always #003b6f) */
.infobox-header {
    background-color: #003b6f !important;
    color:            #ffffff !important;
}

/* Label cells */
.mediawiki-ui-color-scheme-dark .infobox-label {
    background-color: var(--surface-secondary) !important;
    color:            var(--text-primary)      !important;
    border-top:       1px solid var(--border)  !important;
}

/* Data cells */
.mediawiki-ui-color-scheme-dark .infobox-data,
.mediawiki-ui-color-scheme-dark .infobox-full-data {
    background-color: var(--surface-secondary) !important;
    color:            var(--text-primary)      !important;
    border-top:       1px solid var(--border)  !important;
}

/* Footer / below cell */
.mediawiki-ui-color-scheme-dark .infobox-below {
    background-color: var(--surface-tertiary) !important;
    color:            var(--text-primary)      !important;
    border-top:       1px solid var(--border)  !important;
}

/* Navbar at bottom */
.mediawiki-ui-color-scheme-dark .infobox-navbar {
    background: none !important;
    color:      var(--text-secondary) !important;
}