Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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
Solved Archived

Change color of remote content warning

lehmeyer.jo

I like to be able to either accept or not accept the remote content for each message, mostly I don't need it, so I don't want to accept it in general.

However, the yellow bar, which I mostly ignore, is quite distracting when browsing through the mails, so I would like to change the color.

I already tried several approaches with the userChrome.css, like linked below, none of them worked for me. I am using the newest version of Thunderbird on Windows 11.

https://support.mozilla.org/en-US/questions/1413372 https://www.reddit.com/r/Thunderbird/comments/xvoy85/how_to_change_the_color_of_the_remote_content/

I like to be able to either accept or not accept the remote content for each message, mostly I don't need it, so I don't want to accept it in general. However, the yellow bar, which I mostly ignore, is quite distracting when browsing through the mails, so I would like to change the color. I already tried several approaches with the userChrome.css, like linked below, none of them worked for me. I am using the newest version of Thunderbird on Windows 11. https://support.mozilla.org/en-US/questions/1413372 https://www.reddit.com/r/Thunderbird/comments/xvoy85/how_to_change_the_color_of_the_remote_content/

All Replies (3)

The following CSS works for me:

div.container {
  --message-bar-background-color: #27272a; /* your background color */
  --message-bar-text-color: #c6c6ca; /* your text color */
}


Source of the above CSS: https://www.reddit.com/r/Thunderbird/comments/xvoy85/comment/m60w9g0/

Chosen Solution

From https://www.elevenforum.com/t/thunderbird-115-css-customization.16320/post-554778

#mail-notification-top .infobar {
  --message-bar-text-color:grey !important;
  --message-bar-background-color: lightblue !important;}

.notificationbox-stack{background-color: Dodgerblue !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 colours as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Settings/General/Config. editor, restart TB.

Online css generator

video on how to create a css file (Firefox and TB)

See attached picture.

Thanks a lot, this works perfectly!