Change background colour for html emails in dark mode on mobile phoner

user_2917723 0
Viewed 967

I am trying to get the HTML email to have normal white background even when a mobile dark mode is turned on, I have added the below meta and media queries

    meta name="color-scheme" content="light dark" 
    meta name="supported-color-schemes" content="light dark"
    
  @media (prefers-color-scheme: light dark) {
       body {
       background: #ffffff !important;
       color: #ffffff !important;
       }
       h1,h2,h3,h4,p{
        color:#ffffff;
       }
       }

But when I turn the dark mode on in my mobile the background is overwritten to black and font colour to white, please help.

ios-darkmode darkmode android-dark-theme html-email css
1 Answers

You can try this code and when you want to do color of text white, give 'aba_white'

@media screen and (prefers-color-scheme:dark) {
    .aba_white { color: #FFFFFF!important; }
    .aba_wrap { background-color: #000000 !important;}
}
user_164141520
Related