Jump to content

MediaWiki:Common.css/dark: Difference between revisions

From BadWolfMC Wiki
← Older editNewer edit →
Merc (talk | contribs)
Bureaucrats, Interface administrators, Administrators, widgeteditor
2,870 edits
No edit summary
No edit summary
Line 1: Line 1:
/*
/* ===== Dark‐mode overrides for all infoboxes ===== */
* ========================================================================
* Dark-mode overrides for all Infobox elements
* ========================================================================
*/


/* Container background & border */
/* In “night” mode (Vector > Appearance > Dark), flip the infobox background */
.mediawiki-ui-color-scheme-dark table.infobox {
html.skin-theme-clientpref-night table.infobox,
    background-color: var(--surface-secondary) !important;
html.skin-theme-clientpref-night table.infobox-subbox {
    border-color:      var(--border)          !important;
  background-color: var(--surface-secondary) !important;
}
}


/* Title caption */
/* In dark mode, invert all text and borders inside infoboxes */
.mediawiki-ui-color-scheme-dark .infobox-title {
html.skin-theme-clientpref-night table.infobox,
    background-color: var(--surface-primary) !important;
html.skin-theme-clientpref-night table.infobox th,
    color:           var(--text-primary)   !important;
html.skin-theme-clientpref-night table.infobox td {
    border-bottom:   1px solid var(--border) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color-base) !important;
}
}


/* Image container */
/* Ensure the infobox title and header keep your brand color */
.mediawiki-ui-color-scheme-dark .infobox-image {
html.skin-theme-clientpref-night table.infobox caption.infobox-title,
    background: none !important;
html.skin-theme-clientpref-night table.infobox .infobox-header {
}
  background-color: #003B6F !important;
 
  color:            #ffffff !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 */
/* If you have a specialized “serverbuild” variant: */
.mediawiki-ui-color-scheme-dark .infobox-navbar {
html.skin-theme-clientpref-night table.infobox.serverbuild {
    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;
   background-color: var(--surface-secondary) !important;
}
}
 
html.skin-theme-clientpref-night table.infobox.serverbuild .infobox-header,
/* 2) Make all infobox headers (the blue bars) always #003B6F with white text */
html.skin-theme-clientpref-night table.infobox.serverbuild .infobox-label {
.infobox .infobox-header {
   background-color: #003B6F !important;
   background-color: #003B6F !important;
   color:            #fff    !important;
   color:            #ffffff !important;
}
}


/* 3) If you have a special “serverbuild” sub-class, you can reinforce it here too */
/* End of dark overrides */
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;
}

Revision as of 01:00, 6 May 2025

/* ===== Dark‐mode overrides for all infoboxes ===== */

/* In “night” mode (Vector > Appearance > Dark), flip the infobox background */
html.skin-theme-clientpref-night table.infobox,
html.skin-theme-clientpref-night table.infobox-subbox {
  background-color: var(--surface-secondary) !important;
}

/* In dark mode, invert all text and borders inside infoboxes */
html.skin-theme-clientpref-night table.infobox,
html.skin-theme-clientpref-night table.infobox th,
html.skin-theme-clientpref-night table.infobox td {
  color: var(--text-primary) !important;
  border-color: var(--border-color-base) !important;
}

/* Ensure the infobox title and header keep your brand color */
html.skin-theme-clientpref-night table.infobox caption.infobox-title,
html.skin-theme-clientpref-night table.infobox .infobox-header {
  background-color: #003B6F !important;
  color:            #ffffff !important;
}

/* If you have a specialized “serverbuild” variant: */
html.skin-theme-clientpref-night table.infobox.serverbuild {
  background-color: var(--surface-secondary) !important;
}
html.skin-theme-clientpref-night table.infobox.serverbuild .infobox-header,
html.skin-theme-clientpref-night table.infobox.serverbuild .infobox-label {
  background-color: #003B6F !important;
  color:            #ffffff !important;
}

/* End of dark overrides */
Retrieved from "https://wiki.badwolfmc.com/w/index.php?title=MediaWiki:Common.css/dark&oldid=6036"