MediaWiki:Citizen.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.

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