This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

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

  • 5 antwoorde
  • 3 hierdie probleem
  • 1 view
  • Laaste antwoord deur 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;*/
   }