---
url: "/pl/emailify/design/dark-mode.md"
description: "Nadpisania trybu ciemnego działają tylko w aplikacjach Apple Mail na iOS/macOS (Gmail, Outlook i inne _nie obsługują_ nadpisań trybu ciemnego)."
---

# Nadpisania trybu ciemnego (tylko Apple Mail na iOS/macOS)

> Nadpisania trybu ciemnego działają tylko w aplikacjach Apple Mail na iOS/macOS (Gmail, Outlook i inne _nie obsługują_ nadpisań trybu ciemnego).

> **Warning:** [Obsługa stylów nadpisujących tryb ciemny](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) w klientach poczty ogranicza się do Apple Mail na iOS/macOS, co oznacza, że nadpisania trybu ciemnego _nie zadziałają_ w żadnym innym kliencie, takim jak Gmail czy Outlook. Pamiętaj o tym i projektuj e-maile zgodnie z zasadą [stopniowego ulepszania (progressive enhancement)](https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/).

### Poradnik wideo: dodawanie stylów trybu ciemnego do projektów e-maili HTML

Ten film pokazuje, jak dodać do projektów e-maili własne nadpisania stylów trybu ciemnego i eksportować z Figmy responsywne e-maile HTML gotowe do produkcji za pomocą wtyczki Emailify.
[Embedded media](https://www.youtube-nocookie.com/embed/uAxQ5Psi1m4)

## Ważne kwestie projektowe w trybie ciemnym {#important-design-considerations-for-dark-mode}

![Obsługa CSS trybu ciemnego w klientach poczty](/assets/images/emailify/caniemail-dark-mode.jpg)

> **Warning:** [Obsługa stylów nadpisujących tryb ciemny](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) w klientach poczty ogranicza się do Apple Mail na iOS/macOS, co oznacza, że nadpisania trybu ciemnego _nie zadziałają_ w żadnym innym kliencie, takim jak Gmail czy Outlook. Pamiętaj o tym i projektuj e-maile zgodnie z zasadą [stopniowego ulepszania (progressive enhancement)](https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/).

Każdy klient poczty implementuje tryb ciemny po swojemu, więc projektowanie pod niego jest bardzo trudne. Warto jednak starać się pracować _z_ (często fatalnymi) zmianami, które każdy klient poczty automatycznie wprowadza w trybie ciemnym.

Na dobry początek przejrzyj materiały (na przykład artykuły [CampaignMonitor](https://www.campaignmonitor.com/blog/email-marketing/designing-an-email-for-dark-mode-dark-and-light-optimization/) i [Litmus](https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/)), które dokładnie opisują, co zmieniają klienty poczty i jak złagodzić część tych zmian w projekcie.

## Nadpisywanie kolorów w trybie ciemnym {#applying-dark-mode-color-overrides}

[Video](/assets/videos/emailify/design/dark-mode-color-override.mp4)

Zaznacz element, taki jak warstwa tekstowa, obraz, Button, Row, Column lub Wrapper, a następnie kliknij przycisk **Settings** w nagłówku wtyczki. Kolory tekstu i tła w trybie ciemnym ustawisz w sekcji **Dark Mode Overrides** na dole panelu Settings.

W warstwach Button, Row, Column i Wrapper możesz też nadpisać **Border Color**. Zmienia to kolor obramowania w trybie ciemnym bez zmiany grubości ani stylu obramowania używanych w trybie jasnym.

Te nadpisania będą widoczne w [klientach poczty, które obsługują](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) tę funkcję (aplikacje Apple Mail na iOS/macOS), gdy e-mail jest wyświetlany na urządzeniu z włączonym trybem ciemnym.

> **Warning:** [Obsługa stylów nadpisujących tryb ciemny](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) w klientach poczty ogranicza się do Apple Mail na iOS/macOS, co oznacza, że nadpisania trybu ciemnego _nie zadziałają_ w żadnym innym kliencie, takim jak Gmail czy Outlook. Pamiętaj o tym i projektuj e-maile zgodnie z zasadą [stopniowego ulepszania (progressive enhancement)](https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/).

## Podmiana dwóch warstw obrazów w trybie ciemnym i jasnym {#swapping-between-two-image-layers-in-dark-and-light-mode}

[Video](/assets/videos/emailify/design/swap-dark-mode-content.mp4)

Możesz też podmieniać wybrane warstwy obrazów w trybie ciemnym. Kliknij warstwę treści w Figmie (wewnątrz warstwy Column), potem przycisk **Settings** w nagłówku wtyczki i włącz przełącznik **Only Hide in Dark Mode** lub **Only Show in Dark Mode** – w zależności od tego, czy warstwa obrazu ma być pokazana, czy ukryta w [klientach poczty, które obsługują](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) tę funkcję (aplikacje Apple Mail na iOS/macOS), gdy e-mail jest wyświetlany na urządzeniu z włączonym trybem ciemnym.

> **Warning:** [Obsługa stylów nadpisujących tryb ciemny](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) w klientach poczty ogranicza się do Apple Mail na iOS/macOS, co oznacza, że nadpisania trybu ciemnego _nie zadziałają_ w żadnym innym kliencie, takim jak Gmail czy Outlook. Pamiętaj o tym i projektuj e-maile zgodnie z zasadą [stopniowego ulepszania (progressive enhancement)](https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/).

## Podgląd trybu ciemnego we wtyczce {#previewing-dark-mode-in-the-plugin}

Otwórz Preview i włącz przełącznik **Dark Mode** na pasku narzędzi HTML Preview. Jeśli chcesz porównać ten sam projekt w trybie ciemnym w szerokości desktopowej lub mobilnej, nadal korzystaj z wyboru szerokości podglądu. Dark Mode jest niedostępny, gdy wybrany jest łączony widok Hybrid **Desktop & Mobile**.

Lokalny podgląd stosuje ogólne, automatyczne przekształcenie trybu ciemnego i aktywuje style `prefers-color-scheme` e-maila. Jego korekty kolorów dają tylko przybliżony obraz i nie odpowiadają konkretnemu klientowi poczty. Jeśli e-mail zawiera nadpisania trybu ciemnego z Emailify, przełącznikiem **Overrides** obok możesz pokazać lub ukryć jego jawne style tła, tekstu, obramowania i podmiany obrazów.

> **Warning:** Ten przełącznik to pomoc projektowa, a nie emulator klienta ani urządzenia. Nie odtwarza mechanizmów oczyszczania kodu (sanitizerów) w zalogowanych skrzynkach, natywnych silników renderujących i fontów, interfejsu aplikacji, przetwarzania podczas dostarczania ani wszystkich różnic między klientami i ich wersjami.

## Testowanie e-maili w trybie ciemnym {#testing-your-emails-in-dark-mode}

### Poradnik wideo: testowanie e-maili HTML wyeksportowanych z Figmy w trybie ciemnym

Ten film pokazuje, jak testować w trybie ciemnym e-maile HTML wyeksportowane z Figmy za pomocą wtyczki Emailify i serwisu Litmus.com.
[Embedded media](https://www.youtube-nocookie.com/embed/h5Gq9apZrxk)

Zawsze warto przetestować własne e-maile w usłudze takiej jak [Litmus](https://www.litmus.com/) lub [Email on Acid](https://www.emailonacid.com/), aby przed wysyłką upewnić się, że dobrze wyglądają.

> **Warning:** [Obsługa stylów nadpisujących tryb ciemny](https://www.caniemail.com/features/css-at-media-prefers-color-scheme/) w klientach poczty ogranicza się do Apple Mail na iOS/macOS, co oznacza, że nadpisania trybu ciemnego _nie zadziałają_ w żadnym innym kliencie, takim jak Gmail czy Outlook. Pamiętaj o tym i projektuj e-maile zgodnie z zasadą [stopniowego ulepszania (progressive enhancement)](https://www.litmus.com/blog/the-ultimate-guide-to-dark-mode-for-email-marketers/).

> **Tip:** Możesz [masowo zastosować ustawienia](/pl/emailify/design/settings#apply-settings-in-bulk): otwórz **Settings**, a potem zaznacz w Figmie kilka warstw Emailify tego samego typu. Każde zmienione ustawienie zostanie zastosowane do wszystkich zaznaczonych warstw.