React Email breaks complex HTML email designs (e.g., Duolingo emails)

[AasheeshLikePanner]

Bug Description

I have noticed that react email breaks the design of almost every HTML email. For example, in Duolingo’s email, the “Learn More” button and the overall layout look broken. In Ngrok’s email, which normally has a nice card-style design with colors and sections, React Email only shows plain text with no styling or color at all. The text content appears correctly, but the layout, styles, and visual structure are completely missing or messed up.

Steps to Reproduce

1. Sign up for 0 using GMail.
2. Look at any designed mail.

Expected Behavior

Actual Behavior

What browsers are you seeing the problem on?

Chrome

Application Version

Current 0.email web version.

Environment Information

Tested in edge browser. Running on Ubuntu.

Relevant Log Output

[BlankParticle]

It is a side effect of color correcting emails for dark mode and light mode to make it appear nice and integrated with UI, the current algorithm to do display this is pretty simple so something look out of place