Difference between revisions of "MediaWiki:Minerva.css"
From Forge Community Wiki
(add dark mode for Minerva skin) |
(darken the search overlay) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/* from https://gist.github.com/AdamVig/5b1efdb3c71e3e0a0800a82a092503bc */ | /* from https://gist.github.com/AdamVig/5b1efdb3c71e3e0a0800a82a092503bc */ | ||
| − | |||
footer .footer-content { | footer .footer-content { | ||
| − | + | margin-top: 1em; | |
} | } | ||
body { | body { | ||
| − | + | color:#fff | |
} | } | ||
a { | a { | ||
| − | + | color:#7ca0e8 | |
} | } | ||
body, | body, | ||
| Line 19: | Line 18: | ||
.mw-highlight, | .mw-highlight, | ||
.navbox, | .navbox, | ||
| − | .navbox-subgroup { | + | .navbox-subgroup, |
| − | + | #mw-mf-page-center { | |
| + | background-color: #222 | ||
} | } | ||
#mw-script-doc { | #mw-script-doc { | ||
| − | + | background-color:#222 !important | |
} | } | ||
.header-container.header-chrome { | .header-container.header-chrome { | ||
| − | + | color:#eaecf0 | |
} | } | ||
.hatnote, | .hatnote, | ||
| Line 40: | Line 40: | ||
.content pre, | .content pre, | ||
footer .last-modified-bar, | footer .last-modified-bar, | ||
| − | .navbox th, .navbox-title, | + | .navbox th, |
| + | .navbox-title, | ||
.navbox-abovebelow, | .navbox-abovebelow, | ||
th.navbox-group, | th.navbox-group, | ||
| Line 47: | Line 48: | ||
.navbox-subgroup .navbox-group, | .navbox-subgroup .navbox-group, | ||
.navbox-subgroup .navbox-abovebelow { | .navbox-subgroup .navbox-abovebelow { | ||
| − | + | color:#f8f9fa; | |
| − | + | background-color:#343739; | |
| − | + | border-color:#343739 | |
} | } | ||
#toc { | #toc { | ||
| − | + | border:0 | |
} | } | ||
table.fmbox-warning { | table.fmbox-warning { | ||
| − | + | background-color:#794747 | |
| + | } | ||
| + | |||
| + | #mw-mf-page-left { | ||
| + | background-color: #1c1c1c; | ||
| + | } | ||
| + | #mw-mf-page-left ul li a { | ||
| + | background-color: #222; | ||
| + | color: #ccc; | ||
| + | } | ||
| + | #mw-mf-page-left ul li { | ||
| + | border-top-color: #1c1c1c; | ||
| + | } | ||
| + | |||
| + | .header-container.header-chrome { | ||
| + | background-image: linear-gradient(to top, #222, #191919) | ||
| + | } | ||
| + | .branding-box * { | ||
| + | color: #eee; | ||
| + | font-weight: bold; | ||
| + | margin-left: -1em; | ||
| + | } | ||
| + | .search { | ||
| + | margin-left: 1em; | ||
| + | } | ||
| + | .mw-ui-icon-before::before, | ||
| + | .mw-ui-icon-element { | ||
| + | filter: brightness( 2 ); | ||
| + | } | ||
| + | .toggle-list-item { | ||
| + | background-color: #222; | ||
| + | } | ||
| + | .toggle-list-item:hover, .overlay.search-overlay { | ||
| + | background-color: #333; | ||
| + | } | ||
| + | .toggle-list-item__label { | ||
| + | color: #aaa; | ||
| + | } | ||
| + | .last-modified-bar__content { | ||
| + | filter: brightness(2); | ||
} | } | ||
Latest revision as of 10:49, 14 December 2020
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* from https://gist.github.com/AdamVig/5b1efdb3c71e3e0a0800a82a092503bc */
footer .footer-content {
margin-top: 1em;
}
body {
color:#fff
}
a {
color:#7ca0e8
}
body,
.header-container.header-chrome,
#content,
footer,
.content table.infobox,
.mw-highlight,
.navbox,
.navbox-subgroup,
#mw-mf-page-center {
background-color: #222
}
#mw-script-doc {
background-color:#222 !important
}
.header-container.header-chrome {
color:#eaecf0
}
.hatnote,
.dablink,
.rellink,
.content table.infobox,
.client-js .toc-mobile,
#toc,
.search-box .search,
.content kbd,
.content samp,
.content code,
.content pre,
footer .last-modified-bar,
.navbox th,
.navbox-title,
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title,
.navbox-even,
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
color:#f8f9fa;
background-color:#343739;
border-color:#343739
}
#toc {
border:0
}
table.fmbox-warning {
background-color:#794747
}
#mw-mf-page-left {
background-color: #1c1c1c;
}
#mw-mf-page-left ul li a {
background-color: #222;
color: #ccc;
}
#mw-mf-page-left ul li {
border-top-color: #1c1c1c;
}
.header-container.header-chrome {
background-image: linear-gradient(to top, #222, #191919)
}
.branding-box * {
color: #eee;
font-weight: bold;
margin-left: -1em;
}
.search {
margin-left: 1em;
}
.mw-ui-icon-before::before,
.mw-ui-icon-element {
filter: brightness( 2 );
}
.toggle-list-item {
background-color: #222;
}
.toggle-list-item:hover, .overlay.search-overlay {
background-color: #333;
}
.toggle-list-item__label {
color: #aaa;
}
.last-modified-bar__content {
filter: brightness(2);
}