@import url("chrome://messenger/content/unifiedtoolbar/unifiedToolbarWebextensions.css");

/* Position Menu Bar above Unified Toolbar */
#toolbar-menubar {
order: -1 !important;
}

/* Move the Close, Minimize and Maximize buttons back to the top */
.titlebar-buttonbox-container {
 position: fixed;
 top: 0px;
 right: 0px;
 height: 19px !important;
}

/*

* Do not remove the @namespace line -- it's required for correct functioning

*/

/* @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); / * set default namespace to XUL */

/*

* Make all the default font sizes the desired size:

*/

* {

`font-size: 11pt !important;`

`font-family: Consolas !important;`
}

@import

`url("chrome://messenger/content/unifiedtoolbar/unifiedToolbarWebextensions.css")`

`;`


/* for folder pane */

#folderTree:focus-within [is="folder-tree-row"].selected>div.container {

`background-color: forestgreen !important;`
}

#folderTree:focus-within li.selected.unread>.container>.name,

`#folderTree:focus-within li.selected.new-messages>.container>.name {`

`color: limegreen !important;`
}

/* for message list */

[is="tree-view-table-body"]:focus tr[is="thread-row"].selected, [is="tree-view-table-body"]:focus-within tr[is="thread-row"].selected,

`[is="tree-view-table-body"] tr[is="thread-row"].selected:focus-within {`

`background-color: forestgreen !important;`
}

.unread>.container>.name, .new-messages>.container>.name {

`color: forestgreen !important;`

`font-weight: bold !important;`
}

#folderTree:focus-within li.selected>.container>.unread-count {

`background-color: white !important;`

`color: forestgreen !important;`
}

*|*:root {

`--folderpane-unread-count-background: forestgreen !important;` 

`--folderpane-unread-new-count-background: forestgreen !important;`
}

#threadTree tr:hover[is="thread-row"][data-properties~="untagged"] {

`background-color: limegreen !important; /* Highlight */`
}

#folderPaneSplitter:hover {

`background-color: forestgreen !important;`
}

#messagePaneSplitter:hover {

`background-color: forestgreen !important;`
}

splitter[orient="vertical"]:hover, splitter[orient="vertical"]:focus {

`border-top: 4px solid forestgreen !important;`
}

.unread > .container > .unread-count::before {

`content:"(";`
}

.unread > .container > .unread-count::after {

`content:")";`
}

#threadTree tbody [data-properties~="unread"] {

/* font-family : Arial !important; */

`font-weight: Bold !important;`

`color: limegreen !important;` 
}