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

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

  • Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
  • Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
  • Internet Explore/Edger: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
  • Opera: Ctrl-F5を押してください
/* 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;
}