Как заставить цвет фона в Gmail для темного режима? ⇐ CSS

[Anonymous]

Я работаю над шаблонами электронной почты в формате HTML. Я застрял с обязательным использованием атрибутов цвета фона и цвета текста для темного режима. Мой обычный встроенный CSS — это фоновый цвет: #f2f2f2 и цвет: #191919. Но в темном режиме мне нужен фон -color:#ff5f00 и color:#ffffff.
Я могу добиться того же в Outlook, используя @media, но, как сказано в различных блогах, нужно использовать режимы наложения для gmail, я не могу добиться того же. Может ли кто-нибудь помочь с HTML-шаблоном или HTML-кодом?
КОД:





:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}

body {
font-family: Arial;
background-color: #eee;
color: #111;
}

.Greetings_section {
background-color: #f2f2f2;
padding: 40px 20px;
}

.darkmodecustom {
background-color: #f2f2f2;
color: #191919;
padding: 5px;
}

.bg-orange {
background-color: #FF5F00;
border-color: 1px solid #ff5f00;
}

.button_text {
color: #ffffff;
}

.darkimage {
display: none;
}

a[href] {
color: #ffffff;
}

@media (prefers-color-scheme: dark) {
body {
background-color: #111;
color: #eee;
}

.Greetings_section {
background-color: #f2f2f2;
padding: 20px 10px;
}

.darkmodecustom {
background-color: #f2f2f2;
color: #eee;
padding: 5px;
}

.bg-orange {
background-color: #FF5F00;
border-color: 1px solid #FF5F00;
}

.button_text {
color: #eee;
}
}

[data-ogsc] .body {
background-color: #111;
color: #eee;
}

[data-ogsc] .Greetings_section {
background-color: #f2f2f2;
padding: 40px 20px;
}

[data-ogsc] .darkmodecustom {
background-color: #f2f2f2;
color: white;
padding: 5px;
}

[data-ogsc] .bg-orange {
background-color: #FF5F00;
border-color: 1px solid #ff5f00;
}

[data-ogsc].button_text {
color: #eee;
}








Dark mode - System (User Agent Styles)













Lorem ipsum dolor, sit amet consectetur adipisicing elit. Libero, facilis assumenda soluta id ut labore ipsa aliquam reprehenderit







•


Lorem ipsum dolor, sit amet consectetur adipisicing elit.




•


Lorem ipsum dolor, sit amet consectetur adipisicing elit.














Lorem ipsum dolor


























Подробнее здесь: https://stackoverflow.com/questions/750 ... -dark-mode