User:Fiftyfrog/vector.css

@media (prefers-color-scheme: dark) {

html body, html h1, html h2, html h3, html h4, html h5, html h6, html table.ambox-content, html table.toccolours, html .mw-notification, html .infobox, html .toc, html .thumbinner, html #mw-head, html #mw-panel, .skin-vector-legacy #content.mw-body, html #simpleSearch, html #simpleSearch #searchInput, html #siteNotice #centralNotice .cnotice { border-color: #cdcbc8; }

html, html img, html video, html ogvjs, html svg, html iframe, html .mw-no-invert, html td .diffchange, html .mwe-math-element, html .wvui-typeahead-suggestion__thumbnail, html .skin-minerva .mw-notification-visible .mw-notification-content, html .cdx-menu-item__thumbnail, html .cx-slitem__image, html .mw-mmv-overlay, html .mw-mmv-pre-image, html .mw-kartographer-map, html .mw-kartographer-mapDialog-map, html .ext-related-articles-card-list .ext-related-articles-card-thumb { filter: invert(1) hue-rotate(180deg); }

body { background: #eeeef2; }

.mw-body, .parsoid-body { background-color: #eeeef2; }

#mw-page-base { background-image: linear-gradient(to bottom, #fff 50%, #eeeef2 100%); } }