Add Indigo header, fix colors and hovers

Summary: This adds Phacility "Indigo" as well as uses rgba for colors and hovers improving icon colors.

Test Plan:
Tested each color and hover states. Set test instance to scootaloo.

{F310660}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

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

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '64aeadfc',
+    'core.pkg.css' => 'a605a99b',
     'core.pkg.js' => '23d653bb',
     'darkconsole.pkg.js' => '8ab24e01',
     'differential.pkg.css' => '380f07e5',
@@ -35,7 +35,7 @@ return array(
     'rsrc/css/aphront/typeahead.css' => '0e403212',
     'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
     'rsrc/css/application/auth/auth.css' => '1e655982',
-    'rsrc/css/application/base/main-menu-view.css' => '83766540',
+    'rsrc/css/application/base/main-menu-view.css' => 'c32b228a',
     'rsrc/css/application/base/notification-menu.css' => '6aa0a74b',
     'rsrc/css/application/base/phabricator-application-launch-view.css' => '16ca323f',
     'rsrc/css/application/base/standard-page-view.css' => '60d0df9a',
@@ -151,7 +151,7 @@ return array(
     'rsrc/css/phui/phui-workpanel-view.css' => 'e495a5cc',
     'rsrc/css/sprite-gradient.css' => '4bdb98a7',
     'rsrc/css/sprite-login.css' => 'a355d921',
-    'rsrc/css/sprite-main-header.css' => '92720ee2',
+    'rsrc/css/sprite-main-header.css' => '12c32a0b',
     'rsrc/css/sprite-menu.css' => '9ef76324',
     'rsrc/css/sprite-projects.css' => 'b0d9e24f',
     'rsrc/css/sprite-tokens.css' => '1706b943',
@@ -329,7 +329,7 @@ return array(
     'rsrc/image/sprite-gradient.png' => 'ec15a417',
     'rsrc/image/sprite-login-X2.png' => '5ae6de3a',
     'rsrc/image/sprite-login.png' => '07f2c67c',
-    'rsrc/image/sprite-main-header.png' => '83521873',
+    'rsrc/image/sprite-main-header.png' => '2f8f4c8d',
     'rsrc/image/sprite-menu-X2.png' => '1c90d7bc',
     'rsrc/image/sprite-menu.png' => '619781ee',
     'rsrc/image/sprite-projects-X2.png' => '8c91c839',
@@ -729,7 +729,7 @@ return array(
     'phabricator-hovercard-view-css' => '893f4783',
     'phabricator-keyboard-shortcut' => '1ae869f2',
     'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
-    'phabricator-main-menu-view' => '83766540',
+    'phabricator-main-menu-view' => 'c32b228a',
     'phabricator-nav-view-css' => '7aeaf435',
     'phabricator-notification' => '0c6946e7',
     'phabricator-notification-css' => '9c279160',
@@ -824,7 +824,7 @@ return array(
     'setup-issue-css' => '22270af2',
     'sprite-gradient-css' => '4bdb98a7',
     'sprite-login-css' => 'a355d921',
-    'sprite-main-header-css' => '92720ee2',
+    'sprite-main-header-css' => '12c32a0b',
     'sprite-menu-css' => '9ef76324',
     'sprite-projects-css' => 'b0d9e24f',
     'sprite-tokens-css' => '1706b943',

resources/sprite/manifest/main-header.json

@@ -26,6 +26,11 @@
       "rule": ".main-header-green",
       "hash": "c230f09e307d167fab3ea0d8c3b33755"
     },
+    "main-header-indigo": {
+      "name": "main-header-indigo",
+      "rule": ".main-header-indigo",
+      "hash": "a27394ff1eff4d24398ec57e54d7f5fd"
+    },
     "main-header-nightmaremoon": {
       "name": "main-header-nightmaremoon",
       "rule": ".main-header-nightmaremoon",

webroot/rsrc/css/application/base/main-menu-view.css

@@ -63,7 +63,7 @@
 }
 
 .device-desktop .phabricator-main-menu-brand:hover {
-  background-color: rgba(0,0,0,.6);
+  background-color: rgba(0,0,0,.33);
   cursor: hand;
 }
 
@@ -280,6 +280,10 @@
   float: left;
 }
 
+.alert-notifications .phui-icon-view {
+  color: rgba(200,200,200, .5);
+}
+
 .alert-notifications:hover .phui-icon-view {
   color: #fff;
 }
@@ -416,7 +420,7 @@
   font-size: 20px;
   height: 20px;
   width: 20px;
-  color: #d7d7d7;
+  color: rgba(255,255,255,.8);
   margin: 8px;
   text-align: center;
   vertical-align: middle;
@@ -441,14 +445,9 @@
   display: block;
 }
 
-.device-desktop .main-header-dark .phabricator-application-menu
- .core-menu-item.phui-list-item-view:hover {
-  background-color: rgba(0,0,0,.6);
-}
-
 .device-desktop .phabricator-application-menu
  .core-menu-item.phui-list-item-view:hover {
-  box-shadow: inset 0 5px 10px rgba(0,0,0,0.5);
+  background-color: rgba(0,0,0,.33);
   border-radius: 3px;
   color: #fff;
 }

webroot/rsrc/css/sprite-main-header.css

@@ -31,18 +31,22 @@
   background-position: 0px -180px;
 }
 
-.main-header-nightmaremoon {
+.main-header-indigo {
   background-position: 0px -225px;
 }
 
-.main-header-red {
+.main-header-nightmaremoon {
   background-position: 0px -270px;
 }
 
-.main-header-scootaloo {
+.main-header-red {
   background-position: 0px -315px;
 }
 
-.main-header-yellow {
+.main-header-scootaloo {
   background-position: 0px -360px;
 }
+
+.main-header-yellow {
+  background-position: 0px -405px;
+}