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.

/* =====================================================================
   MediaWiki:Common.css - wiki.ravenkraft.org
   RVNK brand styles - dark-mode-aware (Vector 2022 night mode, #1359).
   Text/bg use MW theme vars. Brand accent is fixed hex, swapped per
   mode to maintain contrast. Ref: #1360  Added: 2026-06-21
   ===================================================================== */

/* -- RVNK brand accent ------------------------------------------------
   Purple #7c5cbf measures 4.81:1 on #f8f9fa and 5.07:1 on white:
   WCAG AA, not AAA (#1564). Night #a884e8 targets >=5.5:1 on dark bg.
   Tune --rvnk-accent here; everything else inherits it.             */
:root {
    --rvnk-accent:       #7c5cbf;   /* light mode - dark purple       */
    --rvnk-accent-hover: #5e3fa3;
}
html.skin-theme-clientpref-night {
    --rvnk-accent:       #a884e8;   /* night mode - lighter for contrast */
    --rvnk-accent-hover: #c2a3f5;
}
@media screen and ( prefers-color-scheme: dark ) {
    html.skin-theme-clientpref-os {
        --rvnk-accent:       #a884e8;
        --rvnk-accent-hover: #c2a3f5;
    }
}

/* -- Links ------------------------------------------------------------
   Scope to #content - leaves sidebar/nav/header untouched.
   Exclude: .new (red links stay red), .image (file wrappers),
            .mw-ui-button (UI buttons).                               */
#content a:not( .mw-ui-button ):not( .new ):not( .image ) {
    color: var( --rvnk-accent );
}
#content a:not( .mw-ui-button ):not( .new ):not( .image ):hover {
    color: var( --rvnk-accent-hover );
    text-decoration: underline;
}

/* -- Tables (.wikitable) ----------------------------------------------
   Header: neutral bg. Rows: zebra on even. All borders via theme var. */
.wikitable {
    background: var( --background-color-base );
    border-color: var( --border-color-base );
}
.wikitable th {
    background: var( --background-color-neutral );
    color: var( --color-base );
    border-color: var( --border-color-base );
}
.wikitable td {
    border-color: var( --border-color-base );
}
.wikitable tr:nth-child( even ) td {
    background: var( --background-color-neutral-subtle );
}

/* -- Section headings (h2) --------------------------------------------
   RVNK accent underline on section breaks. h3+ left alone.           */
#content h2 {
    border-bottom: 2px solid var( --rvnk-accent );
    padding-bottom: 3px;
}