This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to highlight new email in red?

  • 7 replies
  • 1 has this problem
  • 76 views
  • Last reply by ps13

more options

I would like Thunderbird to show folder and inboxes that have new emails in red. At the moment folders are shown highlighted in a blue colour that kinda blends in with everything. I want it to stand out.

I've done some searching and only come up with a couple of sites (and an old question on here). They tell me to update my userChrome.css, with this:

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

/* new mail */

  1. folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true),
  2. folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true),
  3. folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true) {
 font-weight: normal !important;
 color: red !important;
 font-style: italic !important;

}

  1. folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true, selected),
  2. folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected),
  3. folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true, selected) {
 font-weight: normal !important;
 color: red !important;
 font-style: italic !important;

}

But it just doesn't seem to work. I've tried looking for some developer type information on any of the above but again I've drawn a blank.

If anyone is able to give me a solution or point me in the direction that I might find one, I'd be most appreciative.

I would like Thunderbird to show folder and inboxes that have new emails in red. At the moment folders are shown highlighted in a blue colour that kinda blends in with everything. I want it to stand out. I've done some searching and only come up with a couple of sites (and an old question on here). They tell me to update my userChrome.css, with this: <code> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* new mail */ #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true), #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true), #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true) { font-weight: normal !important; color: red !important; font-style: italic !important; } #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true, selected), #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected), #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true, selected) { font-weight: normal !important; color: red !important; font-style: italic !important; } </code> But it just doesn't seem to work. I've tried looking for some developer type information on any of the above but again I've drawn a blank. If anyone is able to give me a solution or point me in the direction that I might find one, I'd be most appreciative.

Chosen solution

Then maybe you have edited the wrong file... Double-check this: 1. toolkit.legacyUserProfileCustomizations.stylesheets - recheck to be true 2. At the top right of the Thunderbird window, click the menu button (or use the regular menu at the top), then select Help: Troubleshooting Information - on profile area click "open folder" 3. Close TB. On that folder opened by TB check for folder (or create if none) with the name "chrome" 4. In that folder "chrome" create a new document with a text editor, save it as userChrome.css, save as type: *.* All Files. Be sure the extension is .css but not .css.txt 5. In that file add above text and save 6. Open TB and check the results. 7. If it's still not working then close TB, edit userChrome.css again and delete all lines except the ones mentioned in this topic. save file and open TB again

Read this answer in context 👍 0

All Replies (7)

more options

Did you double-click toolkit.legacyUserProfileCustomizations.stylesheet to true in Config. editor?

This css makes folders with unread messages show in red :

treechildren::-moz-tree-cell-text(hasUnreadMessages-true)
{color: red !important;}
more options

I hadn't changed that config setting. Never saw it mentioned in anything that I've read previously!

I have set it now.

Tried adding the new. New userChrome.css looks like this:

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

treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {color: red !important;}

But all of that still doesn't appear to have made a difference :(

more options

That code try to save it when TB is closed. Save that file and after open TB and check the results.

more options

That's what I'd been doing. Close TB, edit the file and save, load TB.

Still now joy :(

more options

Chosen Solution

Then maybe you have edited the wrong file... Double-check this: 1. toolkit.legacyUserProfileCustomizations.stylesheets - recheck to be true 2. At the top right of the Thunderbird window, click the menu button (or use the regular menu at the top), then select Help: Troubleshooting Information - on profile area click "open folder" 3. Close TB. On that folder opened by TB check for folder (or create if none) with the name "chrome" 4. In that folder "chrome" create a new document with a text editor, save it as userChrome.css, save as type: *.* All Files. Be sure the extension is .css but not .css.txt 5. In that file add above text and save 6. Open TB and check the results. 7. If it's still not working then close TB, edit userChrome.css again and delete all lines except the ones mentioned in this topic. save file and open TB again

more options

Be sure the extension is .css but not .css.txt

Got bit by this one once! Was driving me crazy until I realized what I had done.

more options

Wrong directory! I had the file not in a "Chrome" folder but one level up.

Sheshh.. thanks for the help, and for pointing out the useful trouble shooting page.

Now, I'm not highligthing exactly what I want, but I'm certainly a lot closer!

I appreciate the help.