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

Zebra stripes (Thunderbird 128, userChrome.css)

  • 5 replies
  • 0 have this problem
  • Last reply by strnad3

more options

I am using following userChrome.css modification for zebra stripes:

/* Message List colors */ /* Odd rows color */

  1. threadTree tr .card-container {
 background-color: #27272a !important;

} /* Even rows color */

  1. threadTree tr:nth-child(2n) .card-container {
 background-color: #2d3237 !important;

}

It partly works, but I miss default system color in background, there is only border line. Please see attached images.

Many thanks in advance!

I am using following userChrome.css modification for zebra stripes: /* Message List colors */ /* Odd rows color */ #threadTree tr .card-container { background-color: #27272a !important; } /* Even rows color */ #threadTree tr:nth-child(2n) .card-container { background-color: #2d3237 !important; } It partly works, but I miss default system color in background, there is only border line. Please see attached images. Many thanks in advance!
Attached screenshots

Chosen solution

To set the background colour for selected cards, you can try this:

/* card bg colour for selected messages */
tr[is="thread-card"].selected .card-container {
     background-color: lightgreen !important; 
     outline: 1px solid red !important;
}


Replace lightgreen with transparent if desired.

Read this answer in context 👍 0

All Replies (5)

more options

See https://support.mozilla.org/en-US/questions/1464739#answer-1675906

If you want a solid colour, replace the background-image part with something like:

background-color: lightgrey !important;

Helpful?

more options

I already use "background-color" (please see my first post).

I tried to use "background-image" instead "background-color", but that does not work at all (maybe because I use the KDE Plasma desktop environment?).

Using:

/* Odd rows color */

  1. threadTree tr .card-container {
 background-color: #27272a !important;

} /* Even rows color */

  1. threadTree tr:nth-child(2n) .card-container {
 background-color: #2d3237 !important;

}

works fine, just missing the "top" transparent marking with system color for selected item (there is only border color). Please see attached screens in my first post.

With v115, the "card-container" parameter was not used and everything worked fine (stripes with transparent markings in system color for the selected item).

Helpful?

more options

I am sorry, posting replaces "#" for "1. "

Helpful?

more options

Chosen Solution

To set the background colour for selected cards, you can try this:

/* card bg colour for selected messages */
tr[is="thread-card"].selected .card-container {
     background-color: lightgreen !important; 
     outline: 1px solid red !important;
}


Replace lightgreen with transparent if desired.

Helpful?

more options

Thank you, that solved my problem.

For completeness I attache my settings.

Helpful?

Ask a question

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