MediaWiki:Gadget-dark-mode-toggle-pagestyles.css

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Fixes for empty icons in Vector 2022 and Minerva */
.mw-ui-icon-vector-gadget-pt-darkmode,
.mw-ui-icon-vector-gadget-pt-darkmode-sticky-header,
.minerva-icon-portletlink-pt-darkmode {
	background-image: url(/w/load.php?modules=oojs-ui.styles.icons-accessibility&image=moon);
}

.minerva-icon-portletlink-pt-darkmode {
	opacity: 0.65;
}

.client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode,
.client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode-sticky-header,
.client-dark-mode .minerva-icon-portletlink-pt-darkmode {
	background-image: url(/w/load.php?modules=oojs-ui.styles.icons-accessibility&image=bright);
}

/* These same rules should also be in [[MediaWiki:Gadget-dark-mode.css]] but with higher specificity. */
.skin-vector-legacy :not(#pt-darkmode) + #pt-watchlist::before,
.skin-monobook :not(#pt-darkmode) + #pt-watchlist::before {
	content: "Dark mode";
	visibility: hidden;
	margin-left: inherit;
}