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

Background color of mailbox window

  • 4 replies
  • 0 have this problem
  • 47 views
  • Last reply by sfhowes

more options

The background of the mailbox window no longer uses the color that I have selected for backgrounds (as it used to) and the bright white is very hard on my eyes. How can I change it?

The background of the mailbox window no longer uses the color that I have selected for backgrounds (as it used to) and the bright white is very hard on my eyes. How can I change it?

All Replies (4)

more options

If this is due to upgrading to 115, some CSS customizations no longer work.

more options

If by 'mailbox window' you mean the Threads Pane, the background can be changed with userChrome.css:

table[is="tree-view-table"]{
background: #87CEFA !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 (userContent.css), Save as type: All files *.*, copy in the above code, change the colour as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

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

more options

Wow! I had quite a time figuring out your extremely terse instructions and googling various terms, but I managed to work my way through it and it worked!

My only quibble (apart from the extreme economy of your instructions is with "userChrome.css (userContent.css)". I couldn't figure out what the parenthetical userContent.css was all about - so I just went with userChrome.css and it worked.

Thank you.

more options

rapsac44 said

Wow! I had quite a time figuring out your extremely terse instructions and googling various terms, but I managed to work my way through it and it worked! My only quibble (apart from the extreme economy of your instructions is with "userChrome.css (userContent.css)". I couldn't figure out what the parenthetical userContent.css was all about - so I just went with userChrome.css and it worked. Thank you.

The instructions apply to both userChrome and userContent files. An example of the latter changes the scrollbar colours and width in the Message Pane and Write windows:

:root { 
    scrollbar-color: grey #87CEFA;
    scrollbar-width: 25px;}


To change the background and/or text colours of the Folder Pane to match the Threads Pane, add this to userChrome:

#folderTree
{background-color: #87CEFA !important;
  color: navy !important;}