在手机上更改深色模式下html电子邮件的背景色

在手机上更改深色模式下HTML电子邮件的背景色，可以通过CSS媒体查询和CSS变量来实现。

首先，使用CSS媒体查询来检测是否启用了深色模式。可以使用@media (prefers-color-scheme: dark)来检测是否启用了深色模式。如果是深色模式，则可以应用相应的样式。

接下来，使用CSS变量来定义不同模式下的背景色。可以使用:root伪类来定义全局的CSS变量。例如，可以定义一个名为--background-color的变量，并为浅色模式和深色模式分别设置不同的值。

示例代码如下：

<!DOCTYPE html>
<html>
<head>
    <style>
        :root {
            --background-color-light: #ffffff; /* 浅色模式下的背景色 */
            --background-color-dark: #000000; /* 深色模式下的背景色 */
        }

        @media (prefers-color-scheme: dark) {
            body {
                background-color: var(--background-color-dark);
            }
        }

        @media (prefers-color-scheme: light) {
            body {
                background-color: var(--background-color-light);
            }
        }
    </style>
</head>
<body>
    <!-- 邮件内容 -->
</body>
</html>

在上述示例代码中，使用了:root伪类定义了两个CSS变量--background-color-light和--background-color-dark，分别表示浅色模式和深色模式下的背景色。然后使用CSS媒体查询来根据深色模式和浅色模式分别应用不同的背景色。

这样，在手机上启用深色模式时，邮件的背景色会自动切换为深色模式下定义的背景色。

腾讯云相关产品和产品介绍链接地址：