13
edits
Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
no edit summary
| (25 intermediate revisions by 3 users not shown) | |||
| Line 2: | Line 2: | ||
:root { | :root { | ||
--header: # | --header: #dddddd; | ||
--content-header: #fca349; | |||
--secondary-header: #fca349; | --secondary-header: #fca349; | ||
--label-color: #ffd28f; | --label-color: #ffd28f; | ||
--line-color: # | --line-color: #777777; | ||
--dark-mode-background: #3e3e3e; | --dark-mode-background: #3e3e3e; | ||
--dark-mode-secondary-background: darkgrey; | --dark-mode-secondary-background: darkgrey; | ||
--dark-mode-alt-link: #2d456c; | --dark-mode-alt-link: #2d456c; | ||
--dark-mode-alt-link-new: #9d0303; | --dark-mode-alt-link-new: #9d0303; | ||
--dark-mode-text: white; | |||
} | } | ||
| Line 30: | Line 32: | ||
.mainpage-buttons ul li { | .mainpage-buttons ul li { | ||
background: | background: #dddddd; | ||
box-shadow: 2px 2px var(--line-color); | box-shadow: 2px 2px var(--line-color); | ||
} | } | ||
| Line 68: | Line 70: | ||
/* ################################## */ | /* ################################## */ | ||
.mw-dark-mode .mw | .mw-dark-mode, .mw-dark-mode .mw-page-base, .mw-dark-mode .mw-body, | ||
.mw-dark-mode #mw-panel, .mw-dark-mode #mw-head | |||
{ | |||
.mw-dark-mode .mw-body | |||
.mw-dark-mode | |||
.mw-dark-mode #mw- | |||
background: var(--dark-mode-background); | background: var(--dark-mode-background); | ||
} | } | ||
.mw-dark-mode #mw | .mw-dark-mode #catlinks, .mw-dark-mode .vector-menu-portal { | ||
. | |||
background: var(--dark-mode-secondary-background); | background: var(--dark-mode-secondary-background); | ||
} | } | ||
| Line 102: | Line 90: | ||
} | } | ||
.mw-dark-mode | .mw-dark-mode #content, .mw-dark-mode #footer, .mw-dark-mode .vector-menu-heading, | ||
.mw-dark-mode .mw-headline { | |||
color: var(--dark-mode-text); | |||
.mw-dark-mode # | |||
.mw-dark-mode | |||
.mw-dark-mode | |||
color: | |||
} | } | ||
.mw-dark-mode #footer-info-lastmod { | .mw-dark-mode #mw-content-text, .mw-dark-mode #mw-content-text h2, | ||
.mw-dark-mode #firstHeading, .mw-dark-mode #footer-info-lastmod { | |||
color: inherit; | color: inherit; | ||
} | } | ||
| Line 134: | Line 104: | ||
} | } | ||
.mw-dark-mode .mw-body #catlinks ul li::before { | .mw-dark-mode .mw-body #catlinks ul li::before, | ||
.mw-dark-mode .mw-body #toc ul li::before, | |||
.mw-dark-mode .mw-body .redirectMsg ul li::before, | |||
.mw-dark-mode .mw-body .mainpage-buttons ul li::before, | |||
.mw-dark-mode .mw-body .mw-body-content .gallery li::before { | |||
display: none; | display: none; | ||
} | } | ||
| Line 148: | Line 122: | ||
} | } | ||
.mw-dark-mode .mw- | .mw-dark-mode .mw-changeslist-legend, .mw-dark-mode .mw-body #catlinks { | ||
.mw-dark-mode .mw- | |||
color: black; | color: black; | ||
} | } | ||
| Line 180: | Line 146: | ||
/* Recent Changes */ | /* Recent Changes */ | ||
.mw-dark-mode .mw-changeslist h4 { | .mw-dark-mode .mw-changeslist h4 { | ||
color: | color: var(--dark-mode-text); | ||
} | } | ||
| Line 189: | Line 155: | ||
.mw-dark-mode del.diffchange { | .mw-dark-mode del.diffchange { | ||
background: #a58843; | background: #a58843; | ||
} | |||
.mw-dark-mode .mw-plusminus-pos { | |||
color: #18ab18; | |||
} | |||
.mw-dark-mode .mw-plusminus-neg { | |||
color: #ff0101; | |||
} | |||
.mw-datatable, .ext-replacetext-searchoptions, .ext-replacetext-searchoptions { | |||
color: black; | |||
} | |||
.mw-dark-mode .oo-ui-labelWidget.oo-ui-inline-help { | |||
color: var(--dark-mode-text); | |||
} | |||
.mw-dark-mode .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > | |||
.oo-ui-fieldLayout-header > .oo-ui-labelElement-label { | |||
color: var(--dark-mode-text); | |||
} | } | ||