Thunderbird background tags
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?
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 👍 1All Replies (6)
You can change text color of Tags at Tools>Preferences>General .
david said
You can change text color of Tags at Tools>Preferences>General .
Please add possibilities to disable background.
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.
I made my userChrome.css a long time ago, but TB changes so often I don't want to go back to it :-)
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; }
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