MozillaZine


Thunderbird 78 & Dark Theme's Dim Text

User Help for Mozilla Thunderbird
dondo
 
Posts: 8
Joined: October 11th, 2021, 3:46 pm

Post Posted October 14th, 2021, 7:03 am

I want to use Thunderbird's Dark Theme, but the text in general is a bit dim, especially when tagging messages (Important, Work, Personal, To Do, Later).

What are the CSS elements in userChrome.css for the text you see in the Accounts (left column) and Messages (below Mail Toolbar) panes?

Is it possible to set a font attribute to increase the brightness of the text without changing their default colors? Or is it necessary to change the colors of the background and the text to increase contrast?

As for the actual email contents, is the Darko addon the only simple option?

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

Post Posted October 26th, 2021, 7:12 am

You could use a contrast filter on the treechildren element and max out the font weight.

Code: Select all
#folderTree treechildren,
#threadTree treechildren {
  filter: contrast(1.75) !important; /* 0 for completely gray and 2 for double contrast */
}
#folderTree treechildren::-moz-tree-cell-text,
#threadTree treechildren::-moz-tree-cell-text {
  font-weight: 1000 !important; /* bold equivalent to 700 */
}

http://developer.mozilla.org/docs/Web/CSS/filter
http://developer.mozilla.org/docs/Web/CSS/filter-function
http://developer.mozilla.org/docs/Web/CSS/font-weight

I never got a filter working with the following selectors.

* treechildren::-moz-tree-cell
* treechildren::-moz-tree-cell-text
* treechildren::-moz-tree-row

dondo
 
Posts: 8
Joined: October 11th, 2021, 3:46 pm

Post Posted October 29th, 2021, 10:38 am

The contrast helped and played with both (contrast & font-weight) to get a good compromise, thanks.

Code: Select all
#threadTree treechildren {filter: contrast(1.50) !important;}
#threadTree treechildren::-moz-tree-cell-text {font-weight: 500 !important;}

Tagging with the color blue (4 To Do) is the worst, will probably need to lighten up the background of the messages pane.

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

Post Posted October 30th, 2021, 1:49 am

You can change the color of a tag in Tools > Preferences > General > Tags.

Here is how to style the 4 To Do tag.

Code: Select all
#threadTree treechildren::-moz-tree-row(T_24label4) {
  background-color: cyan !important;
}
#threadTree treechildren::-moz-tree-cell-text(T_24label4) {
  color: blue !important;
}
#threadTree treechildren::-moz-tree-row(T_24label4, selected) {
  background-color: pink !important;
}
#threadTree treechildren::-moz-tree-cell-text(T_24label4, selected) {
  color: red !important;
}

More info: viewtopic.php?p=14851117#p14851117

dondo
 
Posts: 8
Joined: October 11th, 2021, 3:46 pm

Post Posted October 30th, 2021, 12:55 pm

Got it, thanks.

Return to Thunderbird Support


Who is online

Users browsing this forum: No registered users and 2 guests