Outlook dark mode buttons weird background

[Oliver Reid]

Hey,

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

Thanks!

[Derek Rushforth]

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!

[Oliver Reid]

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!

[Derek Rushforth]

@beardo01 That'd be great if you can send the template HTML. You can send it to [e-mail].

[Oliver Reid]

@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!

[Sabrina Hemming]

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

[Derek Rushforth]

@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.

[Sabrina Hemming]

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