MediaWiki:Common.css: Difference between revisions
Ensure Wikipedia message boxes are readable in dark mode |
Add light and dark header wordmarks |
||
| Line 81: | Line 81: | ||
.skin-theme-clientpref-night .mw-parser-output :is(.ambox,.cmbox,.imbox,.tmbox,.fmbox,.ombox,.dmbox) { background-color: var(--elite-subtle); color: var(--elite-ink); } | .skin-theme-clientpref-night .mw-parser-output :is(.ambox,.cmbox,.imbox,.tmbox,.fmbox,.ombox,.dmbox) { background-color: var(--elite-subtle); color: var(--elite-ink); } | ||
@media (prefers-color-scheme: dark) { .skin-theme-clientpref-os .mw-parser-output :is(.ambox,.cmbox,.imbox,.tmbox,.fmbox,.ombox,.dmbox) { background-color: var(--elite-subtle); color: var(--elite-ink); } } | @media (prefers-color-scheme: dark) { .skin-theme-clientpref-os .mw-parser-output :is(.ambox,.cmbox,.imbox,.tmbox,.fmbox,.ombox,.dmbox) { background-color: var(--elite-subtle); color: var(--elite-ink); } } | ||
/* Matched wordmark images for Vector light and dark appearances. */ | |||
html.skin-theme-clientpref-night .mw-logo-container.skin-invert { filter: none; color-scheme: normal; } | |||
html.skin-theme-clientpref-night .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } | |||
@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-logo-container.skin-invert { filter: none; color-scheme: normal; } html.skin-theme-clientpref-os .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } } | |||