Dark mode

What email clients do in dark mode, how to see it, and how to set a layer's dark colours.

# Dark mode

Some email clients change an email's colours when the reader uses dark mode, and the preview shows you how your email looks in both. For a layer whose colours must stay fixed, or should change in a specific way, set its dark colours yourself.

## See it

In the preview window, switch to **Dark**. The preview applies your dark-mode overrides, so what you see is what a dark-mode reader gets from them.

## Set a layer's dark colours

Select the layer and, in the Customize tab's Dark mode card, turn on **Override colors in dark mode**. Set the **Fill** and, where the layer has one, the **Stroke**. For a text layer, the fill is the text colour.

Photos and other raster images have no colours to override; the card does not appear for them.

## Where it applies

Overrides apply in clients that honour dark-mode styles. The tested clients are listed in [Designing your email in Figma](/designing-your-email-in-figma/#where-the-output-is-tested); use **Send test** to see the email in yours.

Some email clients change an email’s colours when the reader uses dark mode, and the preview shows you how your email looks in both. For a layer whose colours must stay fixed, or should change in a specific way, set its dark colours yourself.

See it

In the preview window, switch to Dark. The preview applies your dark-mode overrides, so what you see is what a dark-mode reader gets from them.

Set a layer’s dark colours

Select the layer and, in the Customize tab’s Dark mode card, turn on Override colors in dark mode. Set the Fill and, where the layer has one, the Stroke. For a text layer, the fill is the text colour.

Photos and other raster images have no colours to override; the card does not appear for them.

Where it applies

Overrides apply in clients that honour dark-mode styles. The tested clients are listed in Designing your email in Figma; use Send test to see the email in yours.