Remove header gradients for flat colors

Summary: Removes header gradient images for flat, CSS controlled colors. I didn't convert the "pony" colors over, going with few options for easier theme-ability.

Test Plan:
Test each color choice.

{F1063828}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

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

Author: chadlittle

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '9d3a79f4',
+    'core.pkg.css' => 'c61091b0',
     'core.pkg.js' => '573e6664',
     'darkconsole.pkg.js' => 'e7393ebb',
     'differential.pkg.css' => '2de124c9',
@@ -32,10 +32,10 @@
     'rsrc/css/aphront/typeahead.css' => '0e403212',
     'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
     'rsrc/css/application/auth/auth.css' => '0877ed6e',
-    'rsrc/css/application/base/main-menu-view.css' => '2f670a96',
+    'rsrc/css/application/base/main-menu-view.css' => 'd00a795a',
     'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
     'rsrc/css/application/base/phabricator-application-launch-view.css' => '95351601',
-    'rsrc/css/application/base/phui-theme.css' => '6b451f24',
+    'rsrc/css/application/base/phui-theme.css' => '981a58f8',
     'rsrc/css/application/base/standard-page-view.css' => '7b0d68d8',
     'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
     'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
@@ -155,7 +155,6 @@
     'rsrc/css/phui/phui-workboard-view.css' => '95a54f74',
     'rsrc/css/phui/phui-workpanel-view.css' => 'adec7699',
     'rsrc/css/sprite-login.css' => '60e8560e',
-    'rsrc/css/sprite-main-header.css' => 'f07bbb87',
     'rsrc/css/sprite-menu.css' => '9dd65b92',
     'rsrc/css/sprite-projects.css' => 'e5ad842a',
     'rsrc/css/sprite-tokens.css' => '4f399012',
@@ -336,7 +335,6 @@
     'rsrc/image/phrequent_inactive.png' => 'bfc15a69',
     'rsrc/image/sprite-login-X2.png' => 'e3991e37',
     'rsrc/image/sprite-login.png' => '03d5af29',
-    'rsrc/image/sprite-main-header.png' => '3673af44',
     'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
     'rsrc/image/sprite-menu.png' => 'd7a99faa',
     'rsrc/image/sprite-projects-X2.png' => '853552c7',
@@ -753,7 +751,7 @@
     'phabricator-hovercard-view-css' => '1239cd52',
     'phabricator-keyboard-shortcut' => '1ae869f2',
     'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
-    'phabricator-main-menu-view' => '2f670a96',
+    'phabricator-main-menu-view' => 'd00a795a',
     'phabricator-nav-view-css' => 'a24cb589',
     'phabricator-notification' => 'ccf1cbf8',
     'phabricator-notification-css' => '9c279160',
@@ -829,7 +827,7 @@
     'phui-status-list-view-css' => '888cedb8',
     'phui-tag-view-css' => 'e60e227b',
     'phui-text-css' => 'cf019f54',
-    'phui-theme-css' => '6b451f24',
+    'phui-theme-css' => '981a58f8',
     'phui-timeline-view-css' => '2efceff8',
     'phui-two-column-view-css' => '39ecafb1',
     'phui-workboard-view-css' => '95a54f74',
@@ -853,7 +851,6 @@
     'releeph-request-typeahead-css' => '667a48ae',
     'setup-issue-css' => 'db7e9c40',
     'sprite-login-css' => '60e8560e',
-    'sprite-main-header-css' => 'f07bbb87',
     'sprite-menu-css' => '9dd65b92',
     'sprite-projects-css' => 'e5ad842a',
     'sprite-tokens-css' => '4f399012',
@@ -1054,9 +1051,6 @@
       'javelin-install',
       'javelin-event',
     ),
-    '2f670a96' => array(
-      'phui-theme-css',
-    ),
     '327a00d1' => array(
       'javelin-behavior',
       'javelin-stratcom',
@@ -1852,6 +1846,9 @@
       'javelin-workflow',
       'phabricator-drag-and-drop-file-upload',
     ),
+    'd00a795a' => array(
+      'phui-theme-css',
+    ),
     'd19198c8' => array(
       'javelin-install',
       'javelin-dom',

resources/sprite/main_header/applebloom.png

@@ -29,7 +29,6 @@
 $sheets = array(
   'menu' => $generator->buildMenuSheet(),
   'tokens' => $generator->buildTokenSheet(),
-  'main-header' => $generator->buildMainHeaderSheet(),
   'login' => $generator->buildLoginSheet(),
   'projects' => $generator->buildProjectsSheet(),
 );

resources/sprite/main_header/blindigo.png

@@ -150,33 +150,6 @@ public function buildLoginSheet() {
     return $sheet;
   }
 
-  public function buildMainHeaderSheet() {
-    $gradients = $this->getDirectoryList('main_header');
-    $template = new PhutilSprite();
-
-    $sprites = array();
-    foreach ($gradients as $gradient) {
-      $path = $this->getPath('main_header/'.$gradient.'.png');
-      $sprite = id(clone $template)
-        ->setName('main-header-'.$gradient)
-        ->setSourceFile($path)
-        ->setTargetCSS('.phui-theme-'.$gradient.
-          ' .phabricator-main-menu-background');
-      $sprite->setSourceSize(6, 44);
-      $sprites[] = $sprite;
-    }
-
-    $sheet = $this->buildSheet('main-header',
-      false,
-      PhutilSpriteSheet::TYPE_REPEAT_X);
-
-    foreach ($sprites as $sprite) {
-      $sheet->addSprite($sprite);
-    }
-
-    return $sheet;
-  }
-
   private function getPath($to_path = null) {
     $root = dirname(phutil_get_library_root('phabricator'));
     return $root.'/resources/sprite/'.$to_path;

resources/sprite/main_header/blue.png

@@ -20,15 +20,18 @@ public function getGroup() {
   }
 
   public function getOptions() {
-    $manifest = PHUIIconView::getSheetManifest('main-header');
     $custom_header_example =
       PhabricatorCustomHeaderConfigType::getExampleConfig();
     $experimental_link = 'https://secure.phabricator.com/T4214';
-    $options = array();
-    foreach (array_keys($manifest) as $sprite_name) {
-      $key = substr($sprite_name, strlen('main-header-'));
-      $options[$key] = $key;
-    }
+    $options = array(
+      'blindigo' => 'blindigo',
+      'light' => 'light',
+      'red' => 'red',
+      'blue' => 'blue',
+      'green' => 'green',
+      'indigo' => 'indigo',
+      'dark' => 'dark',
+    );
 
     $example = <<<EOJSON
 [

resources/sprite/main_header/dark.png

@@ -27,7 +27,6 @@ public function render() {
     $user = $this->user;
 
     require_celerity_resource('phabricator-main-menu-view');
-    require_celerity_resource('sprite-main-header-css');
 
     $header_id = celerity_generate_unique_node_id();
     $menu_bar = array();
@@ -137,7 +136,7 @@ public function render() {
 
     $application_menu = $this->renderApplicationMenu($bar_items);
     $classes = array();
-    $classes[] = 'phabricator-main-menu sprite-main-header';
+    $classes[] = 'phabricator-main-menu';
     $classes[] = 'phabricator-main-menu-background';
 
     return phutil_tag(

resources/sprite/main_header/fluttershy.png

@@ -16,13 +16,11 @@
 }
 
 .phabricator-main-menu-background {
-  min-height: 43px;
-  background-color: #ebecee;
-  border-bottom: 1px solid rgba(0,0,0,.1);
+  min-height: 44px;
 }
 
 .device-desktop .phabricator-main-menu {
-  height: 43px;
+  height: 44px;
   padding-right: 4px;
 }
 

resources/sprite/main_header/green.png

@@ -2,11 +2,39 @@
  * @provides phui-theme-css
  */
 
- .phui-theme-light button.phabricator-main-menu-search-dropdown .caret:before {
+/*--- Base Colors ------------------------------------------------------------*/
+
+.phui-theme-blindigo .phabricator-main-menu-background {
+  background: #41506e;
+}
+
+.phui-theme-dark .phabricator-main-menu-background {
+  background: #171c20;
+}
+
+.phui-theme-indigo .phabricator-main-menu-background {
+  background: #4a2b85;
+}
+
+.phui-theme-red .phabricator-main-menu-background {
+  background: #650404;
+}
+
+.phui-theme-blue .phabricator-main-menu-background {
+  background: #004377;
+}
+
+.phui-theme-green .phabricator-main-menu-background {
+  background: #124A1B;
+}
+
+/*--- Light Colors -----------------------------------------------------------*/
+
+.phui-theme-light button.phabricator-main-menu-search-dropdown .caret:before {
   color: {$lightbluetext};
 }
 
- .phui-theme-light .phabricator-main-menu-search
+.phui-theme-light .phabricator-main-menu-search
   button.phabricator-main-menu-search-dropdown .phui-icon-view {
   color: {$lightbluetext};
   text-shadow: {$whitetextshadow};