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

/* Default logo (Dark mode) */
.skin-citizen .mw-wiki-logo a {
    background-image: url("/images/Openfront_Dark.png");
    background-size: contain; /* make it fit */
    background-repeat: no-repeat;
    display: block;
}

/* Light mode override */
@media (prefers-color-scheme: light) {
    .skin-citizen .mw-wiki-logo a {
        background-image: url("/images/Openfront_Light.png");
    }
}