On 2016-01-18 13:26:32 (+0100), Benny Kjær Nielsen
<mailingl...@freron.com> wrote:
(I'll be very interested if you have a custom scheme to share. I'm
working on making it easier/possible to style messages both for email
display and email generation.)
The attached diff is what I've done. Just toning down the glaring white
background and softening the text colours has made my eyes a lot happier
already. My CSS-fu is insufficient to implement the whole solarized
colour scheme. If anyone else wants to hack on this stylesheet, I'd be
more than happy to help test changes. :)
If you're interested in the solarized colour scheme, the specification
is here:
http://ethanschoonover.com/solarized
Philip
--
Philip Paeps
Senior Reality Engineer
Ministry of Information
---
/Applications/MailMate.app/Contents/Resources/MmMessagesWebView/stylesheet.css
2016-01-18 12:25:48.000000000 +0100
+++ Resources/MmMessagesWebView/stylesheet.css 2016-01-18 14:05:25.000000000
+0100
@@ -10,25 +10,34 @@
div[markup="none"] { white-space: pre-wrap; }
div[markup="markdown"] { white-space: normal; }
+body {
+ background-color: #fdf6e3;
+ color: #839496;
+}
+
+a:link { color: #2aa198; }
+a:active { color: #dc322f; }
+
/* General styling of quotation blocks (and colors for level 2 and upwards)*/
blockquote {
margin: 0 0 5px;
padding-left: 5px;
- border-left: 2px solid #136BCE;
- color: #136BCE;
+ border-left: 2px solid #268bd2;
+ background-color: #fdf6e3;
+ color: #268bd2;
}
/* Specific styling of level 1 quotation blocks */
blockquote blockquote {
- border-left: 2px solid #4B89CF;
- color: #4B89CF;
+ border-left: 2px solid #839496;
+ color: #839496;
}
/* Discrete links in quoted text */
-blockquote a:link { color: #136BCE; }
-blockquote a:active { color: red; }
-blockquote blockquote a:link { color: #4B89CF; }
-blockquote blockquote a:active { color: red; }
+blockquote a:link { color: #2aa198; }
+blockquote a:active { color: #dc322f; }
+blockquote blockquote a:link { color: #2aa198; }
+blockquote blockquote a:active { color: #dc322f; }
pre:not([style]) {
margin-left: 15px;
@@ -61,8 +70,8 @@
div.bodypart[type=message][subtype=rfc822] {
margin-left: 20px;
padding: 5px;
- background-color: #FDF5E6;
- border: thin solid gray;
+ background-color: #eee8d5;
+ border: thin solid #93a1a1;
}
/* Make sure inlined images are never wider than the webview.
@@ -193,10 +202,10 @@
/* The header related stuff is currently only used when displaying multiple
messages */
/* Add a ':' after each header title */
span.header_name:after { content: ": " }
-span.header_name { color: blue; font-weight: bold; }
+span.header_name { color: #dc322f; font-weight: bold; }
span.header_body { font-weight: bold; }
/* How to style a specific header */
-span.header_name[type="from.name"] { color: red; font-weight: bold; }
+span.header_name[type="from.name"] { color: #dc322f; font-weight: bold; }
/* Various spacings between messages and message-elements. */
hr.messagedivider { clear: both; margin-top: 10px; margin-bottom: 10px; }
_______________________________________________
mailmate mailing list
mailmate@lists.freron.com
http://lists.freron.com/listinfo/mailmate
