extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 23:43:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Get darkmode working again and make it more bright

Browse Source
This commit is contained in:
Hadi Nategh 2022-08-24 13:22:35 +02:00
parent cdcf80afb5
commit bb072b3b87
3 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pixelegg/css/pixelegg.css
View File

@ -48,7 +48,7 @@
@media (prefers-color-scheme: dark) {
html[data-darkmode='2'] {
background: #000;
filter: invert(1) hue-rotate(180deg) brightness(0.7);
filter: invert(1) hue-rotate(180deg) brightness(1);
}
html[data-darkmode='2'] #loginMainDiv {
filter: invert(1) hue-rotate(180deg) !important;
@ -63,8 +63,13 @@
@media all {
html[data-darkmode='1'] {
background: #000;
filter: invert(1) hue-rotate(180deg) brightness(0.7);
filter: invert(1) hue-rotate(180deg) brightness(1);
}
html[data-darkmode='1'] sl-menu-item::part(prefix),
html[data-darkmode='1'] et2-select-country::part(prefix),
html[data-darkmode='1'] et2-email-tag::part(prefix),
html[data-darkmode='1'] et2-button::part(prefix),
html[data-darkmode='1'] *::part(image),
html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
@ -76,6 +81,9 @@
html[data-darkmode='1'] .et2_taglist_tags_icon {
filter: invert(1) hue-rotate(180deg) !important;
}
html[data-darkmode='1'] .dtree img {
filter: invert(0) 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;

10
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) brightness(0.7);
filter: invert(1) hue-rotate(180deg) brightness(1);
#loginMainDiv {
filter: invert(1) hue-rotate(180deg) !important;
}
@ -28,14 +28,16 @@
html[data-darkmode='1']
{
background: #000;
filter: invert(1) hue-rotate(180deg) brightness(0.7);
img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
filter: invert(1) hue-rotate(180deg) brightness(1);
sl-menu-item::part(prefix), et2-select-country::part(prefix),
et2-email-tag::part(prefix), et2-button::part(prefix), *::part(image), img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
iframe, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content,
video, #loginMainDiv, .et2_taglist_tags_icon {
filter: invert(1) hue-rotate(180deg) !important;
}
#blueimp-gallery {
.dtree img {filter: invert(0) 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;}

1
pixelegg/mobile/fw_mobile.css
View File

@ -40,6 +40,7 @@
background: #000;
filter: invert(1) hue-rotate(180deg) brightness(0.7);
}
html[data-darkmode='1'] *::part(image),
html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,