MediaWiki:Common.css: Difference between revisions

Latest revision as of 03:32, 28 August 2026

/* Imported from crawl.chaosforge.org + dark mode overrides for Citizen skin.
   ============================================================================
   IMPORTANT — dark-mode attribute selectors:
   MediaWiki's CSSMin strips whitespace inside quoted attribute selectors:
   a selector string written as  background-color:(space)#x  is served with
   the space removed and never matches the HTML (whose inline styles DO
   contain the space). All dark-mode matching against inline styles must
   therefore use bare color tokens, e.g. [style*="#99ff99" i] — never
   property-colon-space-value strings.
   This file is generated by gen_common_css.py (repo scratch tooling); keep
   edits consistent with that invariant.
   ============================================================================ */

/* PRE OVERFLOW */
pre {
  overflow: auto;
}

/* PRETTY TABLES - base (light mode) styles */
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/* DCSS glyph display */
span.nhsym {
  background-color: #000000;
  font-family: monospace;
  padding: 2px;
  font-weight: bold;
  font-size: large;
}

/* Glyph colors */
.clr-blue          { color: #0000AA; }
.clr-green         { color: #00AA00; }
.clr-cyan          { color: #00AAAA; }
.clr-red           { color: #AA0000; }
.clr-magenta       { color: #AA00AA; }
.clr-brown         { color: #AA5500; }
.clr-lightgray     { color: #AAAAAA; }
.clr-darkgray      { color: #555555; }
.clr-brightblue    { color: #5555FF; }
.clr-brightgreen   { color: #55FF55; }
.clr-brightcyan    { color: #55FFFF; }
.clr-orange        { color: #FF5555; }
.clr-brightmagenta { color: #FF55FF; }
.clr-yellow        { color: #FFFF55; }
.clr-white         { color: #FFFFFF; }

/* Register header box (light mode) */
.register-header {
  background: #f5faff;
  border: 3px solid #cedff2;
  color: #000;
}

/* ============================================
   DARK MODE (Citizen night toggle)
   ============================================ */

.skin-theme-clientpref-night table.wikitable,
.skin-theme-clientpref-night table.prettytable {
  background: #1a1a2e;
  border-color: #333355;
}

.skin-theme-clientpref-night table.wikitable th,
.skin-theme-clientpref-night table.prettytable th {
  background: #16213e;
  color: #e0e0e0;
  border-color: #333355;
}

.skin-theme-clientpref-night table.wikitable td,
.skin-theme-clientpref-night table.prettytable td {
  border-color: #333355;
  color: #d0d0d0;
}

.skin-theme-clientpref-night .infobox,
.skin-theme-clientpref-night .navbox {
  background: #1a1a2e;
  border-color: #333355;
  color: #d0d0d0;
}

.skin-theme-clientpref-night .infobox th,
.skin-theme-clientpref-night .navbox th {
  background: #16213e;
  color: #e0e0e0;
}

.skin-theme-clientpref-night .infobox td,
.skin-theme-clientpref-night .navbox td {
  color: #d0d0d0;
}

/* Glyph colors - slightly brighten in dark mode for readability */
.skin-theme-clientpref-night .clr-blue { color: #6666FF; }
.skin-theme-clientpref-night .clr-green { color: #44DD44; }
.skin-theme-clientpref-night .clr-cyan { color: #44DDDD; }
.skin-theme-clientpref-night .clr-red { color: #FF4444; }
.skin-theme-clientpref-night .clr-magenta { color: #DD44DD; }
.skin-theme-clientpref-night .clr-brown { color: #DD8844; }
.skin-theme-clientpref-night .clr-darkgray { color: #888888; }

/* Register header: force dark in night mode at every level */
html.skin-theme-clientpref-night .register-header,
html.skin-theme-clientpref-night .register-header *,
html.skin-theme-clientpref-night table.register-header,
html.skin-theme-clientpref-night table.register-header tr,
html.skin-theme-clientpref-night table.register-header td,
html.skin-theme-clientpref-night table.register-header tbody {
  background: #1a1a2e !important;
  background-color: #1a1a2e !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

/* Override Citizen's default table cell backgrounds in dark mode */
html.skin-theme-clientpref-night .mw-parser-output table:not(.wikitable):not(.prettytable) td {
  background-color: transparent !important;
}

/* ============================================
   DARK MODE (OS preference / auto)
   ============================================ */

@media (prefers-color-scheme: dark) {
  .skin-theme-clientpref-os table.wikitable,
  .skin-theme-clientpref-os table.prettytable {
    background: #1a1a2e;
    border-color: #333355;
  }

  .skin-theme-clientpref-os table.wikitable th,
  .skin-theme-clientpref-os table.prettytable th {
    background: #16213e;
    color: #e0e0e0;
    border-color: #333355;
  }

  .skin-theme-clientpref-os table.wikitable td,
  .skin-theme-clientpref-os table.prettytable td {
    border-color: #333355;
    color: #d0d0d0;
  }

  .skin-theme-clientpref-os .infobox,
  .skin-theme-clientpref-os .navbox {
    background: #1a1a2e;
    border-color: #333355;
    color: #d0d0d0;
  }

  .skin-theme-clientpref-os .infobox th,
  .skin-theme-clientpref-os .navbox th {
    background: #16213e;
    color: #e0e0e0;
  }

  .skin-theme-clientpref-os .infobox td,
  .skin-theme-clientpref-os .navbox td {
    color: #d0d0d0;
  }

  .skin-theme-clientpref-os .clr-blue { color: #6666FF; }
  .skin-theme-clientpref-os .clr-green { color: #44DD44; }
  .skin-theme-clientpref-os .clr-cyan { color: #44DDDD; }
  .skin-theme-clientpref-os .clr-red { color: #FF4444; }
  .skin-theme-clientpref-os .clr-magenta { color: #DD44DD; }
  .skin-theme-clientpref-os .clr-brown { color: #DD8844; }
  .skin-theme-clientpref-os .clr-darkgray { color: #888888; }

  html.skin-theme-clientpref-os .register-header,
  html.skin-theme-clientpref-os .register-header *,
  html.skin-theme-clientpref-os table.register-header,
  html.skin-theme-clientpref-os table.register-header tr,
  html.skin-theme-clientpref-os table.register-header td,
  html.skin-theme-clientpref-os table.register-header tbody {
    background: #1a1a2e !important;
    background-color: #1a1a2e !important;
    border-color: #333355 !important;
    color: #d0d0d0 !important;
  }

  html.skin-theme-clientpref-os .mw-parser-output table:not(.wikitable):not(.prettytable) td {
    background-color: transparent !important;
  }
}

/* ============================================
   DARK MODE — inline-styled content (token-based; see header note)
   ============================================ */

/* light highlight cells: keep bg, dark text */

html.skin-theme-clientpref-night .mw-parser-output td[style*="#ccffff" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ccffff" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ccffff" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ccffff" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#aaffaa" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#aaffaa" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#aaffaa" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#aaffaa" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffff00" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffff00" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffff00" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffff00" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffffcc" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffffcc" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffffcc" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffffcc" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffcc00" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffcc00" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffcc00" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffcc00" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffcc99" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffcc99" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffcc99" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffcc99" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff9900" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff9900" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff9900" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff9900" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff6600" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff6600" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff6600" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff6600" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff0000" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff0000" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff0000" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff0000" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffcccc" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffcccc" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffcccc" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffcccc" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff9999" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff9999" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff9999" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff9999" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#fcc" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#fcc" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#fcc" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#fcc" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#fbfbfb" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#fbfbfb" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#fbfbfb" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#fbfbfb" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#f8f8f8" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#f8f8f8" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#f8f8f8" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#f8f8f8" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#f0f0f0" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#f0f0f0" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#f0f0f0" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#f0f0f0" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#fbeafe" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#fbeafe" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#fbeafe" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#fbeafe" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#c7c7c9" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#c7c7c9" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#c7c7c9" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#c7c7c9" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffbf00" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffbf00" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffbf00" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffbf00" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff0" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff0" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff0" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff0" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#f90" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#f90" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#f90" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#f90" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="lightblue" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="lightblue" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="lightblue" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="lightblue" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#99ccff" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#99ccff" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#99ccff" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#99ccff" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#99ffff" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#99ffff" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#99ffff" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#99ffff" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffff99" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffff99" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffff99" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffff99" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffffff" i],
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffffff" i],
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffffff" i],
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffffff" i] {
  color: #1a1a1a;
}

html.skin-theme-clientpref-night .mw-parser-output td[style*="#ccffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ccffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ccffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ccffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#aaffaa" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#aaffaa" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#aaffaa" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#aaffaa" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffff00" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffff00" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffff00" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffff00" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffffcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffffcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffffcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffffcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffcc00" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffcc00" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffcc00" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffcc00" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffcc99" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffcc99" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffcc99" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffcc99" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff9900" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff9900" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff9900" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff9900" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff6600" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff6600" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff6600" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff6600" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff0000" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff0000" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff0000" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff0000" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffcccc" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffcccc" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffcccc" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffcccc" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff9999" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff9999" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff9999" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff9999" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#fcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#fcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#fcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#fcc" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#fbeafe" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#fbeafe" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#fbeafe" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#fbeafe" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffbf00" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffbf00" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffbf00" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffbf00" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff0" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ff0" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ff0" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ff0" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#f90" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#f90" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#f90" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#f90" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="lightblue" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="lightblue" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="lightblue" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="lightblue" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#99ccff" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#99ccff" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#99ccff" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#99ccff" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#99ffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#99ffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#99ffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#99ffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffff99" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffff99" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffff99" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffff99" i] a,
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ffffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output th[style*="#ffffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output span[style*="#ffffff" i] a,
html.skin-theme-clientpref-night .mw-parser-output caption[style*="#ffffff" i] a {
  color: #0645ad;
}

/* light inline borders -> dark */

html.skin-theme-clientpref-night .mw-parser-output [style*="#cedff2" i],
html.skin-theme-clientpref-night .mw-parser-output [style*="#abd5f5" i],
html.skin-theme-clientpref-night .mw-parser-output [style*="#fad67d" i],
html.skin-theme-clientpref-night .mw-parser-output [style*="#cc6600" i] {
  border-color: #333355 !important;
}

/* notice boxes (version banners, flavour, main-page sections) -> dark */

html.skin-theme-clientpref-night .mw-parser-output div[style*="#99ff99" i],
html.skin-theme-clientpref-night .mw-parser-output div[style*="#e0fae0" i] {
  background-color: #1a2e1a !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-night .mw-parser-output div[style*="#fc6" i] {
  background-color: #2e2a1a !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-night .mw-parser-output div[style*="#bcebf5" i] {
  background-color: #1a2a2e !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-night .mw-parser-output div[style*="#99ccff" i],
html.skin-theme-clientpref-night .mw-parser-output div[style*="#99ffff" i] {
  background-color: #1a2a4a !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-night .mw-parser-output div[style*="#ffcc99" i],
html.skin-theme-clientpref-night .mw-parser-output div[style*="#ffff99" i] {
  background-color: #2a2a1a !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-night .mw-parser-output div[style*="#ff6633" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff6633" i],
html.skin-theme-clientpref-night .mw-parser-output div[style*="#ff9966" i],
html.skin-theme-clientpref-night .mw-parser-output td[style*="#ff9966" i] {
  background-color: #3a1a1a !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-night .mw-parser-output table[style*="#f5faff" i],
html.skin-theme-clientpref-night .mw-parser-output div[style*="#f5faff" i] {
  background-color: #1a1a2e !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

/* white backgrounds -> transparent */

html.skin-theme-clientpref-night .mw-parser-output div[style*="background-color:white"],
html.skin-theme-clientpref-night .mw-parser-output table[style*="background-color:white"],
html.skin-theme-clientpref-night .mw-parser-output div[style*="background:white"],
html.skin-theme-clientpref-night .mw-parser-output table[style*="background:white"] {
  background-color: transparent !important;
}

/* inline black text -> light */

html.skin-theme-clientpref-night .mw-parser-output [style*="color:#000"] {
  color: #d0d0d0 !important;
}

@media (prefers-color-scheme: dark) {
/* light highlight cells: keep bg, dark text */

html.skin-theme-clientpref-os .mw-parser-output td[style*="#ccffff" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ccffff" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ccffff" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ccffff" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#aaffaa" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#aaffaa" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#aaffaa" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#aaffaa" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffff00" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffff00" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffff00" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffff00" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffffcc" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffffcc" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffffcc" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffffcc" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffcc00" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffcc00" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffcc00" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffcc00" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffcc99" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffcc99" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffcc99" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffcc99" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff9900" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff9900" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff9900" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff9900" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff6600" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff6600" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff6600" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff6600" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff0000" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff0000" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff0000" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff0000" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffcccc" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffcccc" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffcccc" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffcccc" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff9999" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff9999" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff9999" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff9999" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#fcc" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#fcc" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#fcc" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#fcc" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#fbfbfb" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#fbfbfb" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#fbfbfb" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#fbfbfb" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#f8f8f8" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#f8f8f8" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#f8f8f8" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#f8f8f8" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#f0f0f0" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#f0f0f0" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#f0f0f0" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#f0f0f0" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#fbeafe" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#fbeafe" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#fbeafe" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#fbeafe" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#c7c7c9" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#c7c7c9" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#c7c7c9" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#c7c7c9" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffbf00" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffbf00" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffbf00" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffbf00" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff0" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff0" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff0" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff0" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#f90" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#f90" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#f90" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#f90" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="lightblue" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="lightblue" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="lightblue" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="lightblue" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#99ccff" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#99ccff" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#99ccff" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#99ccff" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#99ffff" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#99ffff" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#99ffff" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#99ffff" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffff99" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffff99" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffff99" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffff99" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffffff" i],
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffffff" i],
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffffff" i],
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffffff" i] {
  color: #1a1a1a;
}

html.skin-theme-clientpref-os .mw-parser-output td[style*="#ccffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ccffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ccffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ccffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#aaffaa" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#aaffaa" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#aaffaa" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#aaffaa" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffff00" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffff00" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffff00" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffff00" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffffcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffffcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffffcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffffcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffcc00" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffcc00" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffcc00" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffcc00" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffcc99" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffcc99" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffcc99" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffcc99" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff9900" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff9900" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff9900" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff9900" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff6600" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff6600" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff6600" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff6600" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff0000" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff0000" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff0000" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff0000" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffcccc" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffcccc" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffcccc" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffcccc" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff9999" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff9999" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff9999" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff9999" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#fcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#fcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#fcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#fcc" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#fbfbfb" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#f8f8f8" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#f0f0f0" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#fbeafe" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#fbeafe" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#fbeafe" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#fbeafe" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#c7c7c9" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffbf00" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffbf00" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffbf00" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffbf00" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff0" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ff0" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ff0" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ff0" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#f90" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#f90" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#f90" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#f90" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="lightblue" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="lightblue" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="lightblue" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="lightblue" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#99ccff" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#99ccff" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#99ccff" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#99ccff" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#99ffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#99ffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#99ffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#99ffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffff99" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffff99" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffff99" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffff99" i] a,
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ffffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output th[style*="#ffffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output span[style*="#ffffff" i] a,
html.skin-theme-clientpref-os .mw-parser-output caption[style*="#ffffff" i] a {
  color: #0645ad;
}

/* light inline borders -> dark */

html.skin-theme-clientpref-os .mw-parser-output [style*="#cedff2" i],
html.skin-theme-clientpref-os .mw-parser-output [style*="#abd5f5" i],
html.skin-theme-clientpref-os .mw-parser-output [style*="#fad67d" i],
html.skin-theme-clientpref-os .mw-parser-output [style*="#cc6600" i] {
  border-color: #333355 !important;
}

/* notice boxes (version banners, flavour, main-page sections) -> dark */

html.skin-theme-clientpref-os .mw-parser-output div[style*="#99ff99" i],
html.skin-theme-clientpref-os .mw-parser-output div[style*="#e0fae0" i] {
  background-color: #1a2e1a !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-os .mw-parser-output div[style*="#fc6" i] {
  background-color: #2e2a1a !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-os .mw-parser-output div[style*="#bcebf5" i] {
  background-color: #1a2a2e !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-os .mw-parser-output div[style*="#99ccff" i],
html.skin-theme-clientpref-os .mw-parser-output div[style*="#99ffff" i] {
  background-color: #1a2a4a !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-os .mw-parser-output div[style*="#ffcc99" i],
html.skin-theme-clientpref-os .mw-parser-output div[style*="#ffff99" i] {
  background-color: #2a2a1a !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-os .mw-parser-output div[style*="#ff6633" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff6633" i],
html.skin-theme-clientpref-os .mw-parser-output div[style*="#ff9966" i],
html.skin-theme-clientpref-os .mw-parser-output td[style*="#ff9966" i] {
  background-color: #3a1a1a !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

html.skin-theme-clientpref-os .mw-parser-output table[style*="#f5faff" i],
html.skin-theme-clientpref-os .mw-parser-output div[style*="#f5faff" i] {
  background-color: #1a1a2e !important;
  border-color: #333355 !important;
  color: #d0d0d0 !important;
}

/* white backgrounds -> transparent */

html.skin-theme-clientpref-os .mw-parser-output div[style*="background-color:white"],
html.skin-theme-clientpref-os .mw-parser-output table[style*="background-color:white"],
html.skin-theme-clientpref-os .mw-parser-output div[style*="background:white"],
html.skin-theme-clientpref-os .mw-parser-output table[style*="background:white"] {
  background-color: transparent !important;
}

/* inline black text -> light */

html.skin-theme-clientpref-os .mw-parser-output [style*="color:#000"] {
  color: #d0d0d0 !important;
}
}