If you have the Custom CSS option it's pretty easy to customize colors on the Journal theme for TypePad. Most of the colors are variations of the banner background color, so once you pick that color, you'll want to find some lighter and darker variations. I recommend using Color Schemer to find colors and variations.
Just add the CSS below into the Custom CSS form in TypePad and change the colors to the ones you want to use.
#banner {
background: #7a9d5d;
border-bottom: 1px solid #6e8d54;
}
/* 'background' is the background color for the banner. The example I've used here is green. The 'border-bottom' is a slightly darker version of the background color. */
#banner-header a {
color: #f2f5ef;
}
/* This is the color of the blog name. The example here is very light green, almost white */
#banner-header a:hover {
color: #ffffff;
}
/* This is the color of the blog name when you move the mouse over it. The example here is white */
#banner-description {
color: #d7e2cf;
border-left:1px solid #a2bb8e;
}
/* This is the color of the blog description. This should be a lighter version of the background color for the banner. The 'border-left' should be a slightly lighter version of the background color */
a {
color: #aa0000
}
/* OPTIONAL. this is the color of all the links on your blog. The example I've used here is red */
a:hover {
color: #003366
}
/* OPTIONAL. this is the color of the links when you move your mouse over them. The example I've used here is blue */
I hope that helps. Comment if you have any further questions.
