Dark Mode. Customizing the style on Mobile devices | Community
Skip to main content
B
bravoga1977
Level 2
August 29, 2022
Solved

Dark Mode. Customizing the style on Mobile devices

  • August 29, 2022
  • 1 reply
  • 2001 views

I am approaching you, because I have a request where I need to control the dark mode event when it is set on a mobile device.

Is there any possibility of controlling it through the design of a transactional message?

What I have tried first is to control it by configuring the HTML code, using a media query but it is not working.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by bravoga1977

Hi @bravoga1977,

Were you able to find a way to resolve this? Please let us know.

Thanks!


Hi @sukrity_wadhwa,

Well, not in that way. I was not possible to customize what I wanted throught the platform so I played with the background colors, the images and fonts.

 

Thanks

 

Regards!

1 reply

Craig_Thonis
Adobe Employee
Craig_ThonisAdobe Employee
Adobe Employee
August 31, 2022

Hi Bravoga,

Can you elaborate on what you mean by "control the dark mode event"? Looking at previous documentation and posts in this forum, we don't have much in the way of dark mode handling.

 

Related post:

https://experienceleaguecommunities.adobe.com/t5/adobe-campaign-standard/understand-and-tracking-dark-mode-on-adobe-campaign-standard/td-p/438370

B
bravoga1977Author
Level 2
August 31, 2022

Hi Craig,
Thanks for your reply!
Sure, what I meant Is that because of marketing design reasons I need to respect the original design and to try to not let it to be affected by the dark mode when a mobile device has it active.
For example, if in origin, I have a black font over a white backgroung. The automatic reaction o f a device with the dark mode active is to change the contrast turning the font into white colour and the background into black.
So what I am trying is to force or change the style of my message using Adobe Campaign in order to apply the same aspect of the light mode (original design), in the dark mode.

For achieving that I am inserting @590883 queries, in the responsive section of the style, like for example,
@590883 (prefers-color-scheme: dark) {
    .darkMode {
    background-color: rgb(255,255,255) !important;
    color: rgb(137, 137, 137) !important;
    }
}
If you need a real context or more details just tell me.

Thanks in advance Craig.

 

Craig_Thonis
Adobe Employee
Craig_ThonisAdobe Employee
Adobe Employee
August 31, 2022

Thanks Bravoga,

 

I'm not sure if there is a way to force the style. Doing a bit of web searching, another popular option is creating a specific notification to be used when dark more is leveraged. That said, someone else in the community who knows the coding aspect of this would need to chime in further.

 

 

    Terms & ConditionsAccessibility statement

    Loading footer...