applying dark-mode filter to et2-image and NOT the img tag used inside, to apply it also if we use a font-based image

This commit is contained in:
ralf 2024-08-29 08:56:21 +02:00
parent 9e946d5c7c
commit 2400976c2e

View File

@ -31,13 +31,17 @@
filter: invert(1) hue-rotate(180deg) brightness(1); filter: invert(1) hue-rotate(180deg) brightness(1);
sl-menu-item::part(prefix), et2-select-country::part(prefix), sl-menu-item::part(prefix), et2-select-country::part(prefix),
et2-button::part(prefix), *::part(image), img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol, et2-button::part(prefix), *::part(image), et2-image, img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
et2-select-account::part(icon), et2-select-email::part(icon), sl-menu-item [slot="prefix"], et2-select-account::part(icon), et2-select-email::part(icon), sl-menu-item [slot="prefix"],
iframe, et2-lavatar[image=""]::part(base), et2-avatar[id="_cropper_image"], iframe, et2-lavatar[image=""]::part(base), et2-avatar[id="_cropper_image"],
video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group, video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group,
.blueimp-gallery .slide { .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important; filter: invert(1) hue-rotate(180deg) !important;
} }
/* need to explicitly disable the filter on the img tag, if used, as it would be applied twice and therefore not at all */
et2-image > img {
filter: none !important;
}
#blueimp-gallery { #blueimp-gallery {
video, .video-content { video, .video-content {