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)

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!
Nseta ihuenyo ndị agbakwunyere

Asịsa ahọpụtara

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.

Gụọ azịza a na nghọta 👍 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

Asịsa Ahọpụtara

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?

Jụọ ajụjụ

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