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

Thunderbird background tags

more options

Hello, Tags with darktheme are not vissible. Is it possible to keep background and change color of text or keep color of text and disable bacground?

Hello, Tags with darktheme are not vissible. Is it possible to keep background and change color of text or keep color of text and disable bacground?
Attached screenshots

Chosen solution

Well, since you're literate on the topic, here are settings I use for dark theme. However, if you ask me any questions on it, I'll cancel you out of my will. But do experiment as you desire.. :)

/* default - no label */ /* treechildren::-moz-tree-cell {border-bottom:1px solid #fff !important; background-color: #F0F0F0 !important;} */ /* treechildren::-moz-tree-cell-text { color: #0000FF !important; } */ treechildren::-moz-tree-cell(selected) { border-bottom:1px solid #232629 !important; background-color: #1589ff !important;} treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; /* font-style: italic !important; */ /* font-family: "FontAwesome" !important; */

 font-weight: bold !important; font-style: italic !important; } 

/* label1 Important */ treechildren::-moz-tree-cell(T_24label1) { border-bottom:1px solid #FF0000 !important; background-color: #FF0000 !important; } treechildren::-moz-tree-cell-text(T_24label1) { color: #FFF !important; } treechildren::-moz-tree-cell(T_24label1, selected) { border-bottom:1px solid #FF0000 !important; background-color: #FF0000 !important;} treechildren::-moz-tree-cell-text(T_24label1, selected) { color: #000 !important; font-weight: bold !important; }

/* label2 write */ treechildren::-moz-tree-cell(T_24label2) { background-color: #000099 !important; } treechildren::-moz-tree-cell-text(T_24label2) { color: #FFF !important; } treechildren::-moz-tree-cell(T_24label2, selected) { border-bottom:1px solid #000099 !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label2, selected) { color: #000 !important; font-weight: bold !important; }

/* Label3 plan */ treechildren::-moz-tree-cell(T_24label3) { border-bottom:1px solid #FFFF00 !important; background-color: #FFFF00 !important; } treechildren::-moz-tree-cell-text(T_24label3) { color: #0000FF !important; } treechildren::-moz-tree-cell(T_24label3, selected) { border-bottom:1px solid #33CC00 !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label3, selected) { color: #000 !important; font-weight: bold !important; }

/* Label4 Personal */ treechildren::-moz-tree-cell(T_24label4) { background-color: #0000ff !important; } treechildren::-moz-tree-cell-text(T_24label4) { color: #FFF !important; } treechildren::-moz-tree-cell(T_24label4, selected) { border-bottom:1px solid #CC33CC !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label4, selected) { color: #000 !important; font-weight: bold !important; }

/* Label 5 later */ treechildren::-moz-tree-cell(T_24label5) { background-color: #00ff00 !important; } treechildren::-moz-tree-cell-text(T_24label5) { color: #0000FF !important; } treechildren::-moz-tree-cell(T_24label5, selected) { border-bottom:1px solid #663366 !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label5, selected) { color: #000 !important; font-weight: bold !important; }

Read this answer in context 👍 1

All Replies (6)

more options

You can change text color of Tags at Tools>Preferences>General .

more options

david said

You can change text color of Tags at Tools>Preferences>General .

Please add possibilities to disable background.

more options

Well, that isn't simple. I have my PC set for different colors for each tag and there are roughly 100 CSS statements to do that. Before plunging into that, you may want to read up on use of the userChrome.css file and its many options, most of which are not documented in any consistent place.

more options

I made my userChrome.css a long time ago, but TB changes so often I don't want to go back to it :-)

more options

Seçilmiş Həll

Well, since you're literate on the topic, here are settings I use for dark theme. However, if you ask me any questions on it, I'll cancel you out of my will. But do experiment as you desire.. :)

/* default - no label */ /* treechildren::-moz-tree-cell {border-bottom:1px solid #fff !important; background-color: #F0F0F0 !important;} */ /* treechildren::-moz-tree-cell-text { color: #0000FF !important; } */ treechildren::-moz-tree-cell(selected) { border-bottom:1px solid #232629 !important; background-color: #1589ff !important;} treechildren::-moz-tree-cell-text(selected) { color: #ffffff !important; /* font-style: italic !important; */ /* font-family: "FontAwesome" !important; */

 font-weight: bold !important; font-style: italic !important; } 

/* label1 Important */ treechildren::-moz-tree-cell(T_24label1) { border-bottom:1px solid #FF0000 !important; background-color: #FF0000 !important; } treechildren::-moz-tree-cell-text(T_24label1) { color: #FFF !important; } treechildren::-moz-tree-cell(T_24label1, selected) { border-bottom:1px solid #FF0000 !important; background-color: #FF0000 !important;} treechildren::-moz-tree-cell-text(T_24label1, selected) { color: #000 !important; font-weight: bold !important; }

/* label2 write */ treechildren::-moz-tree-cell(T_24label2) { background-color: #000099 !important; } treechildren::-moz-tree-cell-text(T_24label2) { color: #FFF !important; } treechildren::-moz-tree-cell(T_24label2, selected) { border-bottom:1px solid #000099 !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label2, selected) { color: #000 !important; font-weight: bold !important; }

/* Label3 plan */ treechildren::-moz-tree-cell(T_24label3) { border-bottom:1px solid #FFFF00 !important; background-color: #FFFF00 !important; } treechildren::-moz-tree-cell-text(T_24label3) { color: #0000FF !important; } treechildren::-moz-tree-cell(T_24label3, selected) { border-bottom:1px solid #33CC00 !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label3, selected) { color: #000 !important; font-weight: bold !important; }

/* Label4 Personal */ treechildren::-moz-tree-cell(T_24label4) { background-color: #0000ff !important; } treechildren::-moz-tree-cell-text(T_24label4) { color: #FFF !important; } treechildren::-moz-tree-cell(T_24label4, selected) { border-bottom:1px solid #CC33CC !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label4, selected) { color: #000 !important; font-weight: bold !important; }

/* Label 5 later */ treechildren::-moz-tree-cell(T_24label5) { background-color: #00ff00 !important; } treechildren::-moz-tree-cell-text(T_24label5) { color: #0000FF !important; } treechildren::-moz-tree-cell(T_24label5, selected) { border-bottom:1px solid #663366 !important; background-color: #FFA500 !important;} treechildren::-moz-tree-cell-text(T_24label5, selected) { color: #000 !important; font-weight: bold !important; }

more options

david said

Well, since you're literate on the topic, here are settings I use for dark theme. However, if you ask me any questions on it, I'll cancel you out of my will. But do experiment as you desire.. :)

I fell :-D It is simple. Thx!

Modified by architekt78