MediaWiki:Minerva.css

From Melvor Idle
Revision as of 00:59, 21 November 2023 by Malcs (talk | contribs)

Note: After publishing, 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.
@media (prefers-color-scheme: dark) {
	#content {
		background-color:#2c343f;
		border-color:#2c343f
	}
	.image {
		background-color:#2c343f;
	}
	.wikiEditor-ui-toolbar .group .tool-select .label,
	.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current,
	.wikiEditor-ui-toolbar .group .label {
		color:#8f8f8f;
	}
	.content .infobox,
	.toggle-list__list,
	#mw-mf-page-center,
	.toggle-list__list {
		background-color: #282f37;
	}
	.header {
	    border-top: none;
	}
	.header-container.header-chrome {
    	background: url('https://wiki.melvoridle.com/resources/assets/900px-Melvor_Wiki_background_darkmode.jpg') #282f37 no-repeat;
    	background-size: 900px;
	    background-color: #282f37;
	    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
	}

	.minerva-footer,
	.last-modified-bar {
		background-color: #282f37;
	}
	.header-container .branding-box {
    	opacity: 1;
	}
	.search-box .search {
	    background-color: #313e59;
	    border-color: #313e59;
	    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
	}
	.search-box .search::placeholder {
	    color: #cbd9f4;
	}
	.search-box .search {
		color: #cbd9f4;
	}
	#mw-mf-page-left {
	    background-color: #282f37;
	}
	#mw-mf-page-left ul li {
	    background-color: #353d48;
	}
	#mw-mf-page-left ul li a,
	.toggle-list-item__label,
	.minerva__tab-container .minerva__tab,
	.toggle-list-item__label {
	    color: #eee;
	}
	#mw-mf-page-left ul.hlist li a {
	    color: #78a5ff;
	}
	.mw-ui-icon:not(.mw-ui-icon-mf-upTriangle-constructive):not(.mw-ui-icon-mf-upTriangle-destructive):not(.mw-ui-icon-mf-spinner):before {
	    filter: brightness(0) invert(1);
	}
}
@media (max-width: 720px) {
	.content table {
		width: auto!important;
	}
}
.content table {
    margin: 0.2rem;
}
	
#mw-mf-page-left ul.hlist li a span {
    font-size: 0.8125rem;
}