Lighthouse has a new layout. Prefer the old one? Return to the old layout, and switch back any time from the link at the top of each page.

Dark Mode and MailMate

#2113

I love that MailMate supports dark mode but this should be an optional feature. More like a dark theme or something. See attached image on how difficult it is to work with MailMate in Darkmode.

Please make it an option.

Reported by Simon K. · September 25th, 2018 @ 06:07 AM

State: reproduced
Milestone: none
Assigned to: benny benny

Activity

  1. benny
    benny
    • State changed from new to reproduced

    Dark mode in MailMate is still work in progress. I'm aware that it doesn't work well for all emails and I'll either fix that or somehow make it optional for the message view.

    Sorry about the inconvenience.

    September 25th, 2018 @ 12:54 PM

  2. John Dickinson
    John Dickinson

    I've been able to update the message view css to give something better (IMO)--see http://d.not.mn/mailmate_dark_mode.png

    But i would love to be able to customize the colors on the message outline view and the mailboxes view. I'd like to adjust the text color, the alternating colors, and most of all, the ovals with the numbers in it. Is there any way to change these?

    September 28th, 2018 @ 06:36 PM

  3. Matt Gray
    Matt Gray

    +1 - thanks for working on this, Benny!

    October 9th, 2018 @ 03:30 PM

  4. J. David
    J. David

    Just upgraded from High Sierra to Mojave today with the release of 10.14.1, and got hit with this. An option to exclude the message view from dark mode (similar to what Apple Mail has) would be very welcome!

    Please also take a look at the unread message counters; they are extremely low contrast and very difficult to read.

    Thanks!

    October 31st, 2018 @ 03:43 AM

  5. benny
    benny

    @David: On Mojave I recommend upgrading to the latest test release: Hold down option when clicking “Check Now” in the Software Update preferences pane.

    October 31st, 2018 @ 09:54 AM

  6. J. David
    J. David

    Updated to 5547. Huge improvement to the dark mode! Especially the Mailboxes list, which is now very readable and better than Apple Mail in my opinion. Great job!

    I do not see an option to render the message viewer in black-on-white, so I'm guessing that's not ready yet? (It does sound complicated!) When that is ready, will it apply to composing messages as well? Even with the improved contrast, I'm having real trouble reading & writing emails in white-on-black.

    October 31st, 2018 @ 07:46 PM

  7. benny
    benny

    @David: MailMate no longer tries to display emails as white on black if they are not plain text messages. This should make everything readable. I still have a persistent white-on-black setting on my todo.

    November 2nd, 2018 @ 02:22 PM

  8. J. David
    J. David

    Great, thanks!

    I see that 5551 backed off the contrast a bit on the mailbox badges. Though I did slightly prefer how they looked in 5547, I suspect the newer look is probably closer to how it's "supposed" to be. :-)

    November 2nd, 2018 @ 07:33 PM

  9. benny
    benny

    @David: Well, actually they should probably be somewhere between what they were before and what they are now. It seems that there is no standard system color matching what is used by Mail, but I might just not have looked hard enough.

    November 3rd, 2018 @ 08:15 AM

  10. J. David
    J. David

    Good luck with that! I tried to read the official Apple dark mode developer guidelines and my eyes crossed before I was halfway through! :)

    November 3rd, 2018 @ 09:33 PM

  11. John Y
    John Y

    The HTML links in plain text emails are showing in dark blue on black, and are illegible. The message header values (for Subject, etc) are appearing in white on light grey, and are similarly illegible.

    I've added the following as dark_mode_stylesheet.css, which has fixed the links and gone back to a light background for plain text messages (for consistency with the HTML renderer) but I can't find a way to change the headers.

    Could somebody please let me know what style I need to customise here?

    (Would attach a screenshot, but the attachment section of this form is saying "Upload Quota Reached. Please notify the account owner"…)

    body {
      background-color: #f0f0f0;
      color: #0a0a0a;
    }
    
    table.attachments {
      background-color: #303134;
      color: #f0f0f0;
    }
    
    table.attachments td.description a:link {
      color: #f0f0f0;
    }
    
    div.headers, td span.header_body {
      color: #0a0a0a;
    }
    
    div.bodypart[type=text][subtype=rfc822-headers] {
        background-color: #36373A;
      color: #f0f0f0;
    }
    
    div.headers a:link {
        color: #0a0a0a;
        text-decoration: none;
    }
    
    div.headers a:active {
        color: darkblue;
    }
    
    div.headers a:hover {
        text-decoration:underline;
    }
    
    div.headers a:visited {
        color: #0a0a0a;
    }
    

    November 6th, 2018 @ 11:02 AM

  12. benny
    benny
    • State changed from reproduced to accepted

    @John: Are you having the exact same issues with latest public release? I changed it such that only plain text emails are in “dark mode”. Everything else (HTML emails) is shown as in light mode.

    In any case, also try the latest test release: Hold down option when clicking “Check Now” in the Software Update preferences pane.

    I'm putting this ticket in the “accepted” state to reflect that some users would just like to always have headers and message view in light mode.

    November 20th, 2018 @ 12:02 PM

  13. John Y
    John Y

    I can confirm that all the issues are fixed, except for the link colour in plain text messages. That's still too dark to be legible (see attached screenshot), even in r5566.

    I assume it's just taking the system default, as I can't see it being set anywhere in the .css files…

    November 20th, 2018 @ 01:39 PM

  14. benny
    benny

    @John: I think this is caused by some of your customizations. This type of email is HTML and it should therefore (currently) be displayed with a white background. (Exactly because of this and many other potential coloring-issues.)

    November 20th, 2018 @ 01:46 PM

  15. John Y
    John Y

    No, I commented out all the customisations.

    That email is sent as HTML and plain text, and I default to viewing the plain text version, which is what the screenshot is from.

    The HTML version shows in black-on-white, yes, but I don't want to have to manually toggle the view each time — or to have to view the HTML version at all if the plain text version can be made legible.

    November 20th, 2018 @ 01:49 PM

  16. benny
    benny

    I'm still unable to reproduce this. I've got the dark mode plain text look with the dark mode blue color. This is also the case if I enable the “Prefer Plain Text” setting.

    But maybe I have customizations enabled. I'll check that (although I would have expected more users complaining about the links).

    November 20th, 2018 @ 02:27 PM

  17. benny
    benny

    Still no luck finding the settings which could cause this.

    Do you perhaps have MmDefaultCSS configured?

    Have you tried relaunching MailMate after removing your customizations?

    November 20th, 2018 @ 02:30 PM

  18. John Y
    John Y

    I don't think I have MmDefaultCSS configured — the key doesn't exist in com.freron.MailMate.plist.

    I've tried relaunching with ~/Library/Application Support/MailMate/Resources/MmMessagesWebView completely removed but it makes no difference.

    As a workaround, I could specifically style it in dark_mode_stylesheet.css — I'm guessing I need to be a bit more specific than just styling the a tag, though — is there a parent element for the message body that I could use?

    November 20th, 2018 @ 03:50 PM

  19. benny
    benny

    I found the problem. Check your “Theme for plain text emails” setting in the Viewer preferences pane. Switch to “Simple”.

    I had simply forgotten that my solution for themes was a temporary one which does not work in general. Sorry about the inconvenience. I'll look into finding a better approach than the current one -- the best solution requires some CSS support which is not yet available on Mojave in general (it's available in the Safari Technology Preview app).

    November 22nd, 2018 @ 09:46 AM

  20. John Y
    John Y

    Switching to "Simple" didn't fix the problem — but "Standard" did. I managed to look right past that option when I was checking the preferences, too :)

    Thanks!

    November 22nd, 2018 @ 12:09 PM

  21. benny
    benny

    “Standard” was what I meant :-)

    The issue causing this is fixed in the next update. I also fixed some related coloring issues. (There's much more I should do, but this should be good enough for now.)

    November 22nd, 2018 @ 01:08 PM

  22. Ioa Petra’ka
    Ioa Petra’ka

    Hopefully you don't mind if I add to this ticket, as it seems roughly relevant. I noticed that the CSS for the built-in "Email not available on disk" message, that appears in the mail viewing area, needs to be tweaked for dark mode:

    November 28th, 2018 @ 10:34 AM

  23. Ioa Petra’ka
    Ioa Petra’ka

    Actually, never mind! I was a build or two behind the present tense. I just updated the software and this text is now coming through clear.

    November 28th, 2018 @ 11:14 AM

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.