Я работаю над html-шаблонами электронной почты. Я застрял с принудительным цветом фона и атрибутами цвета текста для темного режима. МОЙ Нормальный встроенный CSS-это фоновый цвет:#f2f2f2 и цвет:#191919. Но в темном режиме я хочу фоновый цвет:#ff5f00 и color: #fffff. Блоги, чтобы использовать режимы смеси для Gmail, я не могу достичь того же. Кто -нибудь может помочь с помощью HTML -шаблона или HTML -кода? < /p>
код: < /p>
: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
