MediaWiki:Citizen.css
MediaWiki interface page
More actions
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.
/* All CSS here will be loaded for users of the Citizen skin */
.skin-citizen-light #footer-icons a {
filter: invert(1) hue-rotate(180deg);
}
/* Default logo (dark mode) */
.skin-citizen .mw-wiki-logo a {
background-image: url("/images/Openfront_Light.png");
background-size: contain;
background-repeat: no-repeat;
display: block;
width: 200px; /* adjust to your logo */
height: 50px; /* adjust to your logo */
}
/* Light mode override */
@media (prefers-color-scheme: light) {
.skin-citizen .mw-wiki-logo a {
background-image: url("/images/Openfront_Dark.png");
}
}
/* Hide site name text next to logo */
.skin-citizen .mw-logo-wordmark {
display: none;
}