From adddf68135918f71638f3030cd46a87e368f6804 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 26 Feb 2021 11:01:06 +0100 Subject: [PATCH] Fix video tags inside gallery for darkmode --- pixelegg/css/mobile.css | 4 ++++ pixelegg/css/monochrome.css | 4 ++++ pixelegg/css/pixelegg.css | 4 ++++ pixelegg/less/darkmode.less | 4 +++- pixelegg/mobile/fw_mobile.css | 4 ++++ 5 files changed, 19 insertions(+), 1 deletion(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index f5d00411a8..aeb52da725 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -88,6 +88,10 @@ html[data-darkmode='1'] .et2_taglist_tags_icon { filter: invert(1) hue-rotate(180deg) !important; } + html[data-darkmode='1'] #blueimp-gallery video, + html[data-darkmode='1'] #blueimp-gallery .video-content { + filter: invert(0) hue-rotate(180deg) !important; + } html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; } diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index bbe5b29a51..6de69adbf5 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -66,6 +66,10 @@ html[data-darkmode='1'] .et2_taglist_tags_icon { filter: invert(1) hue-rotate(180deg) !important; } + html[data-darkmode='1'] #blueimp-gallery video, + html[data-darkmode='1'] #blueimp-gallery .video-content { + filter: invert(0) hue-rotate(180deg) !important; + } html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; } diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 0ba31bb6d9..5fc833e698 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -77,6 +77,10 @@ html[data-darkmode='1'] .et2_taglist_tags_icon { filter: invert(1) hue-rotate(180deg) !important; } + html[data-darkmode='1'] #blueimp-gallery video, + html[data-darkmode='1'] #blueimp-gallery .video-content { + filter: invert(0) hue-rotate(180deg) !important; + } html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; } diff --git a/pixelegg/less/darkmode.less b/pixelegg/less/darkmode.less index 5936f6a73c..e238382478 100644 --- a/pixelegg/less/darkmode.less +++ b/pixelegg/less/darkmode.less @@ -35,7 +35,9 @@ video, #loginMainDiv, .et2_taglist_tags_icon { filter: invert(1) hue-rotate(180deg) !important; } - + #blueimp-gallery { + video, .video-content{filter: invert(0) hue-rotate(180deg) !important;} + } #loginMainDiv div#centerBox{filter: invert(1) hue-rotate(180deg) !important;} div.dhtmlxMenu_egw_SubLevelArea_Polygon,.egw_tooltip, body .egw_message_wrapper,#egw_fw_header #egw_fw_topmenu,.ui-dialog, .box_shadow, diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 9b496789d3..6c5999e5b0 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -51,6 +51,10 @@ html[data-darkmode='1'] .et2_taglist_tags_icon { filter: invert(1) hue-rotate(180deg) !important; } + html[data-darkmode='1'] #blueimp-gallery video, + html[data-darkmode='1'] #blueimp-gallery .video-content { + filter: invert(0) hue-rotate(180deg) !important; + } html[data-darkmode='1'] #loginMainDiv div#centerBox { filter: invert(1) hue-rotate(180deg) !important; }