You can see just above each code section I've written some text to say what colour I used and in the image below, it shows how this looks using dark theme. Note: In the code below, all the colours are represented as html hex code which is the # key followed by 6 numbers/letters eg: #ff0000. Copy everything - all the text between lines below and paste it into the Notepad document.Hopefully the code will help you adapt for whatever you require.įor anyone who only wants to only set the colour of the icons and not the icons themseleves, it is not necessary to include the lines that mention the directory (starting with list-style-image) of the icons as Thunderbird will use the default. In the example code below, I've changed the default folder icon used for my general folders but continued to use the default icons for others, but I've set a default colour for those icons, so I do not need to anything manually and if I add a folder or mail account, all the icons and their colours are set automatically. If you choose to continue using some of the default images then you need to include the directory of those images - I've provided that in the code below. Put suitable images in the images folder and give them suitable names eg: for the image that will represent the general folder icon call it eg: folder.png or folder.svg depending upon type. In the chrome folder create another folder called images.Create new folder and call it chrome note the spelling - use a lower case 'c' It should be in the same place as the 'Mail' folder.Close Thunderbird now - this is important.Restart Thunderbird if you needed to alter the setting.Ī new window opens showing the contents of your Profile folder.Double click on that line to toggle the 'False' to 'True'.Scroll to the bottom and click on 'Config Editor' button.You would need to either create or search google for suitable png images that have a transparent background to image. There is a way using a 'userChrome.css' file.