Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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

Thunderbird 140.9.1 ESR: Tagged message background turns white when losing focus (userChrome.css help)

  • 1 baphendule
  • 0 zinale nkinga
  • 36 views
  • Igcine ukuphendulwa ngu Mapenzi
  • Open

Hi everyone, I'm trying to customize the message list appearance in Thunderbird 140.9.1 ESR (64-bit) using userChrome.css.

Goal: I want to change the background color of the entire row for tagged messages (e.g., 'Important'). The color should persist even when the message is NOT selected (when I click on another email).

The Issue: Currently, any background color I apply via CSS only shows up when the message is selected. As soon as I select a different email, the background of the tagged row reverts to white, even though the text color remains correct.

What I've tested so far:

toolkit.legacyUserProfileCustomizations.stylesheets is set to true.

The userChrome.css file is being loaded (a global test like * { background-color: blue !important; } works perfectly).

I've tried multiple selectors: tr.tag-important, tr[data-properties~="tag-important"], and tr[is="thread-row"], targeting both tr and td.

It seems like in version 140 ESR, there's a hardcoded background-color on table cells (td) or a CSS variable that overrides the row background when the focus is lost. Does anyone know the specific selectors or CSS variables needed for this version to make the background color stick?"

Thanks everybody. Maurizio

Hi everyone, I'm trying to customize the message list appearance in Thunderbird 140.9.1 ESR (64-bit) using userChrome.css. Goal: I want to change the background color of the entire row for tagged messages (e.g., 'Important'). The color should persist even when the message is NOT selected (when I click on another email). The Issue: Currently, any background color I apply via CSS only shows up when the message is selected. As soon as I select a different email, the background of the tagged row reverts to white, even though the text color remains correct. What I've tested so far: toolkit.legacyUserProfileCustomizations.stylesheets is set to true. The userChrome.css file is being loaded (a global test like * { background-color: blue !important; } works perfectly). I've tried multiple selectors: tr.tag-important, tr[data-properties~="tag-important"], and tr[is="thread-row"], targeting both tr and td. It seems like in version 140 ESR, there's a hardcoded background-color on table cells (td) or a CSS variable that overrides the row background when the focus is lost. Does anyone know the specific selectors or CSS variables needed for this version to make the background color stick?" Thanks everybody. Maurizio

All Replies (1)

You can do this with the following CSS code

 #threadTree  tbody [data-properties~="tagged"] {
  background-color: var(--tag-color) !important;
  color: var(--tag-contrast-color) !important; }


My first attached image shows that this code works for me. But I don't use it since with this code I would no longer distinguish between selected tagged messages and unselected tagged messages, in focus and not in focus, they appear all the same having the same tag. My second image shows the default thread pane without the CSS code

Okulungisiwe ngu Mapenzi

Buza umbuzo

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.