From ae0f859ff2a9d985a3d35c4e187b71ef5babb6ed Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 11 Feb 2026 03:16:40 +0000 Subject: [PATCH] Fix poor text rendering in dark theme email content Add explicit white background to #inbox-html-wrapper and #inbox-plain-wrapper in the email iframe styles. Previously, the iframe body had `background-color: transparent`, which caused the dark theme's parent background to bleed through un-inverted, resulting in illegible text in emails without explicit background colors. With a white background on the content wrappers, the dark theme's CSS filter inversion (`filter: invert(100%) hue-rotate(180deg)`) correctly inverts white to dark, producing clean dark-on-light rendering. Themes can still override this in their own email-frame.less. Fixes https://community.getmailspring.com/t/poor-text-rendering-in-dark-theme/886 https://claude.ai/code/session_0122psQodPbcN8Zh2AtFNi1N --- app/static/style/email-frame.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/static/style/email-frame.less b/app/static/style/email-frame.less index f61c451f18..fb05cd46c0 100644 --- a/app/static/style/email-frame.less +++ b/app/static/style/email-frame.less @@ -70,6 +70,7 @@ #inbox-html-wrapper { font-family: 'Nylas-Pro', 'Helvetica', 'Lucidia Grande', sans-serif; + background-color: white; } #inbox-html-wrapper.platform-win32 { @@ -80,6 +81,7 @@ font-family: @font-family-monospace; font-size: 14px; white-space: pre-line; + background-color: white; } strong,