MediaWiki:Common.css/dark: Difference between revisions

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

/* === Dark-mode infobox overrides === */

/* 1) Turn off the light-mode background on every infobox */
html.skin-theme-clientpref-night .infobox,
html.skin-theme-clientpref-os .infobox {
  background-color: var(--surface-secondary) !important;
}

/* 2) Make all infobox headers (the blue bars) always #003B6F with white text */
.infobox .infobox-header {
  background-color: #003B6F !important;
  color:            #fff    !important;
}

/* 3) If you have a special “serverbuild” sub-class, you can reinforce it here too */
html.skin-theme-clientpref-night table.infobox.serverbuild .infobox-header,
html.skin-theme-clientpref-os    table.infobox.serverbuild .infobox-header {
  background-color: #003B6F !important;
  color:            #fff    !important;
}