After picking apart the Notebook theme files... I've managed to come up with a decent looking theme that has the option to change some of the default colours. It isn't 100% customisable, there are some colour combinations that might not look that great because when trying to consolidate every CSS variable... some trickiness comes into play.
Here are some colour schemes that can be used with this theme if you aren't into randomly picking colours.
Blog Title #360570 Description #000000 Rating Ribbon #560EAD Background #FFF473 Post Background #FFFFFF Post Text #000000 Link #8643D6 Hover Link #FFF040 Menu Background #360570 Menu Text #FFFFFF
Blog Title #1C79A6 Description #000000 Rating Ribbon #26B7FF Background #A2E1FF Post Background #FFFFFF Post Text #000000 Link #81D6FF Hover Link #9FECFC Menu Background #1C79A6 Menu Text #FFFFFF
Blog Title #000000 Description #000000 Rating Ribbon #DCDCDC Background #FFFFFF Post Background #EBEBEB Post Text #000000 Link #525252 Hover Link #7D7D7D Menu Background #BDBDBD Menu Text #000000
You can use the following website to pick out some other working colour schemes for your blog: http://www.colorschemedesigner.com/
If you don't like the fonts that are used in this theme, you can change those too (with a few additional steps).
Step #1) Visit the Google fonts website and select the fonts that you like: http://www.google.com/fonts
Step #2) While in the customise mode, select the link at the top that reads: Edit HTML
Step #3) Find the code that refers to fonts (3 lines right above the closing head tag, around line 108).
Step #4) Add the code you got from the Google fonts website just above the closing head tag (under the present font tags).
Step #5) Do this for each of the templates (blog, page, shelf, timeline, follow).
Step #6) Return to the customise mode, scroll to the very bottom to "Custom CSS".
Step #7) Add the following (replacing 'YOURCUSTOMFONT' with the font you selected in step 1). The first line is for your Blog Title and the second group of code is for the Post Title and various other sections that use the same font. Here is the code example:
h1.header-title {
font-family: 'YOURCUSTOMFONT', Georgia, "Times New Roman", serif !important;
}
h2.post-title, h2.post-title a, h2.page-title,
div.follow-header, div.post-photos-title, div.post-desc-more,
div.post-desc-more a, div.post-desc blockquote, div.post-quote,
div.timeline-today-header, div.timeline-entry-title-review, div.timeline-today-month {
font-family: 'YOURCUSTOMFONT', Georgia, "Times New Roman", serif !important;
}
This image explains how I felt during this theme modification process....
This is quoted text within a post using the " option. Never even thought about putting a link inside the quote. o_o;
:P
1
3
