Skip to content

Email is unreadable with dark mode #1096

Closed
@Aloso

Description

@Aloso

A dark text color on a dark background doesn't work.

Relevant code from the email
<style type="text/css">
  @media (prefers-color-scheme: dark) {
    body {
      background:black;
      color:white;
    }

    p {
      color:white;
    }

    td .row-header-01 {
      color:white;
    }

    .ExternalClass {
      color:white;
    }

    code {
      color:#c7254e !important;
      border:1px solid #7f8c8d;
      background-color:#ccd1d1;
    }

    h1,h2 {
      color:white;
    }

    table .container {
      border-color:black;
      border-top-color:#ccc;
    }

    blockquote {
      background-color:#3c3c3c;
    }
  }
</style>
<body style=" ... color:#444444; ... ">
...
<p style=" ... color:#444444; ... ">
...

As a temporary fix, it would be best to disable the dark mode and enable it again once it's tested and works properly.

Screenshots

TWIR 1

TWIR 2

TWIR 3

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions