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!

[RLicau]

Would love this feature! 

[Abirch]

This is SOOO needed! My team uses special coded sections that rely on coded color backgrounds and pngs for the design. Dark mode completely ruins it, but it's fixable with some coding magic. (see: https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/)

Unfortunately, the drag and drop mode throws a wrench in that just adding to the complexity of it all and making our emails ugly! 😢

[nkumpy]

100% Agreed! Bumping for consideration.

[nkumpy]

100% Agreed! Bumping for consideration.

[EShoemake]

Are we anywhere closer to a solution for this?

[scastles]

Would love to have a soultion to this.

[islandgirl]

This is a vital feature, really need to get this implemented ASAP Hubspot!

[PGrgic]

Important 

[KStewartRD]

This is a huge flaw in usability. Dark mode should have options should have been implemented years ago.

[scastles]

One of the many things that should have been implemented years ago. The amount of simple things this platform can't do is making it pretty hard to stay.

[asiaferguson]

HubSpot really needs to implement this as ever more people are using dark mode - 100% agree with everyone else in the thread. 

[TRippon7]

Yes! This is exactly what we need. Most branding just looks totally off in dark mode. We need a fix ASAP.

[ACamacaro]

When an email is sent and the user opens it in a dark mode gmail the color palette of the email gets inverted.

There is no Hubspot native solution for this, only HTML CSS solutions which requires time and additional coding knowledge.

This dark mode color problem should be able to be fixed in the email builder, not requiring coding skills.

[SEllisDaon]

I agree that we need some tools, but I would like to point out to everyone that there currently isn't a "solution" for dark mode on the builder side of things because the email clients haven't developed a standard for how to treat it. So dark mode literally looks different depending on the which email client you are using. It's even known that the previews aren't necessarily accurate to what the end user sees.

It would be great to have the script built in that allows us to swap graphics when the recipient is in dark mode. That would help a lot.

[jtEnvoy]

This wasn't as much of an issue a few years ago, but it's critical now. While we can preview/test, there's no way to have a separate style to accommodate dark mode. To get emails looking good everywhere, we're basically limited to doing them all as graphics and using black and white text. Not ideal when you're marketing your business and matching style guides, etc. This is a pretty important feature to implement. Thank you.

[lisa_karlen]

This is critical for our customers too. This feels like basic functionality today and we really want it to be implemented. Thank you! 

[evanmeier]

This functionality is critical and should be prioritized for implementation.

[RWhitney]

Agreed. I've been utilizing hubspot with various organizations for 3 years, and native dark mode solutions have been requested on these community forums the entire time. It's pitiful that this feature has not be prioritized as a majority of readers prefer darkmode, especially on mobile. 

The inverted colors look absolutely terrible, and not something I'd expect from an enterprise platform. Hubspot, please prioritize this. 

[Arrick]

Any updates on this? I am trying to implement an email signature for a large brand who uses Hubspot. The dark mode view is a deal breaker for us moving forward. Seems like it should be an easy fix to offer us a place to designate regular/dark mode images and text colors. 😕

[JessicaPetta]

shocked this isn't supported, our logo almost disappears in dark mode, I really don't want to have to put in a jpg version so it shows with a white background in dark mode 🤢