Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 15:06, 26 February 2026 by Moshi (talk | contribs) (Created page with "CSS placed here will be applied to all skins: --- THE PYRE BRANDING FOR CITIZEN ---: :root.skin-theme-clientpref-night { THEME ACCENT: Pyre Orange/Red (#ff4d00): --color-progressive-oklch__l: 65%; --color-progressive-oklch__c: 0.23; --color-progressive-oklch__h: 30; Fire Orange: SURFACE COLORS: Ash and Charcoal: --color-surface-0: #0d0d0d; Deepest black/ash background: --color-surface-1: #1a1a1a; /* Card/Contai...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 */
/* --- THE PYRE BRANDING FOR CITIZEN --- */

:root.skin-theme-clientpref-night {
    /* THEME ACCENT: Pyre Orange/Red (#ff4d00) */
    --color-progressive-oklch__l: 65%; 
    --color-progressive-oklch__c: 0.23;
    --color-progressive-oklch__h: 30; /* Fire Orange */

    /* SURFACE COLORS: Ash and Charcoal */
    --color-surface-0: #0d0d0d; /* Deepest black/ash background */
    --color-surface-1: #1a1a1a; /* Card/Container background */
    --color-surface-2: #262626; /* Input/Dropdown backgrounds */
    
    /* TEXT COLORS */
    --color-emphasized: #ffffff;
    --color-base: #d1d1d1; /* Slightly greyed text for readability */
}

/* Make headers look sharper and more 'hardcore' */
h1, h2, h3, h4 {
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid var(--color-progressive) !important;
}

/* Optional: Make the wiki wider for a modern database feel */
:root {
    --width-layout: 1300px;
}