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

/* CSS placed here will be applied to all skins */

:root {
    --color-progressive-oklch__l: 45%;  
    --color-progressive-oklch__c: 0.15; 
    --color-progressive-oklch__h: 30;   

    --font-family-citizen-emphasized: 'Courier New', monospace, sans-serif;
}

/* Logo Class */
.logo img {
  width: 600px;
  transition: width 0.5s ease-in-out;
}

.logo img:hover {
  width: 650px;
}

/* Citizen Theme Overrides */
.skin-theme-clientpref-day {

    --color-surface-0: #e0ded9; 
    --color-surface-1: #fcfbf7; 
    --color-surface-2: #f0eee9; 
    --color-surface-3: #e8e6e1; 
    --color-surface-4: #d4d1c9; 

    --color-base: #2e2e2e;
    --color-emphasized: #8b0000;
    --color-subtle: #575231;
    
    --border-color-base: #7a3c26; /* Rusty borders instead of grey */
}

.skin-theme-clientpref-night {

    --color-surface-0: #211c1c; 
    --color-surface-1: #2b2323; 
    --color-surface-2: #362c2c;
    --color-surface-3: #403434; 
    --color-surface-4: #4a3c3c;

    --color-base: #d1c9bd; 
    --color-emphasized: #b24141; 
    --color-subtle: #8b8d4d; 

    --border-color-base: #5c2a1a; 
}