From 2400976c2e08d2b2d1965418d4dca67bf941e223 Mon Sep 17 00:00:00 2001 From: ralf Date: Thu, 29 Aug 2024 08:56:21 +0200 Subject: [PATCH] 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 --- pixelegg/less/darkmode.less | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/pixelegg/less/darkmode.less b/pixelegg/less/darkmode.less index 38d678ff2d..606991bec3 100644 --- a/pixelegg/less/darkmode.less +++ b/pixelegg/less/darkmode.less @@ -31,13 +31,17 @@ filter: invert(1) hue-rotate(180deg) brightness(1); 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"], iframe, et2-lavatar[image=""]::part(base), et2-avatar[id="_cropper_image"], video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group, .blueimp-gallery .slide { 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 { video, .video-content {