MediaWiki:Vector-2022.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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Inject inversion layer over the structural Vector 2022 grid */
html {
    background-color: #121212 !important;
    filter: invert(1) hue-rotate(180deg) !important;
}

/* Neutralize the container background layout overrides */
.mw-page-container, 
.mw-header, 
.vector-sidebar-container, 
.vector-toc,
.mw-body {
    background: #ffffff !important;
}

/* Reverse inversion for images, thumbnails, logos, and UI icons */
img, 
video, 
.mw-logo, 
.vector-icon,
.cdx-button,
.mw-file-element {
    filter: invert(1) hue-rotate(180deg) !important;
}