Email log has white text on a white background

Created on 27 March 2025, 6 days ago

Problem/Motivation

Going to admin/reports/email and looking at an email reveals white text on a white background in the html email section.

Steps to reproduce

Not sure if this is a Drupal CMS, gin, easy email or custom css issue. Inspecting the html with dev tools didn't reveal what was making the text white which is v odd.

Proposed resolution

Not sure.

User interface changes

Configuration changes

πŸ› Bug report
Status

Active

Component

General

Created by

πŸ‡¬πŸ‡§United Kingdom alexpott πŸ‡ͺπŸ‡ΊπŸŒ

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @alexpott
  • πŸ‡¦πŸ‡ΊAustralia pameeela

    I can't seem to reproduce this -- can you attach a screenshot? This is what I get:

  • πŸ‡¬πŸ‡§United Kingdom alexpott πŸ‡ͺπŸ‡ΊπŸŒ

    So what's super interesting is the white color is coming from a user agent style sheet... but this is the same on all browsers I have available - brave, safari and firefox....

    user agent stylesheet
    table {
        border-collapse: separate;
        text-indent: initial;
        line-height: normal;
        font-weight: normal;
        font-size: medium;
        font-style: normal;
        color: -internal-quirk-inherit;
        text-align: start;
        border-spacing: 2px;
        white-space: normal;
        font-variant: normal;
    }
    

    I wonder if this is mac thing... ah,.... if I look in the HEAD section of the iframe I see

    <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <meta http-equiv="X-UA-Compatible" content="IE=Edge">
          <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
          <meta name="x-apple-disable-message-reformatting">
          <meta name="supported-color-schemes" content="light dark only">
          <meta name="color-scheme" content="light dark">
          
          <!--[if mso]>
          <noscript>
            <xml>
              <o:OfficeDocumentSettings>
                <o:AllowPNG/>
                <o:PixelsPerInch>96</o:PixelsPerInch>
              </o:OfficeDocumentSettings>
            </xml>
          </noscript>
          <![endif]-->
          <!--[if (gte mso 9)|(IE)]>
          <style>
            sup{font-size:100% !important;}
          </style>
          <![endif]-->
        </head>
    

    If I remove

          <meta name="supported-color-schemes" content="light dark only">
          <meta name="color-scheme" content="light dark">
    

    Then I can see the text... I wonder what is adding them. Ahhh I found... so I have dark mode enabled on my computer... if I do then I can't see the text. If I switch off dark mode then I can see the text.

    This is an easy email bug. Given it is adding a background color of #FFF to the table displaying the email it has to set the font color as it cannot use the OS defaults as these depend on whether the OS is in a dark mode or not.

  • πŸ‡ΊπŸ‡ΈUnited States zengenuity

    I think we may have already fixed this in Easy Email tTheme. πŸ› Viewing email in dark mode shows white text on white background Active

    Does it happen with the dev release of Easy Email Theme?

  • πŸ‡¬πŸ‡§United Kingdom alexpott πŸ‡ͺπŸ‡ΊπŸŒ

    @zengenuity yep that's the fix - nice!

Production build 0.71.5 2024