Outlook dark mode buttons weird background

Question

Outlook dark mode buttons weird background

beardo01 opened this issue 5 years ago · 7 comments

Hey,

The dark mode templates in Outlook render with a strange background:

Thanks!

Answer 1 · 2020-06-11T21:33:19.000Z

Hey @beardo01, sorry for the late response here. I'm getting around to fixing these issues. I couldn't reproduce this in Litmus.

Are you seeing this in outlook.com or in the desktop client? What OS are you using? And does the link contain a valid URL? Outlook sometimes botches the link styling if it contains an invalid URL.

Thanks!

Answer 2 · 2020-06-12T08:30:49.000Z

Hey @derekrushforth, no problems at all. I appreciate it!

I am experiencing this on Outlook for Mac (specifically Version 16.37) as well on iOS. The link does contain a valid URL. If it'd be useful I can share the template and a compiled example for you.

Cheers!

Answer 3 · 2020-06-16T15:40:50.000Z

@beardo01 That'd be great if you can send the template HTML. You can send it to derek@wildbit.com.

Answer 4 · 2020-06-17T09:09:29.000Z

@derekrushforth, I've forwarded you a copy of one of the emails and also set up a repo with the project files here. Let me know if you need anything else!

Answer 5 · 2020-12-07T23:15:50.000Z

Has there been any progress on this? I also see this coloring on Outlook for Mac.

Answer 6 · 2020-12-08T19:15:15.000Z

@shemming, are you seeing this with the default MailMason button colors? Or are you using different button colors?

It looks like Outlook on MacOS automatically changes the button's background color if there isn't enough contrast between that and the text. The default colors on MailMason's buttons shouldn't have an issue, but if you're using something lighter adding a linear-gradient to the button background should do the trick.

Answer 7 · 2020-12-08T21:01:28.000Z

Thanks for the quick response, it looks like it was just an issue with custom colors!