Thunderbird 115: CSS Customization

Found it all. You just have to select Classic layout view, and Message List Header gives you back the little icon on the right called Message List Display Options, which offers the Cards/Table choice.

So now, I'm back to trying to figure out (again) how to get divider lines between messages in the message panel.

I've tried
/* Add bottom border to thread pane (message list) */
#threadTree treechildren::-moz-tree-row {
border-bottom: 1px solid threedlightshadow !important;
}

and it doesn't work.

Neither does

#threadTree > treechildren::-moz-tree-row {
border-bottom: 2px solid Teal !important;
}

Discovered a few minutes ago that they run side-by-side without any problem IF I start the older version first, and THEN start 115. In the other order, I get the banner at the top of post #18 above. That might turn out to be a peculiarity of the Portable editions, though.

das10 said:

How did you manage to scrap the headers? Do you have any header which you can right click to possibly get them back (although the "Subject" header doesn't appear in that right click menu)?

Click to expand...

Discovered that in Classic layout with Message List header, I get the "Message list display options" icon way over on the right. That lets me choose between "Cards" layout and "Table" layout. With Table, I get the From-Subject-Date header back. With cards, no. I prefer the Cards display, so I'll forgo playing around with From-Subject-Date column headings for now. And lines between the messages in the message list: in Cards view, they're there. In Table view, no.

I like a clean Vertical Layout...

My preferences are changing...
1 - Mailbird - still my Go-To.
2 - Thunderbird - really liking the beta!
3 - eM Client - feature rich, multi functionality.

lafargeotte; in case it helps, try to see if you are able to display your particular background color (#87CEFA) using these settings in the userChrome.css. I tried them using only the Dev tools, so not all elements might have been picked correctly, plus I am testing on a portable Version 116 beta (which had yet to implement the cards view described by Wisewiz previously).
userChrome.css

@das10

Gonna give your code a try. Depending on what I see, I'll edit out parts of it and try again to see whether I like it. Thanks.

@das10

Wow! That certainly succeeds with all the blue backgrounds. What I was hoping for (and still want) that it didn't do is (by removing padding at the top and bottom) make the height of the "Unified" control-button panel smaller, but it takes up just as much room with your file code as without it, so I'm still looking. May be an impossible quest, of course. On my screen, it's about an inch tall, which is about half an inch more than it needs to display the buttons well.

das10 said:

lafargeotte; in case it helps, try to see if you are able to display your particular background color (#87CEFA) using these settings in the userChrome.css. I tried them using only the Dev tools, so not all elements might have been picked correctly, plus I am testing on a portable Version 116 beta (which had yet to implement the cards view described by Wisewiz previously).
userChrome.css

Code:

menubar, toolbar, nav-bar, #TabsToolbar > *{
background-color:#87CEFA !important;
}

table[is="tree-view-table"]{
  background: #87CEFA !important;
}

#threadPane > tree-view {
  -moz-context-properties: fill;
  fill: currentColor;
  background-color: #87CEFA !important;
  color: var(--tree-view-color);
}

#folderPane {
  background-color: #87CEFA !important;
}

#titlebar > #toolbar-menubar:-moz-window-inactive, #titlebar > #tabs-toolbar:-moz-window-inactive {
    background-color: #87CEFA !important;
}

#unifiedToolbar {
  background: #87CEFA !important;
}

scrollbox, .scrollbox-clip {
  background: #87CEFA !important;
}


/*    miscellaneous  menubar on top ; compact header box ; quickfilter background :- if req */
/*
#toolbar-menubar {order: -1 !important;}
.message-header-container {padding-top: 0px !important; padding-bottom: 0px !important;}
.message-header-container, .message-header-extra-container {row-gap: 0px !important;}
#quickFilterBarContainer {background: #87CEFA !important;}
*/

View attachment 64827

Click to expand...

Thank you so much, that works great.

I just now have to find a way of reducing the header bar (maybe the add-on that helps will be updated soon).

Thanks again.

@lafargeotte

You mean the header atop open email messages? That thing is waaaay too big for what it tells us. If you find a way to shrink that, please post it on ElevenForum.

Wisewiz said:

@lafargeotte

You mean the header atop open email messages? That thing is waaaay to big for what it tells us. If you find a way to shrink that, please post it on ElevenForum.

Click to expand...

There is an add-on called 'Compact Headers' that works on previous versions, but not on v115 yet.
If I find a solution I will of course post here.

For the "Unified Toolbar", this appears to reduce it 'slightly' (add the padding-top/bottom values within the #unfiedToolbar code block above so it looks like this:

@das10: Yeah, I saw that in the original code that I copied and tried (#31 above), but I couldn't see any difference between the size of the space-hog with that code and without it. Maybe "slight" is "slighter" than my old eyes can pick up. I'll try it again, but with the background line deleted, since I don't mind the current background at all; just the vertical space consumed by the bar.

And along with @laforgeotte, I really would like to reduce the screen space taken up by email headers. The information an email header gives us could be given in a line or two, with a saving of about six-eight vertical line-spaces.

@das10

Thank you! I see it now! The difference on my screen is between about a full inch vertically and about 3/4 inch. That's noticeable.

And maybe @lafargeotte's Add-on will eventually show up again.

I'm personally waiting for the Manually Sort Folders add-on to be fitted to 115. I use it beautifully in TB102.x to shuffle my mail accounts and my Local Folders into my preferred order. The author says he's workin' on it. (I sent him a few bucks as an "incentive.")

@Wisewiz - Re your posts #1, #2 and #9 - I submitted an 'Idea' (request) for future TB releases to include the ability to toggle off/on the "All Address Books" so that we only see Personal and Collected addresses. This will avoid users having to use work-arounds which can get wiped out by updates. I believe people can vote thumbs up or 'Comment' on the idea. See: -

das10 said:

For the "Unified Toolbar", this appears to reduce it 'slightly' (add the padding-top/bottom values within the #unfiedToolbar code block above so it looks like this:

Code:

#unifiedToolbar {
  background: #87CEFA !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

Click to expand...

Thank you again.

Wisewiz said:

@das10

Thank you! I see it now! The difference on my screen is between about a full inch vertically and about 3/4 inch. That's noticeable.

And maybe @lafargeotte's Add-on will eventually show up again.

I'm personally waiting for the Manually Sort Folders add-on to be fitted to 115. I use it beautifully in TB102.x to shuffle my mail accounts and my Local Folders into my preferred order. The author says he's workin' on it. (I sent him a few bucks as an "incentive.")

Click to expand...

I also use manually sort folders, it really helps keep folders in good order, and personalise how you want them.

Done. Signed in and voted and commented. Thanks for taking the initiative.

One thing, however: I have FOUR address books, not three. My 115 shows Personal, Collected, All, and just plain Address Book. I hid Personal and All, because I know that any changes I make to my Gmail contacts will sync with Address Book, and Collected seems useful, in that it copies any new outgoing address, and I can later decide whether to add it/them to my Address Book or just delete it/them. If I add them to my Add Bk, I see them in Contacts the next time I access Gmail through my browser. Collected doesn’t grab anything that’s in Address already, but I don’t know about Personal (yet).