We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Convert old CSS snippet to 115

  • 1 reply
  • 0 have this problem
  • 1 view
  • Last reply by markc

more options

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;
   }
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; }

Modified by markc

Chosen solution

This brute force approach mostly solves the issue. I've used this first "global" snippet for years to get rid of ALL the ugly borders (thank goodness it works) so I added the font-weight line here as well and it also works. The second section just adds color to what was bold unread messages in the message list column. Just checking again and this will certainly do and is a much cleaner look n feel... no bold fonts and no borders. My TB is beautiful again :-)

   * {
     border-style: none !important;
     border-width: none !important;
     font-weight: normal !important;
   }
   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
   }
Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

This brute force approach mostly solves the issue. I've used this first "global" snippet for years to get rid of ALL the ugly borders (thank goodness it works) so I added the font-weight line here as well and it also works. The second section just adds color to what was bold unread messages in the message list column. Just checking again and this will certainly do and is a much cleaner look n feel... no bold fonts and no borders. My TB is beautiful again :-)

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

Modified by markc