SOLVED .css Code to Control Highlight Colour in Folder Pane?

User Help for Mozilla Thunderbird
Post Reply
User avatar
BuddhaNature
Posts: 537
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

SOLVED .css Code to Control Highlight Colour in Folder Pane?

Post by BuddhaNature »

OS = Windows 7 Pro. SP1 x64
Windows Theme = Windows 7 Basic
Thunderbird 91.5.0

If it is possible I would like to get some .CSS code that can manage the highlight colour in the Folder Pane, according to when a folder is selected and when a message (in that folder) is selected.

As things stand the colour of the Folder Pane highlight changes between different states as shown in this image:

Image

I would like to do the following:

1) Be able to define the Folder Pane Title highlight colour as shown in image '1.'
2) Be able to define the Folder Pane Title highlight colour as shown in image '2.'

Does anyone have any UserChrome.css code that will make it possible to do this?
Last edited by BuddhaNature on January 21st, 2022, 7:47 am, edited 1 time in total.
OS: Windows 10 Pro. x64
User avatar
BuddhaNature
Posts: 537
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Re: .css Code to Control Hightlight Colour in Folder Pane?

Post by BuddhaNature »

After some searching around I found some code that gets me to where I want to be. Morat's code here: http://forums.mozillazine.org/viewtopic ... #p14821649

So I now have this highlighting scheme for the Folder Pane:

Image

That is code from three years ago but it still works. Magic! And belated thanks to Morat for the code!
OS: Windows 10 Pro. x64
morat
Posts: 6405
Joined: February 3rd, 2009, 6:29 pm

Re: .css Code to Control Hightlight Colour in Folder Pane?

Post by morat »

You may want to style the border as well.

Code: Select all

#folderTree treechildren::-moz-tree-row(selected) {
  border-color: lime !important;
  background-color: lime !important;
}

#folderTree treechildren::-moz-tree-row(selected, focus) {
  border-color: cyan !important;
  background-color: cyan !important;
}
Reference
http://searchfox.org/comm-esr91/source/ ... senger.css
User avatar
BuddhaNature
Posts: 537
Joined: January 3rd, 2008, 9:44 am
Location: Scotland

Re: SOLVED .css Code to Control Highlight Colour in Folder P

Post by BuddhaNature »

Thanks very much for the additional comment Morat.

Love the 'lime' colour. :D But I'll need to toy-around with it a bit with different colours to see how it works.

Thanks again, much appreciated.
OS: Windows 10 Pro. x64
Post Reply