I've updated my previous post and codes. I moved to more of a slate blue background color and lightened up the folder pane. Overall, I think its a cleaner look.
Here is my current userChrome.css file:
/*******Move tool bar above unified bar*******/
toolbar#toolbar-menubar {
Order: -1 !important;
background-color: #435468 !important; /* Color of menu bar */
color: white !important; /* Color of the text - if needed */
padding-top: 0px !important;
padding-bottom: 0px !important;
margin: 0px !important;
}
/***** Move window controls up to the menu bar ******/
.titlebar-buttonbox-container { position: fixed; top: 0px; right: 0px; height: 19px !important;
/******** adjust if necessary **********/ }
/******Adjust and color unified toolbar******/
#unifiedToolbar {
height: 40px !important;
padding-block: 1px !important;
margin-block: 0px !important;
background: #435468 !important;
color: white !important;
}
/*****Make the hover color transparent******/
*|*:root {
--listbox-hover: transparent !important;
}
.container:hover { background-color: transparent !important;
}
tr[is="thread-row"]:hover {
background-color: transparent !important;
}
/*******Background color on folder list******/
#folderPane,
#folderPaneHeaderBar { background-color: #F4F4F5 !important; }
/******Fix the new message button*******/
#folderPaneWriteMessage { background-color: #435468 !important; border: 0px solid white !important; color: white !important; }
/*******Change universal fonts *******/
*{ font-family: Aptos !important; }
/*******Make selected items darker*******/
li.selected > .container {
color: white !important;
background-color: #91a0b3 !important;
}
[is="tree-view-table-body"] > .selected {
color: white !important;
background-color: #91a0b3 !important;
}
/********Make New and Unread messages highlighted****/
threadTree tbody [data-properties~="new"],
#threadTree [data-properties~="unread"] .thread-card-container :is(.sender, .subject, .date) {
background-color: #E8E8E8 !important;
font-family : Aptos !important;
font-weight: Bold !important;
color: #435468 !important
}
#threadTree tbody [data-properties~="unread"] {
background-color: #E8E8E8 !important;
font-family : Aptos !important;
font-weight: Bold !important;
color: #435468 !important
}
/*******Fix tabs***********/
#tabmail-arrowscrollbox { background-color: #435468 !important; }
.tab-line[selected=true] { background-color:transparent !important; }
:root { --tabs-toolbar-background-color: #435468 !important; }
/******Fix New Event and New Task buttons***********/
#sidePanelNewEvent { background-color: #435468 !important; border: 1px solid white !important; color: white !important; }
#sidePanelNewTask { background-color: #435468 !important; border: 1px solid white !important; color: white !important; }
Comments
Post a Comment