Dark mode w emailach — jak obsłużyć tryb ciemny
Jak sprawić, żeby Twój email wyglądał dobrze w trybie ciemnym Apple Mail i Outlook.
Coraz więcej użytkowników korzysta z trybu ciemnego — szacuje się, że w Apple Mail dark mode jest aktywny u ponad 35% odbiorców. Jeśli Twój email nie obsługuje dark mode, logo na białym tle może wyglądać na "wyrwanym z kontekstu", a białe tła sekcji stają się oślepiająco jasne.
Jak klienty poczty obsługują dark mode?
Podejście różni się zależnie od klienta. Apple Mail i Outlook na Windows automatycznie inwertują kolory jeśli email nie deklaruje obsługi dark mode. Gmail i Outlook.com robią własną, częściową konwersję.
Metoda 1: @media (prefers-color-scheme: dark)
W bloku <style> możesz zdefiniować alternatywne style dla dark mode. Apple Mail i nowe wersje Outlooka to obsługują. Gmail ignoruje te media queries.
Metoda 2: color-scheme w meta tagu
Dodanie <meta name="color-scheme" content="light dark"> informuje klienta że email obsługuje oba tryby. Bez tego Apple Mail może agresywnie przerysowywać kolory.
Praktyczne wskazówki
- Logo eksportuj jako SVG lub PNG z przezroczystym tłem i ciemną/jasną wersją
- Unikaj czystej bieli (#FFFFFF) na tle — użyj #FAFAFA
- Testuj w Apple Mail na macOS i iOS — to najważniejszy klient dla dark mode
- Użyj Litmus lub Email on Acid do podglądu w dark mode przed wysyłką
