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;
}