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

/* Citizen dark mode: swap header logo without touching LocalSettings.php */
html.skin-citizen-dark .citizen-header__logo .mw-logo-icon {
  display: none !important;
}

html.skin-citizen-dark .citizen-header__logo .mw-logo.citizen-header__button {
  position: relative;
  display: inline-block;
  width: 32px;   /* match your current img size */
  height: 32px;  /* match your current img size */
  padding: 0 !important;
  line-height: 0;
}

html.skin-citizen-dark .citizen-header__logo .mw-logo.citizen-header__button::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/images/5/5e/Repertoire-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}