Thunderbird 78 & Dark Theme's Dim Text

[dondo]

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]

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/C ... r-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]

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]

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: http://forums.mozillazine.org/viewtopic ... #p14851117

[dondo]

Got it, thanks.