Mailplane

Q: How can change the Gmail look?

A:

The best way is to use one of the many Gmail Themes. Just go to Gmail > Settings > Themes and choose a new theme.

If you like to fine tune Gmail's appearance, you can do this by using the Tweak UI settings.

All options to change how Gmail presents itself can be customized in Preferences->Tweak UI. The Use custom stylesheet setting allows you to change every aspect of Gmail by specifying a CSS file.

A few tips, if you like to write your own CSS file:

• Visit this wikipedia page
• Right click any element in Mailplane and then select "Inspect element" to show the HTML code for the element.
• To reload the stylesheet, turn the "Use stylesheet" setting off and then on again.
• Mailplane injects your CSS into each iframe. This way you can address the elements relative to the iframe.
• The CSS only changes the look of "your" Mailplane, messages are sent without applying the style.

Examples:

When replying: Make the message text taller

div.ej iframe.editable {
 height: 500px !important;
}                                    

Change the font when composing in rich text:

body.editable {
   font-family: 'Lucida Sans Typewriter' !important; /* replace Lucida.. with your favorite font */
}

Change font when composing a plain text message:

/* Read/compose in fixed-width font */ 
textarea {
   font-family: 'Lucida Sans Typewriter' !important; /* replace Lucida.. with your favorite font */
}

Important: A custom CSS file needs to be tweaked every time Gmail gets updated!