Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Can we configure the new dark theme - some of the colours are very poorly chosen

  • 5 replies
  • 3 have this problem
  • 1 view
  • Last reply by MrYossu

more options

I'm on Windows 7 Pro 64-bit, and just upgraded TB to v68.2.1(32-bit for some reason), which contains the new dark theme.

Whilst I like the theme overall, some of the colours are very poorly chosen. For example, unread messages are shown in bold blue, which is hard to read on a dark background. Folders with unread messages are shown in bold, but as the text there is now white, it doesn't show up as clearly as it did with the light theme. I've also seen messages marked in bold red (can't remember what they were, as I don't see any now), and that was awful on the eyes.

Can we configure/modify this theme? It's seems a bad choice to force a new theme without any choice (can't see a way to change it), and without any way to configure it.

Thanks

I'm on Windows 7 Pro 64-bit, and just upgraded TB to v68.2.1(32-bit for some reason), which contains the new dark theme. Whilst I like the theme overall, some of the colours are very poorly chosen. For example, unread messages are shown in bold blue, which is hard to read on a dark background. Folders with unread messages are shown in bold, but as the text there is now white, it doesn't show up as clearly as it did with the light theme. I've also seen messages marked in bold red (can't remember what they were, as I don't see any now), and that was awful on the eyes. Can we configure/modify this theme? It's seems a bad choice to force a new theme without any choice (can't see a way to change it), and without any way to configure it. Thanks

All Replies (5)

more options

By the way, I don't have any theme-related extensions. The only extensions I have at all are Lightning and "Manually sort folders"

more options
more options

Thanks Wayne, I did that. I guess this means that there isn't a fix at the moment?

more options

If you're willing to add a userChrome.css file, there's no end to the customizations you can apply. Search on terms like 'thunderbird userChrome.css unread font color' or 'thunderbird userChrome.css folder pane color'.

Here is an example I found today:

https://support.mozilla.org/en-US/questions/1271825

more options

@sfhowes Thanks for that. After a lot of mucking around, I have it under control. The colours aren't quite what I'd like yet, but they are a big improvement. In case it helps anyone, here is the entire contents of my userChrome.css file...

   @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 
   
   #threadTree treechildren::-moz-tree-cell-text(unread) {
   -moz-appearance: none !important;
   color: #eba434 !important;
   font-weight: bold !important;
   }
   
   /* make folders with unread mail olive (and not bold as default) as well as name colours for most other elements. */
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true) {
    /*font-weight: normal !important;*/
    color: MediumPurple !important;
   }
   
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected) {
    /*font-weight: normal !important;*/
    color: GoldenRod !important;
   }
   
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, hasUnreadMessages-true) {
    /*font-weight: normal !important;*/
    color: Gold !important;
   }
   
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, hasUnreadMessages-true, selected) {
    /*font-weight: normal !important;*/
    color: GoldenRod !important;
   }
   
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, subfoldersHaveUnreadMessages-true) {
    /*font-weight: normal !important;*/
    color: PEACHPUFF !important;
   }
   
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, subfoldersHaveUnreadMessages-true, selected) {
    /*font-weight: normal !important;*/
    color: PLUM !important;
   }
   
   /* new mail */
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox,  newMessages-true) {
    /*font-weight: normal !important;*/
    color: GoldenRod !important;
    /*font-style: italic !important;*/
   }
   
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, closed, newMessages-true, selected),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, newMessages-true, selected),
   #folderTree > treechildren::-moz-tree-cell-text(folderNameCol, specialFolder-Inbox, newMessages-true, selected) {
    /*font-weight: normal !important;*/
    color: limegreen !important;
    /*font-style: italic !important;*/
   }