在手机上以暗模式更改 html 电子邮件的背景颜色

Question

我正在尝试让 HTML 电子邮件具有正常的白色背景，即使打开了移动暗模式，我也添加了以下元和媒体查询

    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;
       }
       }

但是当我在我的手机中打开黑暗模式时，背景被覆盖为黑色，字体颜色为白色，请帮忙。

Answer 1

你可以试试这个代码，当你想把文本颜色设置为白色时，给'aba_white'

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