MediaWiki:Common.css: Difference between revisions

From Pirate Software Wiki
m (Forgot the leading period...)
Tag: Reverted
m (Resolved the upload form thumbnail issue)
Tag: Reverted
Line 10: Line 10:
/* Sort of workaround for the inverted image fix */
/* Sort of workaround for the inverted image fix */
.client-darkmode .oo-ui-selectFileWidget-thumbnail{
.client-darkmode .oo-ui-selectFileWidget-thumbnail{
    filter: invert(1) hue-rotate(180deg);
    -webkit-filter: invert(1) hue-rotate(180deg);
}
.client-darkmode div.thumbinner canvas{
     filter: invert(1) hue-rotate(180deg);
     filter: invert(1) hue-rotate(180deg);
     -webkit-filter: invert(1) hue-rotate(180deg);
     -webkit-filter: invert(1) hue-rotate(180deg);
}
}

Revision as of 22:55, 20 November 2023

/* CSS placed here will be applied to all skins */
/* oo-ui-selectFileWidget-thumbnail is from when someone are uploading images
   And cdx-menu-item-thumbnail are from the search dropdown
Above are these classes who need to have filter invert disabled
*/
.cdx-menu-item__thumbnail{
    filter: unset !important;
}

/* Sort of workaround for the inverted image fix */
.client-darkmode .oo-ui-selectFileWidget-thumbnail{
    filter: invert(1) hue-rotate(180deg);
    -webkit-filter: invert(1) hue-rotate(180deg);
}

.client-darkmode div.thumbinner canvas{
    filter: invert(1) hue-rotate(180deg);
    -webkit-filter: invert(1) hue-rotate(180deg);
}