Jump to content

MediaWiki:Common.css/dark: Difference between revisions

From BadWolfMC Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/*
/* ===== Infobox dark-mode overrides ===== */
* ========================================================================
* Dark-mode overrides for all Infobox elements
* ========================================================================
*/


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


/* Dark-mode theme for all Infobox modules */
/* Title caption */
.mediawiki-ui-color-scheme-dark .infobox-title,
.mediawiki-ui-color-scheme-dark .infobox-title {
.mediawiki-ui-color-scheme-dark .infobox-image,
    background-color: var(--surface-primary) !important;
.mediawiki-ui-color-scheme-dark .infobox-caption,
    color:            var(--text-primary)   !important;
.mediawiki-ui-color-scheme-dark .infobox-header,
    border-bottom:    1px solid var(--border) !important;
.mediawiki-ui-color-scheme-dark .infobox-label,
.mediawiki-ui-color-scheme-dark .infobox-data,
.mediawiki-ui-color-scheme-dark .infobox-full-data,
.mediawiki-ui-color-scheme-dark .infobox-below,
.mediawiki-ui-color-scheme-dark .infobox-navbar {
  background-color: var(--surface-secondary) !important;
  color:            var(--text-primary)     !important;
}
}


table.infobox .infobox-header {
/* Image container */
  background: #003B6F;
.mediawiki-ui-color-scheme-dark .infobox-image {
  color:      #ffffff;
    background: none !important;
}
}


/* Serverbuild infobox: dark mode */
/* Caption text */
.mediawiki-ui-color-scheme-dark table.infobox.serverbuild {
.mediawiki-ui-color-scheme-dark .infobox-caption {
  background-color: var(--surface-secondary) !important;
    color: var(--text-secondary) !important;
}
}
.mediawiki-ui-color-scheme-dark table.infobox.serverbuild .infobox-header,
 
.mediawiki-ui-color-scheme-dark table.infobox.serverbuild .infobox-data,
/* Section headers (always #003b6f) */
.mediawiki-ui-color-scheme-dark table.infobox.serverbuild .infobox-label {
.infobox-header {
  background-color: var(--surface-secondary) !important;
    background-color: #003b6f !important;
  color:            var(--text-primary)      !important;
    color:            #ffffff !important;
}
}


/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
/* 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;
}


@media screen {
/* Data cells */
    html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
.mediawiki-ui-color-scheme-dark .infobox-data,
    background: #1f1f23 !important;
.mediawiki-ui-color-scheme-dark .infobox-full-data {
      /* switch with var( --color-base ) when supported. */
    background-color: var(--surface-secondary) !important;
      color: #f8f9fa;
    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;
}


@media screen and ( prefers-color-scheme: dark) {
/* Navbar at bottom */
    html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
.mediawiki-ui-color-scheme-dark .infobox-navbar {
      background: #1f1f23 !important;
    background: none !important;
      /* switch with var( --color-base ) when supported. */
    color:      var(--text-secondary) !important;
      color: #f8f9fa;
    }
}
}

Revision as of 00:38, 6 May 2025

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