Mamy aplikację e-commerce, która wysyła szczegóły zamówienia po dokonaniu zakupu, i właśnie przeprojektowaliśmy ten szablon e-maila. W ciągu ostatnich kilku dni otrzymywaliśmy raporty, w których brakowało połowy tekstu w e-mailu.
Po otrzymaniu zrzutu ekranu dowiedzieliśmy się, że problem występuje na iPhone'ach korzystających z trybu ciemnego. Do tej pory wszyscy byli klientami korzystającymi z Gmaila z aplikacją Mail lub Safari (oba mają ten sam problem). Nie jestem pewien, czy czynnik gmail jest istotny, czy przypadek.
Nasz e-mail jest prosty - ma białe tło, szare nagłówki i czarny tekst. Tryb ciemny pozostawia nietknięte białe tło i szare nagłówki, ale tekst podstawowy zmienia się z czarnego na biały. Na białym tle biały tekst jest oczywiście niewidoczny, a wiadomość e-mail wygląda, jakby brakowało dużej ilości treści.
Czy można coś zrobić, aby tryb ciemny nie zmienił tekstu z czarnego na biały?
Powinienem zauważyć, że mamy również kod QR osadzony w wiadomości e-mail, więc martwię się o rozwiązania, które pozwoliłyby ciemnemu trybowi na kontynuowanie zmiany koloru naszej pełnej wiadomości e-mail, ponieważ uważam, że utrudni to rozpoznanie kodu QR .
Edycja: nie jest to związane z żadnym kodem aplikacji, więc wytyczne dotyczące programowania systemu iOS dla trybu ciemnego nie mają zastosowania. Jest to po prostu kwestia tego, jak aplikacja Apple Mail na iOS 13 w trybie ciemnym wyświetla e-mail HTML.
color-scheme: light only
wszystkie elementy. Dziękuję bardzo.Odpowiedzi:
Możesz wymusić to usunięcie na urządzeniach Apple, ale teraz mamy Gmaila i Outlooka na Macu bez możliwości ich zatrzymania.
Po prostu umieść to w
<head>
:„Tylko” jest skrótem od „Tylko światło” (które nadal działa)
To naprawi ciemny tryb iPhone'a i Apple Mail, ale nie Outlook na Macu lub Gmailu.
Obecnie możesz zastąpić program Outlook na komputerze Mac, ale Gmail nie jest znany.
Oto jak zastąpić program Outlook na komputerze Mac:
HT do Briana Thiesa na forum Litmus
Ale najlepiej spróbować rozwiązać problem root, zamiast usuwać funkcje (tryb ciemny), których oczekują Twoi klienci.
Apple zapewniło taki sposób, dzięki
<head>
:Upewnij się również, że twój najbardziej zewnętrzny element z kolorem tła ma klasę „darkmode”, np
Tak więc domyślnie będziesz mieć białe tło, czarny tekst; w trybie ciemnym będzie to ciemne tło z jasnym tekstem.
(Proszę podać kod dla dalszych zapytań.)
źródło
Dzięki linkowi dostarczonemu przez @FrankSchlegel
https://webkit.org/blog/8840/dark-mode-support-in-webkit/
odpowiedzią było użycie
color-scheme: light only
w css wszystkich elementów. Dziękuję Ci!źródło