प्रयोगकर्ता:बडा काजी/dark-mode-toggle-pagestyles.css

सूचना: सम्पादनहरू प्रकाशित गरेपछि, परिवर्तनहरू हेर्नको लागि तपाईंले आफ्नो ब्राउजरको क्यासलाई बाइपास गर्नुपर्छ। गुगल क्रोम, फायरफक्स, माइक्रोसफ्ट एज र सफारी: ⇧ Shift कुञ्जी थिचिराखेर रिलोड उपकरणपट्टी बटनमा थिच्नुहोस्।

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

.mw-ui-icon-portletlink-pt-darkmode::before {
	opacity: 0.65;
}

.client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode::before,
.client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode-sticky-header::before,
.client-dark-mode .mw-ui-icon-portletlink-pt-darkmode::before {
	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;
}

.skin-vector-2022 .vector-user-menu-logged-out #pt-darkmode .mw-ui-icon{
	display: none;
}
.skin-vector-2022 .vector-user-menu-logged-out #pt-darkmode span{
	margin-left: 0;
	margin-right: 0;
}