holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reduce filter brightness in darkmode it helps reading white texts

Browse Source
This commit is contained in:
Hadi Nategh 2021-01-28 18:24:24 +01:00
parent e98a8b372e
commit 58dedd4f3b
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pixelegg/css/pixelegg.css
View File

@ -49,7 +49,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html[data-darkmode='2'] { html[data-darkmode='2'] {
background: #000; background: #000;
filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg) brightness(0.7);
} }
html[data-darkmode='2'] #loginMainDiv { html[data-darkmode='2'] #loginMainDiv {
filter: invert(1) hue-rotate(180deg) !important; filter: invert(1) hue-rotate(180deg) !important;
@ -65,7 +65,7 @@
html[data-darkmode='1'] { html[data-darkmode='1'] {
background: #000; background: #000;
position: fixed; 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'] img,
html[data-darkmode='1'] #blueimp-gallery, html[data-darkmode='1'] #blueimp-gallery,
@ -81,7 +81,8 @@
html[data-darkmode='1'] body .egw_message_wrapper, html[data-darkmode='1'] body .egw_message_wrapper,
html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu,
html[data-darkmode='1'] .ui-dialog, 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; box-shadow: 0px 0px 2px 2px #666666;
-moz-box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666;
-webkit-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666;

7
pixelegg/less/darkmode.less
View File

@ -13,7 +13,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html[data-darkmode='2'] { html[data-darkmode='2'] {
background: #000; background: #000;
filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg) brightness(0.7);
#loginMainDiv { #loginMainDiv {
filter: invert(1) hue-rotate(180deg) !important; filter: invert(1) hue-rotate(180deg) !important;
} }
@ -29,14 +29,15 @@
{ {
background: #000; background: #000;
position: fixed; // ATM Firefox doesn't like filter:invert on none fixed html 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, 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 { #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; filter: invert(1) hue-rotate(180deg) !important;
} }
#loginMainDiv div#centerBox{filter: invert(1) hue-rotate(180deg) !important;} #loginMainDiv div#centerBox{filter: invert(1) hue-rotate(180deg) !important;}
div.dhtmlxMenu_egw_SubLevelArea_Polygon,.egw_tooltip, 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; box-shadow: 0px 0px 2px 2px #666666;
-moz-box-shadow: 0px 0px 2px 2px #666666; -moz-box-shadow: 0px 0px 2px 2px #666666;