# Dark Mode Preview

#### Overview

The email builder's "Dark Mode Preview" toggle in Preview mode lets you simulate how your email designs will look on devices with dark mode activated. Given the variety in dark mode behavior across different email clients, this feature provides a general approximation of the dark mode experience for end-users.

<figure><img src="https://lh7-eu.googleusercontent.com/dgkaXcDTSKinnZU2Q7PMUpP4MQvN97fWeHVXua49eGssdT7B7OBHuJwgr3wMhCGkumNreolbHAjxfNe2Va2A6k3nNhCeeYYGbDNWNmMNlNfQOhZ1QxKZnXJmbV-dHUM7dcyrdzYTVjGL1SI9_c6Qjdo" alt=""><figcaption></figcaption></figure>

#### Utility and Limitations

Although the Dark Mode Preview is a useful tool for initial design checks, it shouldn't replace in-depth testing across multiple email clients. It's tested rigorously with standard content blocks but may give different outcomes for custom HTML blocks. Also, note that the builder does not automatically optimize designs for dark mode at this time. Different email clients have varied ways of interpreting dark mode, and many don't yet support methods for overriding these settings.

#### How Dark Mode Affects Your Emails

* Nothing Changes: Generally applies to Yahoo Mail and Gmail's webmail. The email content remains the same; only the client's UI changes.
* Partial Color Inversion: Observed in outlook.com, where only the light-colored sections get inverted.
* Full-Color Inversion: Seen in Gmail's mobile app and iOS 13 platforms. This mode entirely inverts colors and is often the most challenging for designers. Our preview tool is primarily focused on simulating this experience.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.beefree.io/end-user-guide/preview-options/dark-mode-preview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.