Lower part of the message pane
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
Chosen solution
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.
video on how to create a css file (Firefox and TB)
Read this answer in context 👍 0എല്ലാ മറുപടികളും (2)
Chosen Solution
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.
Modified by sfhowes
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
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.