WIP darkmode theme: fix application's border colors

This commit is contained in:
Hadi Nategh 2020-12-17 15:28:06 +01:00
parent 24ff2dd0fc
commit 545452310c
2 changed files with 106 additions and 3 deletions

View File

@ -53,7 +53,8 @@
filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg);
} }
html[data-darkmode='1'] img, html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery { html[data-darkmode='1'] #blueimp-gallery,
html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active {
filter: invert(1) hue-rotate(180deg) !important; filter: invert(1) hue-rotate(180deg) !important;
} }
html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon,
@ -67,6 +68,76 @@
-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'] #calendar_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #calendar_sidebox_header {
border-color: #ff9dca !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #addressbook_sidebox_header {
border-color: #aadaff !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #infolog_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #infolog_sidebox_header {
border-color: #ffccff !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #timesheet_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #timesheet_sidebox_header {
border-color: #ffdbff !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #mail_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #mail_sidebox_header {
border-color: #5db9ec !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #projectmanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #projectmanager_sidebox_header {
border-color: #487b7b !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #resources_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #resources_sidebox_header {
border-color: #aee0e0 !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #admin_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #admin_sidebox_header {
border-color: #cccccc !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #filemanager_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #filemanager_sidebox_header {
border-color: #ac4500 !important;
}
html[data-darkmode='1'] #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;
}
html[data-darkmode='1'] #bookmarks_sidebox_header.egw_fw_ui_sidemenu_entry_header_active,
html[data-darkmode='1'] #bookmarks_sidebox_header {
border-color: #cc6633 !important;
}
html[data-darkmode='1'] #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;
}
} }
@media all { @media all {
/** /**

View File

@ -19,17 +19,49 @@
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);
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 {
filter: invert(1) hue-rotate(180deg) !important; 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,
{ {
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;
-khtml-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;}
} }
} }