Hi all, as you might have noticed, I made some design tweaks to the site.
Here's the before and after comparison.
The most obvious change is the removal of the 2-tone dark background colors. The other changes are minor, mostly text and link colors changes to go with the new lighter background color.
There are a few reasons why I made the design changes:
1) The old 2-tone background design was pretty painful to implement in CSS. I had to write a lot more extra CSS hacks to get the pages to look right. Even then, some pages still didn't look nice because of the HTML structure. The old design caused the CSS file to be very bloated and hard to maintain, also it's not easily adaptable for new site features/pages in the future.
2) In the old design I used quite a bit of CSS3 elements for the parent container, this caused some browser performance issues(namely scrolling smoothness in Firefox and Safari).
3) The old design was inspired by iOS Apps look. After the site launched, I felt the dark backgrounds made the site a bit too boxy. Dark trims work on an iOS device because screen size is fixed. I've been looking at the new OSX Lion UI elements and I think they're better fitted for a web site design.
Of course, the new changes may have produced a few newer glitches. Mostly likely text colors. Please let me know if you see any(start a new post please).