extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-03-03 17:51:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Dark-mode make bootstrap images visible

Browse Source 
Regarding Ticket #104061
This commit is contained in:
milan 2025-02-27 15:52:06 +01:00
parent 84407fd157
commit 69789d0a17
3 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pixelegg/css/fancy.css
View File

@ -50,8 +50,6 @@
html[data-darkmode='1'] sl-menu-item::part(prefix),
html[data-darkmode='1'] et2-select-country::part(prefix),
html[data-darkmode='1'] et2-button::part(prefix),
html[data-darkmode='1'] *::part(image),
html[data-darkmode='1'] et2-image,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
html[data-darkmode='1'] et2-select-account::part(icon),
@ -68,6 +66,11 @@
html[data-darkmode='1'] .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;
}
html[data-darkmode='1'] et2-button .bi::before,
html[data-darkmode='1'] et2-button [class^="bi-"]::before,
html[data-darkmode='1'] et2-button [class*=" bi-"]::before {
filter: invert(1) hue-rotate(180deg);
}
html[data-darkmode='1'] et2-image > img {
filter: none !important;
}

7
pixelegg/css/pixelegg.css
View File

@ -43,8 +43,6 @@
html[data-darkmode='1'] sl-menu-item::part(prefix),
html[data-darkmode='1'] et2-select-country::part(prefix),
html[data-darkmode='1'] et2-button::part(prefix),
html[data-darkmode='1'] *::part(image),
html[data-darkmode='1'] et2-image,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
html[data-darkmode='1'] et2-select-account::part(icon),
@ -61,6 +59,11 @@
html[data-darkmode='1'] .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;
}
html[data-darkmode='1'] et2-button .bi::before,
html[data-darkmode='1'] et2-button [class^="bi-"]::before,
html[data-darkmode='1'] et2-button [class*=" bi-"]::before {
filter: invert(1) hue-rotate(180deg);
}
html[data-darkmode='1'] et2-image > img {
filter: none !important;
}

24
pixelegg/less/darkmode.less
View File

@ -29,14 +29,22 @@
{
filter: invert(.82) hue-rotate(180deg) brightness(1);
sl-menu-item::part(prefix), et2-select-country::part(prefix),
et2-button::part(prefix), *::part(image), et2-image, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
et2-select-account::part(icon), et2-select-email::part(icon), sl-menu-item [slot="prefix"],
iframe, et2-lavatar[image=""]::part(base), et2-avatar[id="_cropper_image"],
video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group,
.blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;
}
sl-menu-item::part(prefix), et2-select-country::part(prefix),
et2-button::part(prefix), #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
et2-select-account::part(icon), et2-select-email::part(icon), sl-menu-item [slot="prefix"],
iframe, et2-lavatar[image=""]::part(base), et2-avatar[id="_cropper_image"],
video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group,
.blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;
}
et2-button {
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
filter: invert(1) hue-rotate(180deg);
}
}
/* need to explicitly disable the filter on the img tag, if used, as it would be applied twice and therefore not at all */
et2-image > img {
filter: none !important;