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

Change font color of folder pane and thread pane

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by sfhowes

more options

I have read everything and tried everything but I am not able to change the font color of the folder pane and thread pane in TB 102.10.1.

I put in the userChome.css for example the following (and tried many more) . The font and everything else changes. But not the font color.

  • {
   color: rgb(203, 49, 49) !important;
   }

/* Global UI font */

  • { font-size: 11pt !important;
   font-family: Verdana !important; 
   color: rgb(203, 49, 49) !important;
 } 
 /* Menu font */

menu, menulist, menuitem {

   font-family: Times New Roman !important; 
   color: rgb(203, 49, 49) !important;
 }

toolkit.legacyUserProfileCustomizations.stylesheets is set to true.

How can I change the font color of the folder pane and thread pane?

I have read everything and tried everything but I am not able to change the font color of the folder pane and thread pane in TB 102.10.1. I put in the userChome.css for example the following (and tried many more) . The font and everything else changes. But not the font color. *{ color: rgb(203, 49, 49) !important; } /* Global UI font */ * { font-size: 11pt !important; font-family: Verdana !important; color: rgb(203, 49, 49) !important; } /* Menu font */ menu, menulist, menuitem { font-family: Times New Roman !important; color: rgb(203, 49, 49) !important; } toolkit.legacyUserProfileCustomizations.stylesheets is set to true. How can I change the font color of the folder pane and thread pane?

Chosen solution

#threadTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

Delete the lines for font-size, font-family or background-color if they are not needed. For the font-family to take effect, 'Allow messages to use other fonts' must be selected in Settings/General/Language & Appearance, Advanced. See attached picture.

https://www.userchrome.org/download-userchrome-css.html

Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

#threadTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

Delete the lines for font-size, font-family or background-color if they are not needed. For the font-family to take effect, 'Allow messages to use other fonts' must be selected in Settings/General/Language & Appearance, Advanced. See attached picture.

https://www.userchrome.org/download-userchrome-css.html