Functionality + support for branding in Dark Mode

[lou_ae]

Hi there

As many may have noticed, big brands are starting to add in the option to view UI in Dark Mode. When we send out an email, our branding currently uses dark text - as most email clients (up until now) have had a light background. If we were to send out an email with our current logo and the user views it with their UI set to Dark Mode, it will appear like this:

We have reached out to find out whether HubSpot can send out the suitable logo version (either light text or dark text) depending on the user's interface preference, but there is currently no support for this.

Has anyone else experienced this same issue? We are not interested in changing our branding just to resolve this issue (some suggestions have been to add a stroke around the text or change the shade of the writing...)

Can HubSpot please consider support for this? We believe the inclusion of Dark Mode as a UI option will only increase going forward.

Thanks

Lou

[lou_ae]

Hi again, everyone! I wanted to share a bit more context around this feature being marked as “Delivered” with the release of our preview feature for dark mode in marketing emails. We understand that sometimes something being marked as "Delivered" can be discouraging if the product release isn’t quite what customers had in mind, so I connected with a Product Manager for our Marketing Email tool to gather more context around the release of the preview feature specifically rather than an editor for dark mode.

Last year, they explored editing for dark mode as a possibility, but because most major email providers (such as Gmail) don't support these stylings, it wouldn't actually have the desired results on a lot of email clients. EmailonAcid has more specific details around challenges each email client faces with dark mode here. Most major providers other than Apple Mail don't support the media query (prefers-color-scheme), so any changes you would theoretically make in an editor for dark mode wouldn't affect the majority of recipients. Essentially, this would be adding a lot of complexity to the editor, and our customers would reap very little reward for all of the work editing it for dark mode, so an editor for dark mode was not prioritized.

With that said, there are some best practices we can recommend, nicely documented by EmailonAcid again, such as optimizing your logo, optimizing images, and ensuring accessibility in dark mode. Following best practices and testing your email before sending it will be the best way to ensure your email is optimized overall for dark or light mode, so you can find a version you like that renders well in both.

Our knowledge base article is still a great resource around using that feature, as it also outlines best practices, and provides steps on how to preview your email for dark mode. I hope this additional context is helpful, and if more resources around best practices for editing emails in dark mode are made available, I'll share them here!

[lou_ae]

Hi everyone! My name is Hallie and I am an Associate Program Manager on our Customer Experience Management Team. I’m excited to share that the ability to preview and optimize Marketing Emails for Dark/Night Mode is now available! 

With this new feature, you'll have the ability to test your email for Dark Mode so that you can preview what your email would look like across different displays and devices, and design it for maximum impact across all types. There is more information about this feature in this Knowledge Base article.

As a note, some comments mentioned an ability to create a 'version' of an email for both Dark and Light modes, so if that is still something you'd like to see implemented, I would encourage you to post a new feature request for that specific ability. That way, we can share that feedback with our product teams and provide updates on that specific feature request.

Thank you all for your patience while the preview feature was implemented!

[melaniebell]

Voting for this idea! Considering how important marketing emails have become this year - and how prolific dark mode has become, I hope that this can get expedited.

[jackson_OFO]

It's been almost a year now, has there been any update on this?

We are having the same problems with our emails. It seems to invert all of the colors on HTML emails too. Even if we start in a dark color, the "dark mode" will flip it to a light color.

[Rebecca_Aprao]

This is massive for us, too. Up to 80% of people are estimated to be using Dark Mode, depending on the platform. My GOD. 

[jmitchell]

Same here - this is not good form. Is there no fix or workaround at all? 

Kind regards,

John

[aerinpaulo]

Same here - our background color and button colors get changed to weird colors that don't match our branding in darkmode - @ Hubspot - any update on this? It seems weird to have to upvote something that's been commonplace in the tech industry for almost a year now. 

[ThundraTeam]

Exactly! The text is adjusting automatically; however, our logo and the images we place inside the email are barely visible with the dark mode! I Hope HubSpot can help us with this problem ASAP.

[settestad]

Hello... Bueller? Bueller? Anyone?

I'm sure this is difficult from a programming perspective. But it would be awesome if there were assets for each mode and depending on the setting for the email client it could pull the design assets and settings for dark mode.

Until then, we'll figure out a design workaround for assets like our transparent.png logos, etc. to effectively look decent in both modes.

[MariaN3]

We have the same issue - It would be great if you have soon a solution for it!

[Edyta7510]

Hubspot, please! this is a real problem

[squintero]

Just upvoted, having a way to manage dark mode while we're creating the email is becoming necessary more than optional. We've all seen the numbers, in this year the use of dark mode is going to increase significantly. 

[IrwanDjoehana]

Yes, very good idea!

[fuaditrockz]

We got the problem about this too. Do u have any idea about this? If we using it as HTML and CSS, it will be messy when I put the css dark mode inline on the html.

[Otterbot]

Same issue - this is VERY important for Accessibility!!

[JGunteski]

Please make this an option! We need this badly. Thanks!

[LauraSanchez]

I agree, this is important and relatively easy to fix! At least the icons shouldn't have a white background, they should be transparent. Please Mr. Hubspot! 🙂 

[noramv]

Was searching through boards for something about this topic because it's a problem for us as well, and came across this post  which just had a Hubspot partner redirecting them here. 

And *shocker* there are no responses here from anyone with Hubspot. Guess Ill just keep doing what Im doing and hope people only open our emails during daylight hours. 

[JHardy]

Chiming in to say this is also very important for us as well.

[mwsidler]

Marketing emails look great for light mode but when the customer views the email in dark mode the entire design is thrown off. It would be nice if Hubspot supported the ability to control what emails looked like in both light and dark mode.

[Anonymous]

As someone who uses dark mode, this has become a huge pet peeve of mine - so many emails use jpg with white background instead of png and you end up with little white boxes all over the email.

While this is only one factor many businesses are overlooking, I think dark mode is going to be around for a while and there should at least be a toggle to preview in dark mode - if not a separate version like the plain text editor.

[ianjaynorris]

This is an excellent idea, we'd love the option to switch between light/dark mode and tweak the email design accordingly!