Add plain status icon colors

Summary: This adds a set of plain (blueish) icons for use instead of black.

Test Plan: Photoshop

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

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

resources/sprite/manifest/status.json

@@ -1,6 +1,11 @@
 {
   "version" : 1,
   "sprites" : {
+    "status-accept"               : {
+      "name" : "status-accept",
+      "rule" : ".status-accept",
+      "hash" : "6493498ca9beb344cffa6211fb80cbfd"
+    },
     "status-accept-blue"          : {
       "name" : "status-accept-blue",
       "rule" : ".status-accept-blue",
@@ -26,6 +31,11 @@
       "rule" : ".status-accept-white",
       "hash" : "8ecccf5e2ce6658d8a1e963e4be6f6e9"
     },
+    "status-add"                  : {
+      "name" : "status-add",
+      "rule" : ".status-add",
+      "hash" : "165d43c1451fb9ffd69c36ede87c7875"
+    },
     "status-add-blue"             : {
       "name" : "status-add-blue",
       "rule" : ".status-add-blue",
@@ -51,6 +61,11 @@
       "rule" : ".status-add-white",
       "hash" : "1a8ab412f40c569acdc709fb281fefde"
     },
+    "status-down"                 : {
+      "name" : "status-down",
+      "rule" : ".status-down",
+      "hash" : "85d3b2376bbed1b48cb777f07a4e244e"
+    },
     "status-down-blue"            : {
       "name" : "status-down-blue",
       "rule" : ".status-down-blue",
@@ -76,6 +91,11 @@
       "rule" : ".status-down-white",
       "hash" : "5bc0af6641ef545218ecced2d25e9a10"
     },
+    "status-info"                 : {
+      "name" : "status-info",
+      "rule" : ".status-info",
+      "hash" : "3b9d6abe2fb44b0959208632a77d3582"
+    },
     "status-info-blue"            : {
       "name" : "status-info-blue",
       "rule" : ".status-info-blue",
@@ -101,6 +121,11 @@
       "rule" : ".status-info-white",
       "hash" : "b70025f459685371f8397b61944bef7d"
     },
+    "status-left"                 : {
+      "name" : "status-left",
+      "rule" : ".status-left",
+      "hash" : "4649139ffc7e668b67d6978bbd5cbf15"
+    },
     "status-left-blue"            : {
       "name" : "status-left-blue",
       "rule" : ".status-left-blue",
@@ -126,6 +151,11 @@
       "rule" : ".status-left-white",
       "hash" : "9e89400271b55590e610188d93671934"
     },
+    "status-minus"                : {
+      "name" : "status-minus",
+      "rule" : ".status-minus",
+      "hash" : "a232bd27513a71ce8f4cd163d8aa05cf"
+    },
     "status-minus-blue"           : {
       "name" : "status-minus-blue",
       "rule" : ".status-minus-blue",
@@ -186,6 +216,11 @@
       "rule" : ".status-oh-open-red",
       "hash" : "982610ba3d0bad1aaa11dcd3b593adbf"
     },
+    "status-open"                 : {
+      "name" : "status-open",
+      "rule" : ".status-open",
+      "hash" : "5b6b67382052982358d0047f07dd0424"
+    },
     "status-open-blue"            : {
       "name" : "status-open-blue",
       "rule" : ".status-open-blue",
@@ -281,6 +316,11 @@
       "rule" : ".status-policy-unknown-white, .dropdown-menu-item:hover .status-policy-unknown",
       "hash" : "98985bfa005672c4b88feaf88cfa72bc"
     },
+    "status-question"             : {
+      "name" : "status-question",
+      "rule" : ".status-question",
+      "hash" : "f7290c6ba78eb37a6641eecfdc128f08"
+    },
     "status-question-blue"        : {
       "name" : "status-question-blue",
       "rule" : ".status-question-blue",
@@ -306,6 +346,11 @@
       "rule" : ".status-question-white",
       "hash" : "5e7f546f978d1d0545cad127ea3bcf80"
     },
+    "status-reject"               : {
+      "name" : "status-reject",
+      "rule" : ".status-reject",
+      "hash" : "288489e716b390c5404969f9979b9ded"
+    },
     "status-reject-blue"          : {
       "name" : "status-reject-blue",
       "rule" : ".status-reject-blue",
@@ -331,6 +376,11 @@
       "rule" : ".status-reject-white",
       "hash" : "e709a3fb3081a395900deaef0591066c"
     },
+    "status-right"                : {
+      "name" : "status-right",
+      "rule" : ".status-right",
+      "hash" : "cd61a821b88b7c76a43d7f405d54b6cc"
+    },
     "status-right-blue"           : {
       "name" : "status-right-blue",
       "rule" : ".status-right-blue",
@@ -376,6 +426,11 @@
       "rule" : ".status-time-yellow",
       "hash" : "79756bcf7f2401d7e3a97ff03b981dcb"
     },
+    "status-up"                   : {
+      "name" : "status-up",
+      "rule" : ".status-up",
+      "hash" : "d42ac0a3f7bbae3bf57478f533ae88f4"
+    },
     "status-up-blue"              : {
       "name" : "status-up-blue",
       "rule" : ".status-up-blue",
@@ -401,6 +456,11 @@
       "rule" : ".status-up-white",
       "hash" : "ce80e291bc905b2692ad9f3ece7cf206"
     },
+    "status-warning"              : {
+      "name" : "status-warning",
+      "rule" : ".status-warning",
+      "hash" : "425a02c06f9590e9f7c078badf832d0c"
+    },
     "status-warning-blue"         : {
       "name" : "status-warning-blue",
       "rule" : ".status-warning-blue",

src/__celerity_resource_map__.php

@@ -716,15 +716,15 @@ celerity_register_resource_map(array(
   ),
   '/rsrc/image/sprite-status-X2.png' =>
   array(
-    'hash' => '25c79d119ef91268d9d85f5515fd1b5a',
-    'uri' => '/res/25c79d11/rsrc/image/sprite-status-X2.png',
+    'hash' => '2d2f0ae88ee9397faab05d4898106b73',
+    'uri' => '/res/2d2f0ae8/rsrc/image/sprite-status-X2.png',
     'disk' => '/rsrc/image/sprite-status-X2.png',
     'type' => 'png',
   ),
   '/rsrc/image/sprite-status.png' =>
   array(
-    'hash' => '0c5c2ec1d96f7c9720971919a934e0b8',
-    'uri' => '/res/0c5c2ec1/rsrc/image/sprite-status.png',
+    'hash' => '63be108f9a82f29126d35929ee1384a4',
+    'uri' => '/res/63be108f/rsrc/image/sprite-status.png',
     'disk' => '/rsrc/image/sprite-status.png',
     'type' => 'png',
   ),
@@ -4281,7 +4281,7 @@ celerity_register_resource_map(array(
   ),
   'sprite-status-css' =>
   array(
-    'uri' => '/res/c74fedbc/rsrc/css/sprite-status.css',
+    'uri' => '/res/b95c6a1c/rsrc/css/sprite-status.css',
     'type' => 'css',
     'requires' =>
     array(
@@ -4318,7 +4318,7 @@ celerity_register_resource_map(array(
 ), array(
   'packages' =>
   array(
-    '9632628e' =>
+    'a8252666' =>
     array(
       'name' => 'core.pkg.css',
       'symbols' =>
@@ -4367,7 +4367,7 @@ celerity_register_resource_map(array(
         41 => 'phabricator-tag-view-css',
         42 => 'phui-list-view-css',
       ),
-      'uri' => '/res/pkg/9632628e/core.pkg.css',
+      'uri' => '/res/pkg/a8252666/core.pkg.css',
       'type' => 'css',
     ),
     '2c1dba03' =>
@@ -4559,15 +4559,15 @@ celerity_register_resource_map(array(
   ),
   'reverse' =>
   array(
-    'aphront-dialog-view-css' => '9632628e',
-    'aphront-error-view-css' => '9632628e',
-    'aphront-list-filter-view-css' => '9632628e',
-    'aphront-pager-view-css' => '9632628e',
-    'aphront-panel-view-css' => '9632628e',
-    'aphront-table-view-css' => '9632628e',
-    'aphront-tokenizer-control-css' => '9632628e',
-    'aphront-tooltip-css' => '9632628e',
-    'aphront-typeahead-control-css' => '9632628e',
+    'aphront-dialog-view-css' => 'a8252666',
+    'aphront-error-view-css' => 'a8252666',
+    'aphront-list-filter-view-css' => 'a8252666',
+    'aphront-pager-view-css' => 'a8252666',
+    'aphront-panel-view-css' => 'a8252666',
+    'aphront-table-view-css' => 'a8252666',
+    'aphront-tokenizer-control-css' => 'a8252666',
+    'aphront-tooltip-css' => 'a8252666',
+    'aphront-typeahead-control-css' => 'a8252666',
     'differential-changeset-view-css' => '1084b12b',
     'differential-core-view-css' => '1084b12b',
     'differential-inline-comment-editor' => '5e9e5c4e',
@@ -4581,7 +4581,7 @@ celerity_register_resource_map(array(
     'differential-table-of-contents-css' => '1084b12b',
     'diffusion-commit-view-css' => '270f4eb4',
     'diffusion-icons-css' => '270f4eb4',
-    'global-drag-and-drop-css' => '9632628e',
+    'global-drag-and-drop-css' => 'a8252666',
     'inline-comment-summary-css' => '1084b12b',
     'javelin-aphlict' => '2c1dba03',
     'javelin-behavior' => '3e3be199',
@@ -4656,56 +4656,56 @@ celerity_register_resource_map(array(
     'javelin-util' => '3e3be199',
     'javelin-vector' => '3e3be199',
     'javelin-workflow' => '3e3be199',
-    'lightbox-attachment-css' => '9632628e',
+    'lightbox-attachment-css' => 'a8252666',
     'maniphest-task-summary-css' => '49898640',
-    'phabricator-action-list-view-css' => '9632628e',
-    'phabricator-application-launch-view-css' => '9632628e',
+    'phabricator-action-list-view-css' => 'a8252666',
+    'phabricator-application-launch-view-css' => 'a8252666',
     'phabricator-busy' => '2c1dba03',
     'phabricator-content-source-view-css' => '1084b12b',
-    'phabricator-core-css' => '9632628e',
-    'phabricator-crumbs-view-css' => '9632628e',
+    'phabricator-core-css' => 'a8252666',
+    'phabricator-crumbs-view-css' => 'a8252666',
     'phabricator-drag-and-drop-file-upload' => '5e9e5c4e',
     'phabricator-dropdown-menu' => '2c1dba03',
     'phabricator-file-upload' => '2c1dba03',
-    'phabricator-filetree-view-css' => '9632628e',
-    'phabricator-flag-css' => '9632628e',
+    'phabricator-filetree-view-css' => 'a8252666',
+    'phabricator-flag-css' => 'a8252666',
     'phabricator-hovercard' => '2c1dba03',
-    'phabricator-jump-nav' => '9632628e',
+    'phabricator-jump-nav' => 'a8252666',
     'phabricator-keyboard-shortcut' => '2c1dba03',
     'phabricator-keyboard-shortcut-manager' => '2c1dba03',
-    'phabricator-main-menu-view' => '9632628e',
+    'phabricator-main-menu-view' => 'a8252666',
     'phabricator-menu-item' => '2c1dba03',
-    'phabricator-nav-view-css' => '9632628e',
+    'phabricator-nav-view-css' => 'a8252666',
     'phabricator-notification' => '2c1dba03',
-    'phabricator-notification-css' => '9632628e',
-    'phabricator-notification-menu-css' => '9632628e',
+    'phabricator-notification-css' => 'a8252666',
+    'phabricator-notification-menu-css' => 'a8252666',
     'phabricator-object-selector-css' => '1084b12b',
     'phabricator-phtize' => '2c1dba03',
     'phabricator-prefab' => '2c1dba03',
     'phabricator-project-tag-css' => '49898640',
-    'phabricator-remarkup-css' => '9632628e',
+    'phabricator-remarkup-css' => 'a8252666',
     'phabricator-shaped-request' => '5e9e5c4e',
-    'phabricator-side-menu-view-css' => '9632628e',
-    'phabricator-standard-page-view' => '9632628e',
-    'phabricator-tag-view-css' => '9632628e',
+    'phabricator-side-menu-view-css' => 'a8252666',
+    'phabricator-standard-page-view' => 'a8252666',
+    'phabricator-tag-view-css' => 'a8252666',
     'phabricator-textareautils' => '2c1dba03',
     'phabricator-tooltip' => '2c1dba03',
-    'phabricator-transaction-view-css' => '9632628e',
-    'phabricator-zindex-css' => '9632628e',
-    'phui-button-css' => '9632628e',
-    'phui-form-css' => '9632628e',
-    'phui-form-view-css' => '9632628e',
-    'phui-header-view-css' => '9632628e',
-    'phui-icon-view-css' => '9632628e',
-    'phui-list-view-css' => '9632628e',
-    'phui-object-item-list-view-css' => '9632628e',
-    'phui-property-list-view-css' => '9632628e',
-    'phui-spacing-css' => '9632628e',
-    'sprite-apps-large-css' => '9632628e',
-    'sprite-gradient-css' => '9632628e',
-    'sprite-icons-css' => '9632628e',
-    'sprite-menu-css' => '9632628e',
-    'sprite-status-css' => '9632628e',
-    'syntax-highlighting-css' => '9632628e',
+    'phabricator-transaction-view-css' => 'a8252666',
+    'phabricator-zindex-css' => 'a8252666',
+    'phui-button-css' => 'a8252666',
+    'phui-form-css' => 'a8252666',
+    'phui-form-view-css' => 'a8252666',
+    'phui-header-view-css' => 'a8252666',
+    'phui-icon-view-css' => 'a8252666',
+    'phui-list-view-css' => 'a8252666',
+    'phui-object-item-list-view-css' => 'a8252666',
+    'phui-property-list-view-css' => 'a8252666',
+    'phui-spacing-css' => 'a8252666',
+    'sprite-apps-large-css' => 'a8252666',
+    'sprite-gradient-css' => 'a8252666',
+    'sprite-icons-css' => 'a8252666',
+    'sprite-menu-css' => 'a8252666',
+    'sprite-status-css' => 'a8252666',
+    'syntax-highlighting-css' => 'a8252666',
   ),
 ));

webroot/rsrc/css/sprite-status.css

@@ -13,7 +13,7 @@ only screen and (min-device-pixel-ratio: 1.5),
 only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   .sprite-status {
     background-image: url(/rsrc/image/sprite-status-X2.png);
-    background-size: 135px 150px;
+    background-size: 150px 150px;
   }
 }
 
@@ -38,322 +38,370 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   background-position: -60px 0px;
 }
 
-.status-add-blue {
+.status-accept {
   background-position: -75px 0px;
 }
 
-.status-add-dark {
+.status-add-blue {
   background-position: -90px 0px;
 }
 
-.status-add-green {
+.status-add-dark {
   background-position: -105px 0px;
 }
 
-.status-add-red {
+.status-add-green {
   background-position: -120px 0px;
 }
 
+.status-add-red {
+  background-position: -135px 0px;
+}
+
 .status-add-white {
   background-position: 0px -15px;
 }
 
-.status-down-blue {
+.status-add {
   background-position: -15px -15px;
 }
 
-.status-down-dark {
+.status-down-blue {
   background-position: -30px -15px;
 }
 
-.status-down-green {
+.status-down-dark {
   background-position: -45px -15px;
 }
 
-.status-down-red {
+.status-down-green {
   background-position: -60px -15px;
 }
 
-.status-down-white {
+.status-down-red {
   background-position: -75px -15px;
 }
 
-.status-info-blue {
+.status-down-white {
   background-position: -90px -15px;
 }
 
-.status-info-dark {
+.status-down {
   background-position: -105px -15px;
 }
 
-.status-info-green {
+.status-info-blue {
   background-position: -120px -15px;
 }
 
-.status-info-red {
+.status-info-dark {
+  background-position: -135px -15px;
+}
+
+.status-info-green {
   background-position: 0px -30px;
 }
 
-.status-info-white {
+.status-info-red {
   background-position: -15px -30px;
 }
 
-.status-left-blue {
+.status-info-white {
   background-position: -30px -30px;
 }
 
-.status-left-dark {
+.status-info {
   background-position: -45px -30px;
 }
 
-.status-left-green {
+.status-left-blue {
   background-position: -60px -30px;
 }
 
-.status-left-red {
+.status-left-dark {
   background-position: -75px -30px;
 }
 
-.status-left-white {
+.status-left-green {
   background-position: -90px -30px;
 }
 
-.status-minus-blue {
+.status-left-red {
   background-position: -105px -30px;
 }
 
-.status-minus-dark {
+.status-left-white {
   background-position: -120px -30px;
 }
 
-.status-minus-green {
+.status-left {
+  background-position: -135px -30px;
+}
+
+.status-minus-blue {
   background-position: 0px -45px;
 }
 
-.status-minus-red {
+.status-minus-dark {
   background-position: -15px -45px;
 }
 
-.status-minus-white {
+.status-minus-green {
   background-position: -30px -45px;
 }
 
-.status-oh-closed-dark {
+.status-minus-red {
   background-position: -45px -45px;
 }
 
-.status-oh-closed {
+.status-minus-white {
   background-position: -60px -45px;
 }
 
-.status-oh-ok-dark {
+.status-minus {
   background-position: -75px -45px;
 }
 
-.status-oh-ok {
+.status-oh-closed-dark {
   background-position: -90px -45px;
 }
 
-.status-oh-open-green {
+.status-oh-closed {
   background-position: -105px -45px;
 }
 
-.status-oh-open-red {
+.status-oh-ok-dark {
   background-position: -120px -45px;
 }
 
-.status-oh-open {
+.status-oh-ok {
+  background-position: -135px -45px;
+}
+
+.status-oh-open-green {
   background-position: 0px -60px;
 }
 
-.status-open-blue {
+.status-oh-open-red {
   background-position: -15px -60px;
 }
 
-.status-open-dark {
+.status-oh-open {
   background-position: -30px -60px;
 }
 
-.status-open-green {
+.status-open-blue {
   background-position: -45px -60px;
 }
 
-.status-open-red {
+.status-open-dark {
   background-position: -60px -60px;
 }
 
-.status-open-white {
+.status-open-green {
   background-position: -75px -60px;
 }
 
-.status-policy-admin-white, .dropdown-menu-item:hover .status-policy-admin {
+.status-open-red {
   background-position: -90px -60px;
 }
 
-.status-policy-admin {
+.status-open-white {
   background-position: -105px -60px;
 }
 
-.status-policy-all-white, .dropdown-menu-item:hover .status-policy-all {
+.status-open {
   background-position: -120px -60px;
 }
 
-.status-policy-all {
+.status-policy-admin-white, .dropdown-menu-item:hover .status-policy-admin {
+  background-position: -135px -60px;
+}
+
+.status-policy-admin {
   background-position: 0px -75px;
 }
 
-.status-policy-custom-white, .dropdown-menu-item:hover .status-policy-custom {
+.status-policy-all-white, .dropdown-menu-item:hover .status-policy-all {
   background-position: -15px -75px;
 }
 
-.status-policy-custom {
+.status-policy-all {
   background-position: -30px -75px;
 }
 
-.status-policy-noone-white, .dropdown-menu-item:hover .status-policy-noone {
+.status-policy-custom-white, .dropdown-menu-item:hover .status-policy-custom {
   background-position: -45px -75px;
 }
 
-.status-policy-noone {
+.status-policy-custom {
   background-position: -60px -75px;
 }
 
-.status-policy-project-white, .dropdown-menu-item:hover .status-policy-project {
+.status-policy-noone-white, .dropdown-menu-item:hover .status-policy-noone {
   background-position: -75px -75px;
 }
 
-.status-policy-project {
+.status-policy-noone {
   background-position: -90px -75px;
 }
 
-.status-policy-public-white, .dropdown-menu-item:hover .status-policy-public {
+.status-policy-project-white, .dropdown-menu-item:hover .status-policy-project {
   background-position: -105px -75px;
 }
 
-.status-policy-public {
+.status-policy-project {
   background-position: -120px -75px;
 }
 
-.status-policy-unknown-white, .dropdown-menu-item:hover .status-policy-unknown {
+.status-policy-public-white, .dropdown-menu-item:hover .status-policy-public {
+  background-position: -135px -75px;
+}
+
+.status-policy-public {
   background-position: 0px -90px;
 }
 
-.status-policy-unknown {
+.status-policy-unknown-white, .dropdown-menu-item:hover .status-policy-unknown {
   background-position: -15px -90px;
 }
 
-.status-question-blue {
+.status-policy-unknown {
   background-position: -30px -90px;
 }
 
-.status-question-dark {
+.status-question-blue {
   background-position: -45px -90px;
 }
 
-.status-question-green {
+.status-question-dark {
   background-position: -60px -90px;
 }
 
-.status-question-red {
+.status-question-green {
   background-position: -75px -90px;
 }
 
-.status-question-white {
+.status-question-red {
   background-position: -90px -90px;
 }
 
-.status-reject-blue {
+.status-question-white {
   background-position: -105px -90px;
 }
 
-.status-reject-dark {
+.status-question {
   background-position: -120px -90px;
 }
 
-.status-reject-green {
+.status-reject-blue {
+  background-position: -135px -90px;
+}
+
+.status-reject-dark {
   background-position: 0px -105px;
 }
 
-.status-reject-red {
+.status-reject-green {
   background-position: -15px -105px;
 }
 
-.status-reject-white {
+.status-reject-red {
   background-position: -30px -105px;
 }
 
-.status-right-blue {
+.status-reject-white {
   background-position: -45px -105px;
 }
 
-.status-right-dark {
+.status-reject {
   background-position: -60px -105px;
 }
 
-.status-right-green {
+.status-right-blue {
   background-position: -75px -105px;
 }
 
-.status-right-red {
+.status-right-dark {
   background-position: -90px -105px;
 }
 
-.status-right-white {
+.status-right-green {
   background-position: -105px -105px;
 }
 
-.status-time-green {
+.status-right-red {
   background-position: -120px -105px;
 }
 
-.status-time-orange {
+.status-right-white {
   background-position: 0px -120px;
 }
 
-.status-time-red {
+.status-right {
   background-position: -15px -120px;
 }
 
-.status-time-yellow {
+.status-time-green {
   background-position: -30px -120px;
 }
 
-.status-up-blue {
+.status-time-orange {
   background-position: -45px -120px;
 }
 
-.status-up-dark {
+.status-time-red {
   background-position: -60px -120px;
 }
 
-.status-up-green {
+.status-time-yellow {
   background-position: -75px -120px;
 }
 
-.status-up-red {
+.status-up-blue {
   background-position: -90px -120px;
 }
 
-.status-up-white {
+.status-up-dark {
   background-position: -105px -120px;
 }
 
-.status-warning-blue {
+.status-up-green {
   background-position: -120px -120px;
 }
 
-.status-warning-dark {
+.status-up-red {
   background-position: 0px -135px;
 }
 
-.status-warning-green {
+.status-up-white {
   background-position: -15px -135px;
 }
 
-.status-warning-red {
+.status-up {
   background-position: -30px -135px;
 }
 
-.status-warning-white {
+.status-warning-blue {
   background-position: -45px -135px;
 }
+
+.status-warning-dark {
+  background-position: -60px -135px;
+}
+
+.status-warning-green {
+  background-position: -75px -135px;
+}
+
+.status-warning-red {
+  background-position: -90px -135px;
+}
+
+.status-warning-white {
+  background-position: -105px -135px;
+}
+
+.status-warning {
+  background-position: -120px -135px;
+}