MozillaZine

[SOLVED] TB 78.4: whitish dividers with the dark theme

User Help for Mozilla Thunderbird
nvx
 
Posts: 28
Joined: July 11th, 2007, 5:16 am

Post Posted October 25th, 2020, 12:25 am

Yesterday, I updated my TB to v.78.4 (from v.68.x) and now in the dark mode, the dividers between the main UI parts (the list of folders, the list of messages, and the message preview) are drawn using an unsightly whitish colour (#F0F0F0). The same applies to the dividers in the status bar -- see https://imgur.com/a/XmyTCii (it is better to click on the preview images to see the two screenshots at 100% zoom).

What do I need to change in the settings to make the dividers look as they should as per the screenshot provided on https://www.thunderbird.net/en-US/thunderbird/78.0/whatsnew/?locale=en-US&version=78.4.0? (The actual screenshot can also be viewed directly at https://www.thunderbird.net/media/img/thunderbird/whatsnew/78/Dark-Mode.png.) I looked through the settings and could find nothing related. I also went through prefs.js and user.js, but to no avail.

I should also mention that when I switch to the light theme, the dividers are drawn as expected -- that is, using the same colour as, e.g., the borders of the message list header. In other words, with the light theme it all seems to be OK.

Thanks.

nvx
Last edited by nvx on October 25th, 2020, 11:44 pm, edited 1 time in total.

WaltS48

User avatar
 
Posts: 4526
Joined: May 7th, 2010, 9:38 am
Location: Pennsylvania, USA

Post Posted October 25th, 2020, 6:04 am

In my 78.4.0 on Windows 10, I don't see the bright white borders between the panes using the Classic, Wide or Vertical layouts, but I do see the borders in the Status bar. I don't see them using the other themes.

In my 78.4.0 on Ubuntu, I don't see any bright white borders, and it looks like the Mac screenshot on the Thunderbird.net page.

Do you have other extensions or a Windows display setting that could be making the pane borders more prominent?
Linux Desktop - AMD Athlon(tm) II X3 455 3.3GHz | 8.0GB RAM | GeForce GT 630
Windows Notebook - AMD A8 7410 2.2GHz | 6.0GB RAM | AMD Radeon R5

morat
 
Posts: 4104
Joined: February 3rd, 2009, 6:29 pm

Post Posted October 25th, 2020, 10:07 am

Here is how to change the color.

Code: Select all
/* Thunderbird userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#folderpane_splitter { border-inline-start: 1px solid red !important; }

#today-splitter { border-inline-end: 1px solid red !important; }

.statusbarpanel { border-inline-end: 1px solid red !important; }

http://kb.mozillazine.org/UserChrome.css

Remember to set the toolkit.legacyUserProfileCustomizations.stylesheets preference to true, then restart.

nvx
 
Posts: 28
Joined: July 11th, 2007, 5:16 am

Post Posted October 25th, 2020, 10:12 am

Thank you for the information. So the status bar probably looks as it should. Strange...

Anyway, at this point (due to the update) I have just a few extensions active. To be specific, the only active extensions are Allow HTML Temp, Attach from Clipboard, Automatic Dictionary, and ReplyWithHeader. The disabled extensions are: CompactHeader, Flexible Identity, QuoteCollapse, and Search Results Sort By Date Not Relevance. I guess that none of them is supposed to change the colour of the respective dividers.

As for Windows display settings, I have the Windows theme set to Dark (--> dark Start menu etc.) and the application theme set to Light (--> e.g., light Windows Explorer window). However, nothing changed even when I set the application theme to Dark, restarted the PC, and switched the Thunderbird theme to Light (& restarted TB) and then Dark again (& restarted TB).

nvx

nvx
 
Posts: 28
Joined: July 11th, 2007, 5:16 am

Post Posted October 25th, 2020, 10:28 am

morat wrote:Here is how to change the color. [...]

Ah, thank you! This fixes the Status bar, but the lines to the left and right of the message list remain -- see https://imgur.com/a/QT52Pp5. It is as if the message list had extra 1px thick whitish lines on its left and right sides.

I think I could maybe get the correct answer from http://forums.mozillazine.org/viewtopic.php?f=39&t=643087 but it will require some experimentation and, perhaps, also a bit of googling.

nvx

morat
 
Posts: 4104
Joined: February 3rd, 2009, 6:29 pm

Post Posted October 25th, 2020, 11:01 am

You can inspect the element in the Developer Toolbox.

i.e. Tools > Developer Tools > Developer Toolbox (ctrl+shift+i)

More info: viewtopic.php?p=14866214#p14866214

Try these properties...

border-inline-start: 1px solid red
border-inline-end: 1px solid red
margin-inline-start: 1px solid red
margin-inline-end: 1px solid red

You can use negative px numbers to hide the splitter.

Reference
http://searchfox.org/comm-esr78/search?q=%23folderpane_splitter
http://searchfox.org/comm-esr78/search?q=%23today-splitter

sfhowes
 
Posts: 570
Joined: April 1st, 2012, 10:21 am

Post Posted October 25th, 2020, 11:15 am

The color of the Threads Pane buttons (Subject, From, Date...) and the dividers can be modified, too:

Code: Select all
#threadTree treecol, #threadTree .treecol-image {
background-color: lightblue !important;
border-inline-start: 2px solid red !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
color: navy !important;
font-weight: bold !important;
-moz-appearance: none !important;}


viewtopic.php?f=28&t=2435681
Last edited by sfhowes on October 25th, 2020, 6:36 pm, edited 2 times in total.

nvx
 
Posts: 28
Joined: July 11th, 2007, 5:16 am

Post Posted October 25th, 2020, 11:39 am

Thank you both. I quickly tried the four suggested properties, but it did not help. I'll have to check the Developer Toolbox to see what exactly is the cause of the extra lines there.

nvx
 
Posts: 28
Joined: July 11th, 2007, 5:16 am

Post Posted October 25th, 2020, 11:42 pm

After fruitlessly trying every property possible, at one point I needed to resize the TB window a bit and noticed that when the widths of the folder/thread trees changed, the whitish lines disappeared (eh?!) -- see https://imgur.com/a/NJBgwEV. The fix for the status bar mentioned by morat, however, was still necessary.

This behaviour may or may not have something to do with the fact that I have 125% display zoom set in Windows.

In any case, thank you all for the useful hints.

nvx

Return to Thunderbird Support


Who is online

Users browsing this forum: No registered users and 2 guests