I looked into this a bit further and realized that adding color: #222222 to the inline quote style would also require a corresponding dark mode override. Otherwise, email clients that correctly apply the dark mode styles could end up displaying dark text on a dark background.
The existing dark mode CSS could be extended like this:
code,
pre code,
blockquote {
background: #323232 !important;
border-color: #454545 !important;
color: #dddddd !important;
}
I also noticed that code and pre code seem to have a light background without an explicitly defined text color. They could potentially run into the same issue, so it might make sense to add color: #222222 to their default styles as well.
I haven’t tested code blocks separately, but thought it was worth mentioning.
It would be great if this could be fixed soon. It’s a small issue from a technical perspective, but quite frustrating for people receiving these notifications.
Hope that helps @awesomerobot