<pre> tags in dark mode

The HTML in the original ticket got interpreted by the ticket system. here's my attempt to resubmit.

Receiving an HTML email with

 tags in dark mode results in white on a very light grey panel, which is unreadable. 


I can not attach a screenshot of the problem to the ticket, the ticket system says "Upload Quota Reached, please notify the account owner."


However, here is a sample message from the raw HTML view:

<body>
    <div id="main">
        <div class="message">
            <div class="bodypart" unique_id="95157" type="text" subtype="html" disposition="inline">
            <!DOCTYPE html>
<pre>
+-----+------------------+---------+-----------+---------+
| ID  | datetime         | ping_ms | down_mbit | up_mbit |
+-----+------------------+---------+-----------+---------+
| 153 | 2020-07-13 11:06 |      45 |      14.4 |    10.4 |
| 154 | 2020-07-13 12:06 |      43 |       4.6 |    10.3 |
| 155 | 2020-07-13 13:06 |      46 |      13.1 |    10.3 |
| 156 | 2020-07-13 14:06 |      46 |      11.1 |    10.1 |
| 157 | 2020-07-13 15:06 |      47 |       6.3 |    10.3 |
| 158 | 2020-07-13 16:06 |      44 |       6.1 |    10.5 |
| 159 | 2020-07-13 17:06 |      44 |       5.7 |    10.3 |
| 160 | 2020-07-13 18:06 |      48 |       7.1 |    10.5 |
| 161 | 2020-07-13 19:06 |      44 |       4.0 |    10.4 |
| 162 | 2020-07-13 20:06 |      45 |       7.5 |    10.4 |
| 163 | 2020-07-13 21:06 |      50 |       4.5 |     9.8 |
| 164 | 2020-07-13 22:06 |      54 |       2.6 |     8.3 |
| 165 | 2020-07-13 23:06 |      44 |       4.6 |    10.4 |
| 166 | 2020-07-14 00:06 |      44 |       8.3 |    10.3 |
| 167 | 2020-07-14 01:06 |      43 |      29.0 |    10.4 |
| 168 | 2020-07-14 02:06 |      44 |      29.3 |    10.5 |
| 169 | 2020-07-14 03:06 |      47 |      32.3 |    10.5 |
| 170 | 2020-07-14 04:06 |      44 |      34.1 |    10.4 |
| 171 | 2020-07-14 05:06 |      44 |      35.6 |    10.3 |
| 172 | 2020-07-14 06:06 |      47 |      30.4 |    10.3 |
| 173 | 2020-07-14 07:06 |      49 |      14.3 |    10.3 |
| 174 | 2020-07-14 08:06 |      45 |      17.1 |    10.4 |
| 175 | 2020-07-14 09:06 |      45 |       4.8 |    10.3 |
| 176 | 2020-07-14 10:06 |      44 |       9.8 |    10.3 |
+-----+------------------+---------+-----------+---------+
</pre>
            </div>
        </div>
    </div>
</body>

The message is sent using:
/command/to/produce/htmloutput|mailx -a 'Content-Type: text/html' -r myemail -s "Subject" myemail

I'm so sorry about the awful formatting. I give up. Happy to provide it through other means.

I've seen this same thing. I'm a programmer, so I send a lot of emails with backticked words / triple-backticked blocks. Being able to compose in Markdown is fantastic, but if it results in mail that's unreadable in Mail.app, I basically can't use it.

It looks like switching to Simple text styling fixes the problem. Standard styling seems to unconditionally add a white background to <code> and <pre> blocks that makes them unreadable when reading in dark mode in Mail.app.