MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Changed css color to purple to match current logo, adjusted styling of template data |
Added additional invert and filter classes |
||
| Line 1,095: | Line 1,095: | ||
right: 0; | right: 0; | ||
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background-color-0b) 50%) !important; | background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background-color-0b) 50%) !important; | ||
} | } | ||
| Line 1,139: | Line 1,129: | ||
border-color: var(--color-progressive); | border-color: var(--color-progressive); | ||
color: var(--color-progressive); | color: var(--color-progressive); | ||
} | |||
/* Additional inverts and filters */ | |||
/* Default MediaWiki invert classes: .skin-invert and .skin-invert-image */ | |||
.skin-theme-clientpref-day .day-invert-image, | |||
.skin-theme-clientpref-day .light-invert-image { | |||
filter: invert(65%) hue-rotate(180deg); | |||
} | |||
.skin-theme-clientpref-night .night-invert-image, | |||
.skin-theme-clientpref-night .dark-invert-image { | |||
filter: invert(85%) hue-rotate(180deg); | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
.skin-theme-clientpref-os .night-invert-image, | |||
.skin-theme-clientpref-os .dark-invert-image { | |||
filter: invert(85%) hue-rotate(180deg); | |||
} | |||
.filter-opacity-60 { | |||
filter: opacity(60%); | |||
} | } | ||