MediaWiki:Common.css

/*

* Infobox styling
*
* client-darkmode:
*   Uses light source colours because the DarkMode extension
*   inverts the page colours.
*
* skin-theme-clientpref-night:
*   Uses actual dark colours for ordinary MediaWiki night mode.
*/

/* =========================================================

  DarkMode extension: html.client-darkmode
  ========================================================= */

html.client-darkmode .infobox {

   background-color: #ddd !important;
   color: #202122 !important;
   border-color: #a2a9b1 !important;

}

html.client-darkmode .infobox th {

   background-color: #c8ccd1 !important;
   color: #202122 !important;

}

html.client-darkmode .infobox td, html.client-darkmode .infobox caption {

   background-color: #ddd !important;
   color: #202122 !important;

}

html.client-darkmode .infobox a {

   color: #36c !important;

}

/* =========================================================

  Standard MediaWiki night mode:
  html.skin-theme-clientpref-night
  ========================================================= */

html.skin-theme-clientpref-night .infobox {

   background-color: #202122 !important;
   color: #f8f9fa !important;
   border-color: #72777d !important;

}

html.skin-theme-clientpref-night .infobox th {

   background-color: #2a2d31 !important;
   color: #f8f9fa !important;

}

html.skin-theme-clientpref-night .infobox td, html.skin-theme-clientpref-night .infobox caption {

   background-color: #202122 !important;
   color: #f8f9fa !important;

}

html.skin-theme-clientpref-night .infobox a {

   color: #66b3ff !important;

}

/* =========================================================

  Operating-system dark mode:
  html.skin-theme-clientpref-os
  ========================================================= */

html.skin-theme-clientpref-os .infobox {

   background-color: #202122 !important;
   color: #f8f9fa !important;
   border-color: #72777d !important;

}

html.skin-theme-clientpref-os .infobox th {

   background-color: #2a2d31 !important;
   color: #f8f9fa !important;

}

html.skin-theme-clientpref-os .infobox td, html.skin-theme-clientpref-os .infobox caption {

   background-color: #202122 !important;
   color: #f8f9fa !important;

}

html.skin-theme-clientpref-os .infobox a {

   color: #66b3ff !important;

}