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!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

How to change the font of the folder and message list panels?

  • 5 iimpendulo
  • 6 inale ngxaki
  • 19 views
  • Impendulo yokugqibela ngu sfhowes

more options

Just installed the Supernova 115.3.2 version. No big deal, but I don't quite like the font of the folder and message list panels. They used to look much better before, to my mind. Is there any way to change these fonts?

Just installed the Supernova 115.3.2 version. No big deal, but I don't quite like the font of the folder and message list panels. They used to look much better before, to my mind. Is there any way to change these fonts?

Isisombulu esikhethiweyo

Threads and Folder Pane fonts and backgrounds can be changed with css.

/* threads pane bg, font */
table[is="tree-view-table"]{
background: #87CEFA !important;
font-family: Times, serif !important;
font-size: 16px !important;
color: navy !important;
}

/* folder pane font, bg */
#folderPane {
background-color: #87CEFA !important;
font-size: 14px !important;
font-family: Times, serif !important;
color: navy !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, change the numbers and colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

Funda le mpendulo kwimeko leyo 👍 1

All Replies (5)

more options

Isisombululo esiKhethiweyo

Threads and Folder Pane fonts and backgrounds can be changed with css.

/* threads pane bg, font */
table[is="tree-view-table"]{
background: #87CEFA !important;
font-family: Times, serif !important;
font-size: 16px !important;
color: navy !important;
}

/* folder pane font, bg */
#folderPane {
background-color: #87CEFA !important;
font-size: 14px !important;
font-family: Times, serif !important;
color: navy !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, change the numbers and colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

Ilungisiwe ngu sfhowes

more options

Thanks for this very extensive recipe, it works!

more options

Yes it works thanks! Shouldn't be so tricky to change a font but there you go.

more options

This is all very cool, but it begs the question, "what else can I do?"

I see these 2 things, the folder pane, and the threads pane (although it seems to be called something different.)

I also ran across the toolbar-menubar in another post on this site.

It occurs to me there might be a lot more that can be done here.

Is there any good documentation on everything I can change?

Thanks, Mark.

more options

Cool Javelin said

This is all very cool, but it begs the question, "what else can I do?" I see these 2 things, the folder pane, and the threads pane (although it seems to be called something different.) I also ran across the toolbar-menubar in another post on this site. It occurs to me there might be a lot more that can be done here. Is there any good documentation on everything I can change? Thanks, Mark.

Just about every UI element can be modified with css, but the documentation is scattered among different forums, including this one, mozillazine, elevenforum, reddit etc.