미디어위키:Gadget-dark-mode-toggle-pagestyles.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다. 구글 크롬, 파이어폭스, 마이크로소프트 엣지, 사파리: ⇧ Shift 키를 누른 채 "새로 고침" 버튼을 클릭하십시오. 더 자세한 정보를 보려면 위키백과:캐시 무시하기 항목을 참고하십시오.

/* 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,
/* T344067 */ .minerva-icon--pt-darkmode,
.mw-ui-icon-portletlink-pt-darkmode::before {
	background-image: url(/w/load.php?modules=oojs-ui.styles.icons-accessibility&image=moon);
}

/* Fix duplicate label in Vector 2022 */
.mw-ui-icon-vector-gadget-pt-darkmode,
.mw-ui-icon-vector-gadget-pt-darkmode-sticky-header {
	font-size: 0;
}

.mw-ui-icon-portletlink-pt-darkmode::before {
	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--pt-darkmode,
.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: "다크 모드";
	visibility: hidden;
	margin-left: inherit;
}