If you followed the Thunderbird Labels modification I put up a few days back, you may have found out that it didn’t work for custom labels/tags. Yes, I knew that, but wanted to start off with the basic labels. Here is a quick tutorial on how to get your custom ones up and running.

What you’ll need to do is add the following lines of code to your CSS file. The code below accounts for one label/tag color, which, in this example, happens to be orange. You can see where the orange color is represented by the orange HEX colors. The lighter orange HEX number is for the background of the un-selected, labeled message.

treechildren::-moz-tree-cell(lc-FF9900) { border-bottom:1px solid #FF9900 !important; background-color: #FFCC99 !important;}
treechildren::-moz-tree-cell-text(lc-FF9900) { color: #000 !important; }
treechildren::-moz-tree-cell(lc-FF9900, selected) { background-color: #FF9900 !important; }
treechildren::-moz-tree-cell-text(lc-FF9900, selected) { color: #FFF !important; }

Of course you’d need to find the label colors before you know which HEX colors to put in. I’ve listed all of Thunderbirds colors below with the 50% opacity, lighter, colors next to them. You’ll have to pull out the colors yourself. I thought about coding all possible label/tag colors but that’d take me forever.

Thunderbird Label Colors

If you are on a Mac, you can load up the DigitalColor Meter application (inside the Utilities folder) and you’ll be able to quickly sample the color above and get it’s HEX number. Windows users can check out Color Cop and see if that works. Really, I have no idea what’s best on Windows, I just Googled something. If you have a better suggestion, post it in the comments below.

This tutorial should get you well on your way to creating custom tag/label colors with my custom style. If you code a few yourself, post the code below so we can all enjoy it.