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) {
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;

7
pixelegg/less/darkmode.less
View File

@ -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;