userChromeTB.css

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*******************************************************************************
Inbox
*/
/***********************************************************
folders / sidepane theming
*/
#folderTree {
    background-color: #111 !important;
}

#folderTree > treechildren::-moz-tree-cell-text {
    color: #ddd !important;
    font-size: 14px;
    font-family: SF UI Display;
    font-weight: 300;
}

#folderTree treechildren::-moz-tree-row {
    height: 32px !important;
}

#folderTree treechildren::-moz-tree-row(selected) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: Highlight !important;
    border: none !important;
}

#folderTree treechildren::-moz-tree-row(hover) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: #17627f !important;
    border: none !important;
}
/***********************************************************
threads theming
*/
#threadTree {
    background-color: #333 !important;
}

#threadTree >treechildren::-moz-tree-cell-text {
    color: #ddd !important;
    font-size: 14px;
    font-family: SF UI Display;
    font-weight: 300;
}

#threadTree > treechildren::-moz-tree-cell-text(unread) {
    color: Highlight !important;
}

#threadTree treechildren::-moz-tree-row {
    height: 32px !important;
}

#threadTree treechildren::-moz-tree-row(odd) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: #333 !important;
}

#threadTree treechildren::-moz-tree-row(selected) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: Highlight !important;
    border: none !important;
}

#threadTree treechildren::-moz-tree-row(hover) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: #17627f !important;
    border: none !important;
}

/***********************************************************
message
//TODO: debug this
*/
browser#messagepane html, browser#messagepane html body {
	background: #333 !important;
	color: white !important;	
}

/***********************************************************
lightning sidebar
*/
#mini-day-box.today-subpane,
#todaypane-new-event-button > .toolbarbutton-icon {
    filter: invert(100%) !important;
    color: #111 !important;
}

#agenda-panel, #agenda-panel > vbox, #agenda-toolbar {
    background: #111 !important;
    color: #ddd
}

#todaypane-new-event-button {
    background: Highlight !important;
}

#agenda-listbox {
    background: #333 !important;
    color: #ddd !important;
}
/***********************************************************
other inbox stuff?
*/

#quick-filter-bar,
#singlemessage>:not(#messagepanewrapper),
#threadTree treecol {
    filter: invert(100%) hue-rotate(180deg) contrast(90%) 
			saturate(200%) brightness(125%);
    background-color: #fff !important;
}

xul:slider {
    background-color: #111 !important;
}

:root:-moz-lwtheme {
    --toolbar-bgcolor: rgba(0,0,0) !important;
}

scrollbar {
    filter: invert(100%) contrast(90%) brightness(50%);
}

/*cleaning up gaps*/
#folderpane_splitter {
    border-inline-start: 1px solid black !important;
}

#today-splitter {
    border-inline-end: 1px solid black !important;
}

#quick-filter-bar,
#folderPaneBox {
    margin-top: -1px !important;
}

#threadCols {
    margin-top: -1px !important;
}
/*******************************************************************************
Calendar
*/
/***********************************************************
left sidebar
*/
#calendar-panel,
#calendar-listtree-pane,
#calendar-listtree-pane tree {
    background: #111 !important;
}

#calendar-list-header {
    color: white !important;
    font-family: SF Display;
    font-size: 16px;
}

#calendar-listtree-pane > tree,
#calendar-list-tree-widget > tree,
.task-tree-subpane > tree,
.minimonth-row-head {
    color: #ddd !important;
    font-family: SF Display;
    font-size: 14px;
}

#minimonth-pane,
#minimonth-splitter,
#calMinimonth {
    background: #333 !important;
}

.minimonth-month-box {
    filter: invert(100%) !important;
}

/***********************************************************
week view
*/
/*not complete, needs more thought abt selectors
//TODO
.calendar-event-column-linebox
{}
*/
.calendar-time-bar-box-odd,
.calendar-time-bar-box-even {
    background: #333 !important;
    color: white !important;
    font-family: SF Display;
}