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!

[adriano-azos]

Think we can consider this "idea" dead.  It's been over 4 years since it was submitted, and not progress from HubSpot. [2]

[SEllisDaon]

@adriano-azos The end user controls whether or not dark mode is used. There is nothing you can do about it other than to try to design your emails so that they work either way. There is some CSS that can help, but every email client approaches dark mode differently, so nothing works universally.

To my knowledge, HubSpot has yet to address dark mode in email at all.

[BlueDasher]

This is an absolute MUST for branding.  My company is in the same boat as others, our logos are red with black text, so they also look great in light mode but unreadable in dark mode.  We should be able to add two logos in the "branding" settings, one that renders well for each mode, and the system should be able to account for the switch in the code instead of requiring marketers to dive into CSS settings.  

[OHumeniuk]

 It's been over 5 years since it was submitted, and not progress from HubSpot.👎

[Zacktar]

I am sorry to say after 5 years of no response it is highly unlikely this will be added.  HubSpot is just not a good tool for email marketing - everything is so retricted and there is no ability to modify darkmode and it is not on the road map to even be added.

[Jnix284]

please make it easier to create emails that are compatible in either light or dark mode - some users are creating light mode emails that don't translate to dark mode viewers and those creating dark mode by default are overriding the choice of users who prefer light mode

[WOSYST]

It is 2024 and we still don't have this very very important feature? Please consider the implementation like A/B email or version 1 version 2, etc.

[BCollins10]

It seems that everything displays normally on Apple in dark mode but not in Gmail and Outlook. Help, my emails look horrible with choppy boxes in dark mode. Even if the drag-and-drop images are PNGs, the text box inserts in HubSpot display differently, so there's a contrast.

[CLeak]

Simple work around - use a background color. You can use a very light gray that almost looks white. As long as you don't use a white background color, it will convert to dark mode just fine.  

[sharoze]

Still no updates I believe?

[MarkReeves25]

How can this still not be supported by HS in 2024?!

[MrsLydiaMelton]

I'm surprised this hasn't been touched on yet. (***cries inside***)
Hubspot- It is time to see some action on this, as email formatting is a huge reason people use marketing hub.
And competitors are swooping in on this. Ahem: Flodesk.

Sign me up for beta when the time comes. I'm ready.  🚀

[cecilia-thespot]

Here is a similar thread requesting Night Mode for us as HS Users. I think these functionalities would go hand in hand and it may be beneficial to comment and upvote this post, as well. The comments and upvotes are what tells HubSpot the feature is HIGHLY needed, so it is helpful to do it in as many threads as possible.

[DMacc]

Coming back to Hubspot after several years out of the B2B space and I'm shocked this is still an issue on the platform. Please fix this already dev team! So many mobile email applications are using dark mode by default. We should be able to override or edit the dark mode view by now!

[hhiggins]

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!

[juha-solteq]

There is already this one: https://community.hubspot.com/t5/HubSpot-Ideas/Need-better-support-for-customizing-Dark-Mode-emails-...

Everyone, please upvote 👍

[MarkReeves25]

@hhiggins marking this as delievred with the 'new' functionality you have suggested is a complete lie

This thread is about a lot more than a preview feature and just comes across like you are trying to bury it so it doesn't look as bad on you guys that people have been asking this for years

[hhiggins]

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!

[MrsLydiaMelton]

Love this! Super helpful and I think good for the community to hear.

If there were one thing that's possible, it would be showing us how to
inject the code and alternate logo so our logos rendor correctly for both
dark and light mode. OR at least allowing us to upload two logo types 🙂

Just a suggestion! Again, super great post for this thread. Thank you!