search

emailmonday / Cerberus

A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
https://www.cerberusemail.com/
MIT License
5k stars 704 forks source link

Darkmode / Lightmode confused by multiple appearance preferences in outlook.com #298

Closed rosethroop closed 1 year ago

rosethroop commented 1 year ago

Thank you for your templates. I am working off of the cerberus fluid template. I am noticing some odd behaviors in outlook.com email on a mac in edge and chrome browsers which cause issues when the browsers appearance preference and outlook.com's appearance don't agree. Not sure if this qualifies as bug (not yours anyway) or maybe this is this just an edge case worry since the user can fix it by making their preferences agree?

Screen Shot 2023-03-29 at 1 14 33 PM Screen Shot 2023-03-29 at 1 13 59 PM
TedGoas commented 1 year ago

Yea I've been having issues with this as well. Some dark mode styles being applied and then Outlook.com doing some random stuff. Cerberus's dark mode relies on the OS setting to set the theme and it's quite possible Outlook.com is doing it's own theming on top of that. Makes me wonder if we can hide the dark-mode styles from Outlook.com? I don't see that in https://www.howtotarget.email/ but maybe there's a way.

tedgoas-dialpad commented 1 year ago

@rosethroop Hmm, I haven't been able to replicate this bug 😖 but you're not the only one who's reported seeing something like this.

Can you give me a little more info about the screenshots above?

I'm using a free, personal Outlook.com account on a Mac using Chrome, and even when I mis-match my OS and Outlook themes, the email still renders correctly:

Screenshot 2023-04-07 at 2 37 53 PM Screenshot 2023-04-07 at 2 38 37 PM
tedgoas-dialpad commented 1 year ago

Looks like there are a few ways to target Outlook.com but I can't test or verify if one of these work since I can't see the issue in the first place.

rosethroop commented 1 year ago

Thank you for your pursuit of the question. I am on MacOS (10.14.6) using browser with free outlook.com (Microsoft Edge Version 111.0.1661.62 (Official build) (x86_64) I can recreate a similar scenario in Google Chrome (Version 112.0.5615.49 (Official Build) (x86_64)). Chrome adopts the Mac OS Appearance preference so when outlook and the system disagree, the results are half-baked dark mode.

Thank you so much for your efforts! Rose

Rose Throop ’95 (she, her, hers)

Director of Integrated Marketing and Content

(315) 312-3657 | @.***

On Fri, Apr 7, 2023 at 3:01 PM Ted Goas @.***> wrote:

@rosethroop https://github.com/rosethroop Hmm, I haven't been able to replicate this bug 😖 but you're not the only one who's reported seeing something like this.

Can you give me a little more info about the screenshots above?

  • Is this on MacOS, Windows, or something else?
  • Is this a free Outlook.com account or OWA for a business account?

I'm using a free, personal Outlook.com account on a Mac using Chrome, and even when I mis-match my OS and Outlook themes, the email still renders correctly:

[image: Screenshot 2023-04-07 at 2 37 53 PM] https://user-images.githubusercontent.com/65190890/230661987-f1e688df-8a6e-4d58-8ed9-c3a164ace23e.png

[image: Screenshot 2023-04-07 at 2 38 37 PM] https://user-images.githubusercontent.com/65190890/230662001-35604fda-17e3-44f5-9b6c-7fdbafe7c728.png

— Reply to this email directly, view it on GitHub https://github.com/TedGoas/Cerberus/issues/298#issuecomment-1500547282, or unsubscribe https://github.com/notifications/unsubscribe-auth/A2WDQKHNKQMAHTD7TNOVZ3LXABQCFANCNFSM6AAAAAAWMGJDHA . You are receiving this because you were mentioned.Message ID: @.***>

TedGoas commented 1 year ago

Are you still seeing this issue/ I was tracking a similar issue at my day job, and half-way through helping a client, they reported the issue fixed without me doing anything. We guessed Microsoft made a change on their end. I don't suppose we could be that lucky?

rosethroop commented 1 year ago

It does seem to have been resolved by Microsoft! TY! R.

On Thu, Apr 27, 2023 at 10:08 PM Ted Goas @.***> wrote:

Are you still seeing this issue/ I was tracking a similar issue at my day job, and half-way through helping a client, they reported the issue fixed without me doing anything. We guessed Microsoft made a change on their end. I don't suppose we could be that lucky?

— Reply to this email directly, view it on GitHub https://github.com/TedGoas/Cerberus/issues/298#issuecomment-1526878030, or unsubscribe https://github.com/notifications/unsubscribe-auth/A2WDQKH2D5Y2SHYXH4SOIBTXDMRBRANCNFSM6AAAAAAWMGJDHA . You are receiving this because you were mentioned.Message ID: @.***>

TedGoas commented 1 year ago

🎉🎉🎉