MediaWiki:Minerva.css: Difference between revisions

From Melvor Idle
No edit summary
(Fix colour for collapsible content links on mobile view)
 
(21 intermediate revisions by one other user not shown)
Line 1: Line 1:
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
.branding-box > a {
color: #eee!important;
}
#content {
#content {
background-color:#2c343f;
background-color:#2c343f;
border-color:#2c343f
border-color:#2c343f
}
}
.header-container .header-chrome {
.overlay.search-overlay {
background-color:#202429!important;
    background: #232a35;
}
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
    background-color: #343f50;
}
.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,
#mw-mf-page-center {
background-color: #282f37;
}
.toggle-list__list {
background-color: #171b1f;
}
.header {
    border-top: none;
}
.header-container.header-chrome {
    background: url('https://wiki.melvoridle.com/resources/assets/900px-Melvor_Wiki_background_darkmode.jpg') #000 no-repeat;
    background-size: 900px;
    background-color: #000;
    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,
.page-summary h3,
.page-summary h2 {
    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;
}
a.mw-collapsible-text {
  color: #29d;
}
}

Latest revision as of 23:52, 18 February 2024

@media (prefers-color-scheme: dark) {
	#content {
		background-color:#2c343f;
		border-color:#2c343f
	}
	.overlay.search-overlay {
	    background: #232a35;
	}
	.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
	    background-color: #343f50;
	}
	.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,
	#mw-mf-page-center {
		background-color: #282f37;
	}
	.toggle-list__list {
		background-color: #171b1f;
	}
	.header {
	    border-top: none;
	}
	.header-container.header-chrome {
    	background: url('https://wiki.melvoridle.com/resources/assets/900px-Melvor_Wiki_background_darkmode.jpg') #000 no-repeat;
    	background-size: 900px;
	    background-color: #000;
	    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,
	.page-summary h3,
	.page-summary h2 {
	    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;
}

a.mw-collapsible-text {
  color: #29d;
}