Changes to masthead and vertical nav based on ux designs

[sg00dwin]

• update color variables
• consolidate/rename where appropriate
• remove unused variables

Here are the colors for the masthead:
The top bar would be the standard pf-black #030303
The secondary masthead bar would be pf-black-900, #292e345

The vertical nav colors should be:
Main background color (default): pf-black-900, #292e34
Main background color (hover/selected): new color, #383f47
I'm introducing a new color here (very slightly tweaked from “pf-black-800”) because I believe we have a slight issue with the "pf-black-800" in our color palette. It is slightly too warmI'll look into updating our color palette in PF.

Vertical Nav Icons (default grey): pf-black-600, #383f47

note: @color-pf-black-600 is #72767b

Vertical Nav Icons (selected blue): pf-blue-300, #39a5dc

@rhamilto @spadgett
cc @jennyhaines

[spadgett]

@serenamarie125 FYI

[spadgett]

[merge][severity: bug]

[rhamilto]

Wondering if the landing page sidebar background is too blue now in comparison to the left nav sidebar? @jennyhaines, your thoughts?

[openshift-bot]

Evaluated for origin web console merge up to 60793a1

[openshift-bot]

Origin Web Console Merge Results: SUCCESS (https://ci.openshift.redhat.com/jenkins/job/merge_pull_request_origin_web_console/143/) (Base Commit: 230c9b4) (PR Branch Commit: 60793a1) (Extended Tests: bug)

[jennyhaines]

@rhamilto , I do see what you're saying about the landing page projects sidebar. I'd think it would be optimal to change this background color to the same color as the vertical nav background. Nice catch!

@sg00dwin , great color changes- looks good! I think just one more change will hit it outta the park... do you mind changing the background color of the landing page projects sidebar to pf-black-900, #292e34 ? (the same color of the vertical nav background)

[spadgett]

Project sidebar changes: openshift/origin-web-catalog#421