tabs shape design not modded & how to change bg for e-mail content box & others tabs

[FreshhhHub]

hi there :-)

tab shape design should be:

mine looks like this:

why?

three more questions:

• how to modify [email protected] text color in the css ? what must be edited?
• how to change e-mail background color (I'd like ut to be light grey or other color than white)
• how to mod others panels background color (write, chat, address book,...) ?

full screenshot:

[phiranf]

I got the same problem.

[spymastermatt]

In all of the themes that forcibly set the colors (i.e. all except system), the tab shape is changed because I have not yet found a way to reliably make Thunderbird change the background color of the tab including the color of the curved parts, which as far as I can tell are drawn by JS.

I did try changing the --fgTabBackgroundColor variable but it only seems to change the color of the middle of the tab. As a result I enabled my own square tabs on these themes. The system theme is able to use the rounded tabs because it doesn't change the color of the tab background.

If anyone knows how to correctly change the tab background color please let me know.

[spymastermatt]

Regarding the other questions:

1. #folderTree > treechildren::-moz-tree-cell-text(folderNameCol) is the selector you want. If you only want to select the first folder you might need try #folderTree > treechildren::-moz-tree-cell-text(folderNameCol):first-of-type
2. Go to Preferences > Display > Colors and then select the colors you want
3. For the write box, try #content-frame. As for the address book, I'm afraid I'm not sure.

[klsgrtx]

For the tab shapes, I played around with adding the following lines to .tabmail-tab .tab-content classes: border-top-left-radius: 15px; border-top-right-radius: 15px;

I found these suggestions on this website: https://css-tricks.com/better-tabs-with-round-out-borders/

[Stanzer]

@FreshhhHub : Did you finally manage to get rid of the blue colour signalling that the account has received a new mail?

I entered this in my dark_perso.css

#folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true), #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, subfoldersHaveUnreadMessages-true) { color: #ECECEC !important; font-style: italic !important; }

and commented it out of _base.css, but that does not seem to do the trick…

Any idea ?