My custom userContent.css has been updated. I found a fix for the few remaining stupid HTML mails that failed to display correctly due to using “font: inherit” which picks up the <body>’s text colour (off-white) which is unreadable against the white background. I’m still not entirely sure why the <body>’s font colour is being inherited over the parent <div>’s colour, but regardless of why I have now fixed it by making table > td use black text. It also has the added benefit of filtering out annoying font colours set by the sender.
#viewsource { color: #f8f8f2 !important; } body { background-color: #272822; color: #f8f8f2; border: 0 0 0 0; padding: 0 0 0 0; margin: 0 0 0 0; } body > pre { background-color: #272822; color: #f8f8f2; } body > * { background-color: #fff; color: #00f; } pre { background-color: #272822; color: #f8f8f2; } pre > a:link { color: #65ff00; } div[class=moz-text-html] { background-color: #fff; color: #000; padding: 10px 10px 10px 10px; } div[class=moz-text-html] > table { background-color: #fff !important; color: #000 !important; } div[class=moz-text-plain] { background-color: #272822; color: #f8f8f2; padding: 10px 10px 10px 10px; } *[_moz_dirty] { color: #f8f8f2; background-color: #272822; } *[_moz_quote=true] { color: #ffcb00; } /* Quote Levels Colors */ blockquote[type=cite] > pre { color: #ffcb00; } blockquote[type=cite] blockquote > pre{ color: #fd6500; } blockquote[type=cite] blockquote blockquote > pre { color: #00a000; } blockquote[type=cite] blockquote blockquote blockquote > pre { color: purple; } blockquote[type=cite] blockquote blockquote blockquote blockquote > pre { color: teal; }