search

jackzhch / Whole-Building-Energy-Parametric-Analysis-Tool

1 stars 0 forks source link

Color scheme #2

Closed shnrz closed 9 years ago

shnrz commented 9 years ago

The color scheme of the site is not dark. -Navbar should be of class navbar-inverse -Body background-color should be a little less dark than the navbar -Consider dark blue or bright green colors for the items in the navbar with similar hover colors -Has anyone considered changing the navbar color to a very dark blue or something else? What do you think?

shnrz commented 9 years ago

I found this great place with Bootstrap templates that look awesome. It's called BootsWatch. I picked three templates that I really liked. Check them out. I think they can really help us improve the look of the tool. http://bootswatch.com/cyborg/ http://bootswatch.com/darkly/ http://bootswatch.com/slate/ There is also another great place called PaintStrap that lets you auto-generate themes based on your color preferences (it's worth checking out if you want to tweak your own theme).

shnrz commented 9 years ago

Make the entire website as wide as the screen, so that the background is not seen at all.

shnrz commented 9 years ago

The background of the active item in the navbar should be have darker shade of green. Also, all items in the navbar should a "bottom-border: 3px solid #somegreen;". Make sure that the navbar stays the same height! Otherwise it gets all buggy.

shnrz commented 9 years ago

@jackzhch Please create a special CSS class for the top section of the page in Library which will be darker. We can use this same class for other pages like Browse, etc.

shnrz commented 9 years ago

All horizontal lines under H1 elements should be green, as well as left-lines for blockquotes.