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 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;
}