Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Lower part of the message pane

  • 3 réponses
  • 1 a ce problème
  • 95 vues
  • Dernière réponse par smoti17

options supplémentaires

Hi, I'm using Thunderbird version 140.0 on Windows 10 and trying to change the background of the message pane. I've tried:

  1. messagepanebox {
   background-color: #e6f3ff !important; 

}

but it only changes the upper part and I can't find a way to target the whole flex container or the lower part. There is a forum response (titled Message preview pane background) that targets the message pane:

  1. messagePane {

background-image: url("file:///C:/path to image/image.jpg") !important;}

and that fills the message pane when its blank at startup but it disappears when selecting a message from the list.

I can add the background-color statement to :root in Developer Tools and that only works for the current selected message. How can I change the background of the entire Message Pane - the upper and lower part that contains the contents of the message - for each message that is selected? Thanks, David

Hi, I'm using Thunderbird version 140.0 on Windows 10 and trying to change the background of the message pane. I've tried: #messagepanebox { background-color: #e6f3ff !important; } but it only changes the upper part and I can't find a way to target the whole flex container or the lower part. There is a forum response (titled Message preview pane background) that targets the message pane: #messagePane { background-image: url("file:///C:/path to image/image.jpg") !important;} and that fills the message pane when its blank at startup but it disappears when selecting a message from the list. I can add the background-color statement to :root in Developer Tools and that only works for the current selected message. How can I change the background of the entire Message Pane - the upper and lower part that contains the contents of the message - for each message that is selected? Thanks, David

Solution choisie

The background colour of plain text messages can be set in the userContent.css file:

body{background-color: yellow !important}


This also applies to new composed messages (and the Address Book, Settings and Account Settings tabs). If by 'entire Message Pane' you mean the Header Pane as well, the colour can be set in userChrome.css:

.message-header-container {background-color: lightblue !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 (them) 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.

Online css generator

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

Lire cette réponse dans son contexte 👍 1

Toutes les réponses (3)

options supplémentaires

Solution choisie

The background colour of plain text messages can be set in the userContent.css file:

body{background-color: yellow !important}


This also applies to new composed messages (and the Address Book, Settings and Account Settings tabs). If by 'entire Message Pane' you mean the Header Pane as well, the colour can be set in userChrome.css:

.message-header-container {background-color: lightblue !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 (them) 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.

Online css generator

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

Modifié le par sfhowes

options supplémentaires

Thanks very much for your reply - that solved my issue.

I also added the following in userContent.css:

.moz-text-html > p > span:first-child {

 background-color: yellow !important;

}

so that the color around the text was the same color as the body. It seems to work but not sure if that is the best way of doing it.

By entire Message Pane, I meant the header and body. I was using #messagepanebox for the header but your way works so will use that.

Cheers

options supplémentaires

Thank You ! Confirming this works on Linux too.

Been trying to find a solution for this ever since Thunderbird v140 took away my preferred light gray message background color when it forced light/dark themes, breaking the Background Color preferences in "Settings". It really should not have to be this difficult...

Poser une question

Vous devez vous identifier avec votre compte pour répondre aux messages. Veuillez poser une nouvelle question, si vous n’avez pas encore de compte.