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

Change border for dialog & flatpicker calendar in dark mode

Browse Source
This commit is contained in:
nathan 2023-03-09 08:54:52 -07:00
parent 87a055e7bd
commit 09ffa47041
5 changed files with 211 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pixelegg/css/mobile.css
View File

@ -117,6 +117,11 @@
-webkit-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666;
-khtml-box-shadow: 0px 0px 2px 2px #666666; -khtml-box-shadow: 0px 0px 2px 2px #666666;
} }
html[data-darkmode='1'] et2-dialog::part(panel),
html[data-darkmode='1'] body .flatpickr-calendar.open {
border: 1px solid hsl(240, 5%, 64.9%);
box-shadow: none;
}
html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #calendar_sidebox_header { html[data-darkmode='1'] #calendar_sidebox_header {
border-color: #ff9dca !important; border-color: #ff9dca !important;
@ -4315,11 +4320,30 @@ span.overlayContainer img.overlay {
z-index: 1000; z-index: 1000;
top: 45px; top: 45px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select, #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select {
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important; width: 50% !important;
margin-left: 10px; margin-left: 10px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item::part(checked-icon) {
border-radius: 50%;
width: 12px;
height: 12px;
margin-top: 5px;
margin-right: 5px;
visibility: visible;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="online"]::part(checked-icon) {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="away"]::part(checked-icon) {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="busy"]::part(checked-icon) {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="offline"]::part(checked-icon) {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px; padding-top: 0px;
} }

28
pixelegg/css/monochrome.css
View File

@ -97,6 +97,11 @@
-webkit-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666;
-khtml-box-shadow: 0px 0px 2px 2px #666666; -khtml-box-shadow: 0px 0px 2px 2px #666666;
} }
html[data-darkmode='1'] et2-dialog::part(panel),
html[data-darkmode='1'] body .flatpickr-calendar.open {
border: 1px solid hsl(240, 5%, 64.9%);
box-shadow: none;
}
html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #calendar_sidebox_header { html[data-darkmode='1'] #calendar_sidebox_header {
border-color: #ff9dca !important; border-color: #ff9dca !important;
@ -4295,11 +4300,30 @@ span.overlayContainer img.overlay {
z-index: 1000; z-index: 1000;
top: 45px; top: 45px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select, #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select {
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important; width: 50% !important;
margin-left: 10px; margin-left: 10px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item::part(checked-icon) {
border-radius: 50%;
width: 12px;
height: 12px;
margin-top: 5px;
margin-right: 5px;
visibility: visible;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="online"]::part(checked-icon) {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="away"]::part(checked-icon) {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="busy"]::part(checked-icon) {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="offline"]::part(checked-icon) {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px; padding-top: 0px;
} }

5
pixelegg/css/pixelegg.css
View File

@ -107,6 +107,11 @@
-webkit-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666;
-khtml-box-shadow: 0px 0px 2px 2px #666666; -khtml-box-shadow: 0px 0px 2px 2px #666666;
} }
html[data-darkmode='1'] et2-dialog::part(panel),
html[data-darkmode='1'] body .flatpickr-calendar.open {
border: 1px solid hsl(240, 5%, 64.9%);
box-shadow: none;
}
html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #calendar_sidebox_header { html[data-darkmode='1'] #calendar_sidebox_header {
border-color: #ff9dca !important; border-color: #ff9dca !important;

181
pixelegg/less/darkmode.less
View File

@ -27,60 +27,135 @@
html[data-darkmode='1'] html[data-darkmode='1']
{ {
background: #000; background: #000;
filter: invert(1) hue-rotate(180deg) brightness(1); 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, sl-menu-item::part(prefix), et2-select-country::part(prefix),
iframe, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, et2-email-tag::part(prefix), et2-button::part(prefix), *::part(image), img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content, iframe, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active,
video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-lavatar[image=""]::part(base),et2-avatar-group, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content,
.blueimp-gallery .slide { video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-lavatar[image=""]::part(base), et2-avatar-group,
filter: invert(1) hue-rotate(180deg) !important; .blueimp-gallery .slide {
} filter: invert(1) hue-rotate(180deg) !important;
.dtree img {filter: invert(0) hue-rotate(180deg) !important;} }
#blueimp-gallery {
video, .video-content{filter: invert(0) hue-rotate(180deg) !important;} .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;
}
div.dhtmlxMenu_egw_SubLevelArea_Polygon, .egw_tooltip,
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;
-webkit-box-shadow: 0px 0px 2px 2px #666666;
-khtml-box-shadow: 0px 0px 2px 2px #666666;
}
et2-dialog::part(panel), body .flatpickr-calendar.open {
border: 1px solid hsl(240 5% 64.9%);
box-shadow: none;
}
//Calendar
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #calendar_sidebox_header {
border-color: #ff9dca !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #ff9dca !important;
}
//Addressbook
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #addressbook_sidebox_header {
border-color: #aadaff !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #aadaff !important;
}
//Infolog
#infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #infolog_sidebox_header {
border-color: #ffccff !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #ffccff !important;
}
//Timesheet
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #timesheet_sidebox_header {
border-color: #ffdbff !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #ffdbff !important;
}
//Mail
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #mail_sidebox_header {
border-color: #5db9ec !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #5db9ec !important;
}
//ProjectManager
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #projectmanager_sidebox_header {
border-color: #487b7b !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #487b7b !important;
}
//Resources
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #resources_sidebox_header {
border-color: #aee0e0 !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #aee0e0 !important;
}
//Admin
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #admin_sidebox_header {
border-color: #cccccc !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #cccccc !important;
}
//Filemamanger
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #filemanager_sidebox_header {
border-color: #ac4500 !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #ac4500 !important;
}
//Bookmarks
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, #bookmarks_sidebox_header {
border-color: #cc6633 !important;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
border-top-color: #cc6633 !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,
#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;
-khtml-box-shadow: 0px 0px 2px 2px #666666;
}
//Calendar
#calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#calendar_sidebox_header {border-color:#ff9dca !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #calendar-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#ff9dca !important;}
//Addressbook
#addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#addressbook_sidebox_header {border-color:#aadaff !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #addressbook-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#aadaff !important;}
//Infolog
#infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#infolog_sidebox_header {border-color:#ffccff !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #infolog-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#ffccff !important;}
//Timesheet
#timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#timesheet_sidebox_header {border-color:#ffdbff !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #timesheet-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#ffdbff !important;}
//Mail
#mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#mail_sidebox_header {border-color:#5db9ec!important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #mail-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#5db9ec !important;}
//ProjectManager
#projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#projectmanager_sidebox_header {border-color:#487b7b !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #projectmanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#487b7b !important;}
//Resources
#resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#resources_sidebox_header {border-color:#aee0e0 !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #resources-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#aee0e0 !important;}
//Admin
#admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#admin_sidebox_header {border-color:#cccccc !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #admin-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#cccccc !important;}
//Filemamanger
#filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#filemanager_sidebox_header {border-color:#ac4500 !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #filemanager-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#ac4500 !important;}
//Bookmarks
#bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,#bookmarks_sidebox_header {border-color:#cc6633 !important;}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #bookmarks-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {border-top-color:#cc6633 !important;}
} }
} }

28
pixelegg/mobile/fw_mobile.css
View File

@ -82,6 +82,11 @@
-webkit-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666;
-khtml-box-shadow: 0px 0px 2px 2px #666666; -khtml-box-shadow: 0px 0px 2px 2px #666666;
} }
html[data-darkmode='1'] et2-dialog::part(panel),
html[data-darkmode='1'] body .flatpickr-calendar.open {
border: 1px solid hsl(240, 5%, 64.9%);
box-shadow: none;
}
html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active, html[data-darkmode='1'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #calendar_sidebox_header { html[data-darkmode='1'] #calendar_sidebox_header {
border-color: #ff9dca !important; border-color: #ff9dca !important;
@ -4326,11 +4331,30 @@ span.overlayContainer img.overlay {
z-index: 1000; z-index: 1000;
top: 45px; top: 45px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select, #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select {
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn {
width: 50% !important; width: 50% !important;
margin-left: 10px; margin-left: 10px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item::part(checked-icon) {
border-radius: 50%;
width: 12px;
height: 12px;
margin-top: 5px;
margin-right: 5px;
visibility: visible;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="online"]::part(checked-icon) {
background: #2de0a5;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="away"]::part(checked-icon) {
background: #ffd21f;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="busy"]::part(checked-icon) {
background: #f5455c;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select sl-menu-item[value="offline"]::part(checked-icon) {
background: #cbced1;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items #rc_status_select_chzn a.chzn-single span {
padding-top: 0px; padding-top: 0px;
} }