cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
dhoitink
New member
Status: Trending idea

Hi, Please add a feature so TB changes the background color of a label, instead of the text color it self. This would be far better to spot the different between the different labels.

12 Comments
Status changed to: Trending idea
Jon
Community Manager
Community Manager

Hey all,

This idea is now a “Trending idea” here on Mozilla Connect, which means it’s one step closer to reaching our internal teams for review—learn more about The Idea Journey.

Please keep the conversation going (the more details to support your case, the better) and stay tuned for updates 😀

wuff
New member

For TB 115, my old userChrome.css failed for this.

This userChrome.css works instead:

/*
 * Label colors.  Highlight background rather than change font color.
 */

/* Label1 */
tr[data-properties~="T_24label1"] { background-color: #FFCCCC !important; color: #000 !important;}
tr[data-properties~="T_24label1"][aria-selected~="true"] { background-color: #DD0000 !important; color: #FFF !important;} 

/* Label2 */
tr[data-properties~="T_24label2"] { background-color: #FFFFCC !important; color: #000 !important; }
tr[data-properties~="T_24label2"][aria-selected~="true"] { background-color: #DDDD00 !important; color: #FFF !important; }

/* Label3 */
tr[data-properties~="T_24label3"] { background-color: #99FF99 !important; color: #000 !important; }
tr[data-properties~="T_24label3"][aria-selected~="true"] { background-color: #00CC00 !important; color: #FFF !important; }

/* Label4 */
tr[data-properties~="T_24label4"] { background-color: #CCCCFF !important; color: #000 !important; }
tr[data-properties~="T_24label4"][aria-selected~="true"] { background-color: #0000DD !important; color: #FFF !important; }

/* Label5 */
tr[data-properties~="T_24label5"] { background-color: #FFCCFF !important; color: #000 !important; }
tr[data-properties~="T_24label5"][aria-selected~="true"] { background-color: #CC33CC !important; color: #FFF !important; }