MediaWiki:Citizen.css

MediaWiki interface page
Revision as of 08:41, 18 January 2024 by ProbablePrime (talk | contribs)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */

/* Dark Mode Only*/
:root.skin-citizen-dark {

    /* Based on Resonite Neutrals*/
    /* Dark */
    --color-surface-0: #11151d;

    /* Neutrals: Mid */
    --color-surface-1: #2b2f35;

    /* Neutrals: Light (disabled for now Prime needs to talk to Chroma) */
    /*--color-surface-2: #e1e1e0;*/

   /* Based on resonite Mid Colors */

   /* Cyan Hero*/
   --color-primary: #61d1fa;

   /* Red Mid*/
   --color-destructive: #ae5458;

   /* Green Mid */
   --color-success: #3f9e44;

   /* Orange Mid */
   --color-warning: #a0a14e;

}
.skin-citizen-dark .ext-translate-language-icon {
   filter: var(--filter-invert);
}
.skin-citizen-dark .ext-translate-language-selector-expand {
   filter: var(--filter-invert);
}

#ca-ve-edit {
  background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2))
}
#ca-edit {
  background-color: hsl(var(--color-primary__h),var(--color-primary__s),calc(var(--color-primary__l) * 1.2))
}