Spiffy up new sidebar, simplify UI

Summary: Mostly a visual spacing pass, also adds in circle icons for edit, collapse. For now removing the fixed position on the icons for simplicity while the basics are being polished.

Test Plan: Projects, Profiles, wide and narrow.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15081

src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php

@@ -191,18 +191,10 @@ final class CelerityDefaultPostprocessor
       // Background color for "dark" themes.
       'page.background.dark' => '#ebecee',
 
-      // NOTE: We can't just do these with an alpha channel because the
-      // fixed items in the footer may render on top of other items, so the
-      // backgrounds must be opaque.
-
       // This is the base background color.
-      'menu.profile.background' => '#525868',
-
-      // This is premultiplied 7.5% alpha.
-      'menu.profile.background.hover' => '#4c5160',
-
-      // This is premultiplied 15% alpha.
-      'menu.profile.background.selected' => '#464b59',
+      'menu.profile.background' => '#525867',
+      'menu.profile.background.hover' => '#464b58',
+      'menu.profile.background.selected' => '#393d48',
 
       'menu.profile.text' => '#c6c7cb',
       'menu.profile.text.selected' => '#ffffff',
@@ -211,7 +203,7 @@ final class CelerityDefaultPostprocessor
       'menu.main.height' => '44px',
 
       'menu.profile.width' => '240px',
-      'menu.profile.width.collapsed' => '80px',
+      'menu.profile.width.collapsed' => '88px',
       'menu.profile.item.height' => '46px',
 
     );