For Cards View, this can be done with css:

.card-container {
    background-color: var(--tag-color) !important;
}

To make just the card text have the tag colour:

.card-container {
    color: var(--tag-color) !important;
}

Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

OK thanks, but I find it a bit complicated for me...

I don't understand why this feature, active in the previous version of Thunderbird, has now been eliminated. It was convenient for a quick glance at messages 🙄

The css is necessary for Cards View, which displays a small card icon with the colour of the tag. Table View shows the list with coloured text by default.

The procedure was a bit complex but I finally solved it, thanks. 😉

For Cards View, this can be done with css:

.card-container {
    background-color: var(--tag-color) !important;
}

To make just the card text have the tag colour:

.card-container {
    color: var(--tag-color) !important;
}

Help/Troubleshooting Info, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

Thank you very much for this. I'll give it a go and have a play with it. I already have a Chrome file set up for other purposes.

Sorry, I'm still not sure because I don't understand how the code needs to be modified:

what do I do with the

var(--tag-color)

line? How do I link that to a particular tag or colour? Could you give me an example please. Lets say I use the 'Important' tag which may be red.

Once I know how to do that I can create custom tags with custom colours and run a filter for each account.

Thanks again!

The colour statement means that whatever colour is defined for the tag will be applied to the text or background. For the Important tag, the default colour is red, so that will be the colour of the text or background. See the attached pictures. You can of course define specific colours for each tagged message, independent of the tag colour.

The colour statement means that whatever colour is defined for the tag will be applied to the text or background. For the Important tag, the default colour is red, so that will be the colour of the text or background. See the attached pictures. You can of course define specific colours for each tagged message, independent of the tag colour.

Very cool, that looks fantastic. Thanks again for your help.

Righto, I understand that var(--tag-color) will define the color. Forgive me, but I don't know how to write it into that command. Would it be "color: var(red) !important;" for example? Or just simply "color: var red !important;" without the brackets.

Also, how does this code link to a specific email account? Would that not have to be specified somewhere?

So sorry. I quite obviously don't know much about coding.

Just use the code in my first reply. It works for all accounts.

Just use the code in my first reply. It works for all accounts.

Ahaaaaahhh! Got it! I was over-complicating things in my mind, sorry. Works beautifully! Thanks for your patience with me.

Only problem is that emails that are tagged as NonJunk muck up the coloring, and often they arrive that way rather than me tagging them nonjunk. I'll have to set up some rule/filter that alleviates this.

Success! My cards now match my account colors. So good. Thanks very much for your help.

It is, however, a bit of mucking around to set up message filters for each account to auto-tag all messages for a particular account with that account's tag...

Is there no code that will pick up the icon color for each account which can be set through the properties?

Brainstorming:

.card-container {

   color: var(--account-icon) !important;

}

or something like that? Or perhaps 'folderColor' ?

I tried with var(--account-color) and var(--serverColor) but neither one works as expected.

This was supposedly added already:

https://bugzilla.mozilla.org/show_bug.cgi?id=1882369

I tried with var(--account-color) and var(--serverColor) but neither one works as expected. This was supposedly added already: https://bugzilla.mozilla.org/show_bug.cgi?id=1882369

Oh, that's cool - someone is on it. Let's hope that it actually works before too long.

Thanks again for your help sfhowes!