All Products Community Forum

I was upgraded to TB 115 when I had to get a new computer. I have become quite used to using userchrome to highly personalise my TB, mainly to restore previous features.

However, somehow, in making the "Write" screen the way I like it, I have shrunk the section of the Contacts Sidebar which contains the actual addresses/contacts, down to the point where only one contact is visible. There is a scroll bar so I can see the other addresses are there. It is just that the bottom border of that box has elevated itself and there is a mass of blank space below.

I am sure I have caused it with some code, however everything I have tried to adjust only works on the heading part of the Contacts Sidebar, not the panel with the addresses. I have searched the net to find out what that panel is officially called, without success.

Could a helpful person tell me the "official" name (to use in the css) of that panel so that I can fix it? Or even write me a little code to make that box go back to default?

Just for context, the reason I was fiddling with it was because the panel is excessively spaced, and I was trying to compact the contacts together.

Thanks Fiona

I have Windows 11 and have a yellow on black theme. In Thunderbird I have the Dark theme.

The Folders in the folder pane are white. However, the messages in the message list pane are yellow.

What code can I put in the userChrome.css to make them white?

If you have enabled the Menu Bar, maybe you find it is the same colour as the Unified folder and want to change it. Maybe you want to change the colour of the opened Tabs. Read the information below to help you use 'userChrome.css' and tailor make your own Thunderbird.

was recently forced to upgrade to winblows 11.. in the previous version of Thunderbird, 102.2 64 bit, I could follow these instructions to background colors in the various panes .

https://support.mozilla.org/en-US/questions/1389364

Now with version 115.0, I am having issues getting it to work.

the CSS file I am using is

1. threadTree > treechildren {

 font-size: 16pt !important;
 font-family: Times !important;
 background-color: lightgrey !important;
 color: navy !important;

}

1. folderTree > treechildren {

 font-size: 16pt !important;
 font-family: Times !important;
 background-color: lightgrey !important;
 color: navy !important;

} after I follow the instructions, carefully, nothing happens. see screenshot attached...

I have 2 questions:

1 - what am i doing wrong? 2 - In the attached screenshot, how can I get rid of that toolbar in green on the left?

Re: userchrome.css It appears only part of my userchrome file affects customization in latest release (115). Is there any information on use of, or changes needed, to continue customizations, e.g. mail folders font weight, message pane grid lines, mail folder pane background color, thickness of pane splitters, etc.?? Everything worked in 102.x...

Does anyone know how to change the folderpane colours in 115. I use a userChrome.css, which no longer works in 115, as I beleive the commands have changed.

This is what I use currently, but have no idea what changed need to be made to make it work in 115. Any help would be appreciated.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* set default namespace to XUL */

treechildren::-moz-tree-row {margin-bottom: -3px !important;} treechildren::-moz-tree-row(hover), treechildren::-moz-tree-row(selected) {margin-bottom: -2px !important;}

/**/

   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, hasUnreadMessages-true) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, hasUnreadMessages-true, selected) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, subfoldersHaveUnreadMessages-true) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, subfoldersHaveUnreadMessages-true, selected) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true) {
     font-weight: bold !important;
     color: Black !important;
   }
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true, selected),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true, selected) {
     font-weight: bold !important;
     color: Black !important;
   }

/**/'''''''

I currently use:

  <profile>\chrome\userChrome.css 

to make various buttons stand out for some elderly users that I support. For example:

1. button-archive:hover {

  border: 2px dashed black !important;

}

1. button-archive,
2. hdrArchiveButton {

  background-image: none !important;
  background-color: #66ff66 !important; 

}

I can't figure out how to do this with Supernova (115+). Thanks.

I used to use something like this to reduce the fontsize and remove bold from the folder items...

   #folderTree > treechildren::-moz-tree-cell-text {
     font-size: 75% !important;
     font-weight: normal !important;
   }

I've looked through this file and tried a few likely options but nothing seems to work...

https://searchfox.org/comm-esr115/source/mail/themes/shared/mail/folderPane.css

Would anyone have a suggestion as to how to convert the above snippet from the old CSS scheme to 115?

Actually, I would also like to change what is bolded in the folder pane to blue (unbold) like the next example for the message thread pane which does work in 115...

   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
     font-weight: normal !important;
   }