From 58dedd4f3b64fa71eeceacc9179653ca844e3334 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Thu, 28 Jan 2021 18:24:24 +0100 Subject: [PATCH] Reduce filter brightness in darkmode it helps reading white texts --- pixelegg/css/pixelegg.css | 7 ++++--- pixelegg/less/darkmode.less | 7 ++++--- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index d4939f9e52..e51f84c042 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -49,7 +49,7 @@ @media (prefers-color-scheme: dark) { html[data-darkmode='2'] { background: #000; - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); } html[data-darkmode='2'] #loginMainDiv { filter: invert(1) hue-rotate(180deg) !important; @@ -65,7 +65,7 @@ html[data-darkmode='1'] { background: #000; position: fixed; - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); } html[data-darkmode='1'] img, html[data-darkmode='1'] #blueimp-gallery, @@ -81,7 +81,8 @@ html[data-darkmode='1'] body .egw_message_wrapper, html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, html[data-darkmode='1'] .ui-dialog, - html[data-darkmode='1'] .box_shadow { + html[data-darkmode='1'] .box_shadow, + html[data-darkmode='1'] #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666; diff --git a/pixelegg/less/darkmode.less b/pixelegg/less/darkmode.less index 0d68dd86d3..f61f769fe9 100644 --- a/pixelegg/less/darkmode.less +++ b/pixelegg/less/darkmode.less @@ -13,7 +13,7 @@ @media (prefers-color-scheme: dark) { html[data-darkmode='2'] { background: #000; - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); #loginMainDiv { filter: invert(1) hue-rotate(180deg) !important; } @@ -29,14 +29,15 @@ { background: #000; position: fixed; // ATM Firefox doesn't like filter:invert on none fixed html - filter: invert(1) hue-rotate(180deg); + filter: invert(1) hue-rotate(180deg) brightness(0.7); img, #blueimp-gallery, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, #loginMainDiv { filter: invert(1) 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 + body .egw_message_wrapper,#egw_fw_header #egw_fw_topmenu,.ui-dialog, .box_shadow, + #egwpopup #egwpopup_list .egwpopup_message.egwpopup_expanded { box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666;