MediaWiki:Gadget-darkMode.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: Press Ctrl-F5.

/** Credits to Minecraft Wiki for code: https://minecraft.wiki/w/MediaWiki:Gadget-fixedWidth.css **/
@media screen and (min-width: 1200px) {
	:root {
		--dark-mode: 1200px;
	}
	
	body {
	    max-width: var(--dark-mode);
	    margin: auto;
	}
	
	#mw-head {
	    max-width: var(--dark-mode);
	    right: unset;
	}
	
	#mw-panel {
		left: unset;
	}
	
	.vector-search-box-inner {
		width: min(20vw, calc(var(--dark-mode) / 5));
	}
	
	body .mw-notification-area {
		right: calc(50% - min(50%, var(--dark-mode) / 2));
	}
	
	div#mw-page-base::after {
	    position: relative;
	    display: block;
	    width: 0;
	    right: calc(16px - min(100%, var(--dark-mode)))
	}

    .mw-body {
        border-right-width: 1px !important;
    }
}