Skip to content

Some email clients don't display background color on <Body> (including Outlook, and others) #662

Open
@magoz

Description

@magoz

Describe the Bug

The README of the<Body> component states that you can use it to set the email background color and that is supported by the most popular email clients.

But Outlook, and other clients, ignore the background color set on the <Body>.

I've realized that the <Body> component is not listed in React Email docs but is used by all the examples.

Is this a known issue? If so, how should we go around it?

Screenshot 2023-04-25 at 20 29 21

Screenshot 2023-04-25 at 19 37 58

Screenshot 2023-04-25 at 19 37 48

Screenshot 2023-04-25 at 19 38 15

Screenshot 2023-04-25 at 19 38 27

Which package is affected (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://demo.react.email/preview/codepen-challengers

To Reproduce

Send an email from the demo to an Outlook email address.

The email will not display the background color.

Expected Behavior

The background color set on is displayed by all email clients.

What's your node version? (if relevant)

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions