TB - CSS - property/selector
Hi
I am trying to customize my TB folder pane via CSS.
When a new message arrives into an Inbox, the name of the email account turns BLUE. Please see the image here:
What is the CSS property/selector to be customized to change this BLUE color, please?
Dufour
All Replies (6)
Assuming you're familiar with userControl.css, try this:
/* Turn the font blue and bold if folder has unread mail */ treechildren::-moz-tree-cell-text(hasUnreadMessages-true) { color: blue !important; }
Oops! I omitted the bold part:
/* Turn the font blue and bold if folder has unread mail */ treechildren::-moz-tree-cell-text(hasUnreadMessages-true) { color: blue !important; font-weight: bold !important; }
Thank you David.
Unfortunately, your method does not work.
The "treechildren::-moz-tree-cell-text" property with the "hasUnreadMessages-true" parameter works on a FOLDER, typically an Inbox folder, but does not affect the NAME of the email account (as shown/required on a picture linked above).
D.
I didn't see your picture. That may help. I attached a snapshot of my account and it shows the color for folder by account, so I'm unclear of what you want. Do let me know.
This is the picture:
https://i.postimg.cc/6pgv2vT7/Screenshot-2022-06-06-at-00-18-19.jpg
Puzzling that it works in unified view, but not otherwise. I did several web searches to see if this has been addressed elsewhere and came up with nothing. I wish I had the solution, but I do not. Sorry. However, there are others on forum with more knowledge of userchrome.css and maybe one of them will have a solution.