Jump to content

MediaWiki:Citizen.css: Difference between revisions

From CPCWiki - THE Amstrad CPC encyclopedia!
Gryzor (talk | contribs)
Created page with "All CSS here will be loaded for users of the Citizen skin: Custom Accent Colors for Light and Dark Modes: :root { Primary brand/link color: --color-primary: #0066cc; --color-primary--hover: #0052a3; --color-primary--active: #003d7a; } Dark mode overrides (optional): html.skin-theme-clientpref-night { --color-primary: #4da3ff; --color-primary--hover: #70b5ff; --color-primary--active: #99cbff; }"
 
Gryzor (talk | contribs)
mNo edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
/* MediaWiki:Citizen.css */
/* Custom Accent Colors for Light and Dark Modes */
:root {
:root {
     /* Primary brand/link color */
     /* Layout Width (default is 1320px; set higher for dense data tables) */
     --color-primary: #0066cc;
    --width-layout: 1440px;
     --color-primary--hover: #0052a3;
 
     --color-primary--active: #003d7a;
    /* Custom Fonts */
     --font-family-base: system-ui, -apple-system, sans-serif;
     --font-family-heading: inherit;
    --font-family-monospace: 'Courier New', monospace;
 
    /* Border radius (0px for sharp retro look, 8px for soft modern look) */
     --border-radius-base: 4px;
}
}


/* Dark mode overrides (optional) */
/* Retro styling for inline code and preformatted blocks */
html.skin-theme-clientpref-night {
pre, code {
     --color-primary: #4da3ff;
     background-color: var(--color-surface-2) !important;
    --color-primary--hover: #70b5ff;
     border: 1px solid var(--color-border) !important;
     --color-primary--active: #99cbff;
}
}

Revision as of 16:14, 30 August 2026

/* MediaWiki:Citizen.css */
:root {
    /* Layout Width (default is 1320px; set higher for dense data tables) */
    --width-layout: 1440px;

    /* Custom Fonts */
    --font-family-base: system-ui, -apple-system, sans-serif;
    --font-family-heading: inherit;
    --font-family-monospace: 'Courier New', monospace;

    /* Border radius (0px for sharp retro look, 8px for soft modern look) */
    --border-radius-base: 4px;
}

/* Retro styling for inline code and preformatted blocks */
pre, code {
    background-color: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
}