MediaWiki:Common.css

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.

/* === Infobox (light theme default) === */
table.infobox {
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
  color: inherit;               /* use skin's text color */
  font-size: 90%;
  line-height: 1.4em;
  border-collapse: collapse;
}
table.infobox th,
table.infobox td {
  padding: .25em .5em;
  vertical-align: top;
}
table.infobox th {
  text-align: left;
}
table.infobox th.infobox-title {
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  background: #cfe3a3;          /* tweak to taste */
}

/* === Infobox (dark theme via skin toggle) ===
   Vector/Minerva add `skin-theme-clientpref-night` on <html>
   when the user selects Dark. We override based on that. */
html.skin-theme-clientpref-night table.infobox {
  background: #202124;
  border-color: #5f6368;
  color: #e8eaed;
}
html.skin-theme-clientpref-night table.infobox th {
  color: #e8eaed;
}
html.skin-theme-clientpref-night .infobox-title {
  background: #323f2b;          /* header tint for dark; adjust if you like */
  color: #e8eaed;
}

/* Optional: make links inside infobox readable in dark mode */
html.skin-theme-clientpref-night table.infobox a { color: #8ab4f8; }
html.skin-theme-clientpref-night table.infobox a:visited { color: #c58af9; }