Main Content

Make Custom Thunderbird Labels Stand Out

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.


39 Responses

  1. Rassi says:

    Ok, if we all work together we can knock this out quickly. Here is the code for all the colors on the first row of the grid shown above. I will post additional code as I create it. If others create code, please post it here as well.

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

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

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

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

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

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

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

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

    treechildren::-moz-tree-cell(lc-FF9900) { border-bottom:1px solid #FF9900 !important; background-color: #E6FFFF !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; }

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

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

  2. Keith says:

    I think that the whole concept of how to apply this to custom tags is elusive in that it’s not clearly stated that the colors in hex that appear in the CSS shown above have to MATCH the colors of custom tags. Whichever ones match are the ones that will have the background fill applied.

    Here’s an example:

    1) In TB, go to Tools > Options > Tags
    2) Click “Add” to make a new custom tag (or “label”)
    3) Give the tag a name and select a color for it
    4) When you select the color, it’s a good idea to have your color picker running (I use Iconico’s ColorPic for Windows), and remember the hex number of the color you choose. When you’re done adding the new tag, click OK to save your changes.
    5) To add that new tag to Stylish, click the Stylish icon, select “Manage Styles…” and either select the style you want to add to and edit it, or make a new one by clicking “Write…”
    6) If you’re making a new style, give it a name in the “Description” field, otherwise go to the next step
    7) With the style you want to add to selected, click “Edit…” In the code window, add the CSS lines mentioned in the “Make Custom Thunderbird Labels Stand Out” tutorial
    8) Replace the hex color values in the CSS you pasted in with the hex value that you got from your color picker when you made the new tag. Click “Save” to save your changes.

    For each custom tag that you create, make sure to add those 4 CSS lines to your label definition in Stylish, keeping in mind that you need to match the hex values as mentioned above, otherwise the old styling of tagged messages will be in effect.

  3. CheGordito says:

    Thanks for both the tutorial and the comment (Keith).

  4. Steve says:

    Still no luck, All well.

  5. Rassi says:

    I have now completed all the labels.

    They can be downloaded from my website here:

    http://the-daily-poll.com/wp-content/uploads/2007/05/complete_twistedmc_labels.txt

  6. Thomas says:

    Steve, where are you running into an issue?

    Keith – Thanks for that. 🙂

    I also noticed that when writing a message, you can select text color. When doing this, it’ll give you the HEX color right away. No additional tools needed.

  7. Thomas says:

    Thanks Rassi!! I haven’t tried them all, but your code looks pretty good.

  8. Keith says:

    Rassi, thanks a lot – that saves a great deal of time!

    CheGordito, Thomas – you’re welcome =)

  9. Lori says:

    Thanks so much to Rassi for the labels code! I’m new to Thunderbird, but installed this no problem into Stylish and it works absolutely beautifully!!!

  10. Ebrahim says:

    To verify the tag color, this is what I did:

    1. Browse to Options > Display > Tags
    2. Take a screenshot (using PrtScn)
    3. Paste it in Photoshop or Paint
    4. Use the Eyedropper (color picker) tool to select the color.

    Hope it help.

  11. Bill says:

    Shouldn’t it be possible to automate this with an extension? It would be awfully nice if you could add a button in TB’s Tools / Options / Display / Tags dialog that allowed you to enable the “stand out” Tag coloring and pick the colors from a color picker dialog.

    I wish I knew how to do this, and had time to do it.

  12. Thomas says:

    Yes, an extension would probably be possible, but I’m not sure it’d give much more benefit than the CSS currently does.

  13. Domi says:

    Hi,
    how can I add a comment (if possible) to these lines of code?
    As you understood I’m not a programmer and I have no idea how CSS works, I just copy and past the code and … it works fine.
    It’s hard to choose the right color but this is only a matter of taste.
    Thanks in advance.

  14. Azariatech says:

    Another (easier) way to get your currently used hex values is to go into about:config (on TBird 2.0.0.9 go to Help > about:config, or shortcut Alt + C) and in the filter box type (w/o the quotes) “label” or type in “tag” and you will see in the list something like:
    mailnews.labels.color.2 the value column will be in hex (e.g. #ff9900)
    For tags you’re looking for a line like:
    mailnews.tags.$label1.color the value column will be in hex (e.g. #FF0000).

    That hex value is what you want!

    Twister, thanks for a great tip!

    J.

  15. Chuck says:

    AWESOME! Thank you so much for this – I just sent you a beer by Paypal.

  16. Thomas says:

    Mmmm beer. Thanks!

  17. jack says:

    Hey what if i want to write the data to that file directly, means i m writing a thunder bird application to archive the mail and i want if the mail has been archived then a custom tag is to be write to that mail, for that i want generate tag at runtime and apply it on the mail…..can u help me out on this one ???
    thanks in advance.

  18. Thomas says:

    Sorry Jack, can’t help you there.

  19. White3454 says:

    So I re-created the userChrome.css file (the text link above is dead) during my 2 hour plane flight to Denver this morning. It’s posted on Google Docs! Twister, thanks for the original code!

    http://docs.google.com/Doc?id=dfjv5pwk_54gw6njjdb

  20. max says:

    Hi, thanks for the great tip!

    However, with the colorful tags the selection becomes harder to recognize, and I wonder if one can alter the color of the selection as well. Would this be possible? For example to assign an unused color for the selection itself.

  21. Jan says:

    Guys, this is great… however… for me this still works only for the default TB tags… Being a noob it might be something I am doing.

    1) Rather than using Stylish, I have created a userChrome.css file and saved it in the TB>chrome folder
    2) I have cut and pasted the contents of the file above (thanks White)
    3) Restarted TB

    Any tags that use the standard colours work fine (even custom tags) but any other colour doesn’t work!

    Headaches, headaches… any ideas what I am doing wrong? Thanks.

    • Sentath says:

      Oh, I see it!

      It only works for the colors in the images at the top of the thread. If you need it to work for some /other/ color you’ll need to make a css block for it as described in the OP

  22. Thomas says:

    Note: These labels were created back in 2007 and I’m not sure if they work anymore. If you get them to work, please share with the group.

    • Dave... says:

      Yeah it still works. I tried it a few seconds ago with Thunderbird 3.0.4. So I guess it’s still up to date!

      I might be wrong but I thing the errors may come from matching the colors. The only background colors supported are the pickable ones in the label’s window. If you pick the right ones it will work 100%. You can still edit the colors of the unselected messages (chosen with 50% of opacity by Thomas).
      Keith’s comment is very useful. Thanks everyone.

    • Wurzelmann says:

      Yes, they still work! I just copied the code above (thank you very much, White3454, you saved me some work there… 🙂 ) and it works like a charm!

  23. Pete says:

    Thanks, works still with latest TB and MAC!

  24. Don says:

    though it is a little while ago since this was posted 😉 and I was already using this tip and was happy with it…
    hence, now I reorganised my tags, customized the standard tags (1-9) having them without any color defined and additional custom tags with colors.
    Now when I apply multiple tags to one mail it does not get colored if the tags include a tag 1-9 (no matter in what follow-up I tag them, it just loses its color as soon as a standard tag is applied).
    Anybody having an idea how to fix this?

  25. Diane says:

    Here are the codes for all colors. The order is first column all values, second column, and so on ..

    treechildren::-moz-tree-cell {border-bottom:1px solid #fff !important;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    treechildren::-moz-tree-cell(lc-FF9900) { border-bottom:1px solid #FF9900 !important; background-color: #FFCC80 !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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Enjoy!

  26. Pam says:

    I am using thunderbird 2.0.0.23 and when I go to download stylish it says it don’t work with this version

  27. Vikrant says:

    Thanks for it, It’s great

    But I’m unable to find the Hex code for the colors it’s showing all color in png.

    Could you please suggest how can i get the hash code

  1. 5/2/2007

    […] What about the labels/tags that I created? […]

  2. 1/10/2008

    […] un nome a piacere. Nel secondo campo invece dovrete copia-incollare le quattro righe di codice CSS che trovate a questa pagina avendo cura di sostituire al codice-colore proposto nell’esempio (FF9900) quello della vostra […]

Leave a Reply