Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

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

userChrome.css

more options

Hey, everybody. Who knows how to highlight in tags not only the text of the message, but also to highlight the entire line as indicated in the screenshot? Tks!

Hey, everybody. Who knows how to highlight in tags not only the text of the message, but also to highlight the '''entire line''' as indicated in the screenshot? Tks!
Attached screenshots

Chosen solution

A Reminder: This is not supported, and is subject to possibly not working in a future release. The syntax I provided, for example, was different in versions prior to 115.

Read this answer in context 👍 1

All Replies (6)

more options

I will assume you know how to activate userChrome.css, so I will just provide some syntax:

This example is for just one tag (T_24label1), but you can make similar for T_24label2 through 5), This example has default color for selected message without tags as orange with white text and default for 'important' tag as red background with white text, and same color as untagged when selected.

/* ######  background color for messages that do NOT have tags   */
#threadTree tr.selected { background-color:    #ffa500 !important; color: #fff !important; font-style: italic !important; font-weight: bold !important;} 

/* label1 Important  */
#threadTree tr[data-properties~="T_24label1"] { background-color:    #ff0000 !important; color: #fff !important; }
#threadTree tr[data-properties~="T_24label1"].selected { background-color:    #ffa500 !important; color: #fff !important; font-style: italic !important; font-weight: bold !important; } 

more options

Chosen Solution

A Reminder: This is not supported, and is subject to possibly not working in a future release. The syntax I provided, for example, was different in versions prior to 115.

more options

Hi, David. Tks for you. Almost goi it all, but with 'working' tag i had some problem. I attach screenshots below, if you can to solve this i tell you additional tks :-)

more options

You may have to dig into CSS to find that. I don't know what syntax is for custom tags.

more options

The code for a custom tag named customtag is something like:

#threadTree tr[data-properties~="Tcustomtag"] {background-color:lightgrey !important;}
#threadTree tr[data-properties~="Tcustomtag"].selected {background-color:grey !important;}


https://support.mozilla.org/en-US/questions/1270814#answer-1278816

more options

Tks for everyone! It can solve regrettable omission for me.