MediaWiki:Vector.css

From BOTF-Wiki
Revision as of 14:01, 1 September 2024 by Flocke (talk | contribs) (initial dark BOTF-Wiki style)
(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)
  • 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 Vector skin. */
/* Editing requires interface administrator permission. */

/* Dark BOTF-Wiki style for the Vector skin. */
.skin-vector {
    --background-color-base: #363636;   /* wiki background color */
    background-color: #202020;          /* outer background color */
    color: #f0f0f0;                     /* wiki page font color */

    a {
        color: #ffe453;                 /* link color */
    }
    .mw-heading, h1, h2, h3, h4, h5, h6 {
        color: white;                   /* topic color */
    }
    .vector-pinned-container {
        background-color: #202020;      /* left and right tool boxes */
    }
    .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
        color: white;                   /* menu tabs*/
    }
    .vector-icon {
        filter: invert(100%);           /* invert icon colors */
        -webkit-filter: invert(100%);
    }
    .cdx-button:hover {
        background-color: #606060;      /* hovered button color */
    }
    .mw-footer {
        color: #f0f0f0;                 /* footer color */
    }
}