CSS for changing background colors
I would like to set background colors for all user interface elements in the classic view.
I have found the CSS syntax for the folder pane and the message header:
- folderPane {background-color: white !important;}
.message-header-container {background-color: white !important;}
I need help with other elements: the main toolbar, tab headers, the message body pane, the status toolbar, the quick filter, and the row above the message table that names the folder, shows the number of messages in it, and has the quick filter button.
Would someone please give me the right CSS syntax for these elements?
And perhaps also explain when "#" and "." are needed before the names of the elements? Or where to find the CSS names of these elements? I looked in the developers toolbox, but could not find them easily.
Chosen solution
Some solutions:
Put in userChrome.css.
- folderPane {background-color: [color] !important;}
- tabs-toolbar {background-color: [color] !important;}
Put in userContent.css. body {background-color: [color] !important;}
[color] can be specified by hex code or certain names, e.g., "white", "black", "lightgray", "darkgray".
At least some of these lines have been provided before in the forum. I screwed up by putting some items in the wrong file. Maybe the emphases here help someone else.
Read this answer in context 👍 0All Replies (3)
I think it would be best for you to post this at https://www.reddit.com/r/Thunderbird/. There are many posts about using CSS and several CSS experts there. Doing a search may even answer most or all of you questions.
Chosen Solution
Some solutions:
Put in userChrome.css.
- folderPane {background-color: [color] !important;}
- tabs-toolbar {background-color: [color] !important;}
Put in userContent.css. body {background-color: [color] !important;}
[color] can be specified by hex code or certain names, e.g., "white", "black", "lightgray", "darkgray".
At least some of these lines have been provided before in the forum. I screwed up by putting some items in the wrong file. Maybe the emphases here help someone else.
Ed said
I think it would be best for you to post this at https://www.reddit.com/r/Thunderbird/. There are many posts about using CSS and several CSS experts there. Doing a search may even answer most or all of you questions.
Hi Ed. Thanks for the suggestion. My browsers cannot access because Reddit because of privacy violations and protections. :(
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.