diff --git a/resources/sprite/gradients/black-dark.png b/resources/sprite/gradients/black-dark.png
new file mode 100644
index 0000000000..357183730f
Binary files /dev/null and b/resources/sprite/gradients/black-dark.png differ
diff --git a/resources/sprite/gradients/black-light.png b/resources/sprite/gradients/black-light.png
new file mode 100644
index 0000000000..6c744f92b2
Binary files /dev/null and b/resources/sprite/gradients/black-light.png differ
diff --git a/resources/sprite/gradients/blue-dark.png b/resources/sprite/gradients/blue-dark.png
new file mode 100644
index 0000000000..95b44ed8a1
Binary files /dev/null and b/resources/sprite/gradients/blue-dark.png differ
diff --git a/resources/sprite/gradients/blue-light.png b/resources/sprite/gradients/blue-light.png
new file mode 100644
index 0000000000..95f5f0c5e2
Binary files /dev/null and b/resources/sprite/gradients/blue-light.png differ
diff --git a/resources/sprite/gradients/breadcrumbs.png b/resources/sprite/gradients/breadcrumbs.png
new file mode 100644
index 0000000000..ea39b776ab
Binary files /dev/null and b/resources/sprite/gradients/breadcrumbs.png differ
diff --git a/resources/sprite/gradients/dark-menu-label.png b/resources/sprite/gradients/dark-menu-label.png
new file mode 100644
index 0000000000..30f94c868a
Binary files /dev/null and b/resources/sprite/gradients/dark-menu-label.png differ
diff --git a/resources/sprite/gradients/green-dark.png b/resources/sprite/gradients/green-dark.png
new file mode 100644
index 0000000000..718c903318
Binary files /dev/null and b/resources/sprite/gradients/green-dark.png differ
diff --git a/resources/sprite/gradients/green-light.png b/resources/sprite/gradients/green-light.png
new file mode 100644
index 0000000000..3c9422da3a
Binary files /dev/null and b/resources/sprite/gradients/green-light.png differ
diff --git a/resources/sprite/gradients/grey-dark.png b/resources/sprite/gradients/grey-dark.png
new file mode 100644
index 0000000000..d5b60e0636
Binary files /dev/null and b/resources/sprite/gradients/grey-dark.png differ
diff --git a/resources/sprite/gradients/grey-light.png b/resources/sprite/gradients/grey-light.png
new file mode 100644
index 0000000000..94c223aee6
Binary files /dev/null and b/resources/sprite/gradients/grey-light.png differ
diff --git a/resources/sprite/manifest/gradient.json b/resources/sprite/manifest/gradient.json
new file mode 100644
index 0000000000..ab96d12c96
--- /dev/null
+++ b/resources/sprite/manifest/gradient.json
@@ -0,0 +1,60 @@
+{
+  "version" : 1,
+  "sprites" : {
+    "gradient-black-dark"      : {
+      "name" : "gradient-black-dark",
+      "rule" : ".gradient-black-dark, button.black, a.black, a.black:visited",
+      "hash" : "b9faf8505427bb14a8c51324e13e2f81"
+    },
+    "gradient-black-light"     : {
+      "name" : "gradient-black-light",
+      "rule" : ".gradient-black-light, button.black:active, a.black:active",
+      "hash" : "812c3375d00ccc93c36c6df2eb565df4"
+    },
+    "gradient-blue-dark"       : {
+      "name" : "gradient-blue-dark",
+      "rule" : ".gradient-blue-dark, button, a.button, a.button:visited, input.inputsubmit",
+      "hash" : "adc2d0f7397374936384014c5d78550d"
+    },
+    "gradient-blue-light"      : {
+      "name" : "gradient-blue-light",
+      "rule" : ".gradient-blue-light, button:active, a.button:active",
+      "hash" : "91b841067a63e543a4dcd9d41e0a2e5c"
+    },
+    "gradient-breadcrumbs"     : {
+      "name" : "gradient-breadcrumbs",
+      "rule" : ".gradient-breadcrumbs",
+      "hash" : "688ab77f50cfbc17ec30d798efb1b39e"
+    },
+    "gradient-dark-menu-label" : {
+      "name" : "gradient-dark-menu-label",
+      "rule" : ".gradient-dark-menu-label",
+      "hash" : "89a908596142d38fbe61a706694cd321"
+    },
+    "gradient-green-dark"      : {
+      "name" : "gradient-green-dark",
+      "rule" : ".gradient-green-dark, button.green, a.green, a.green:visited",
+      "hash" : "0d19ab593772b6b406c0db309b3a14fb"
+    },
+    "gradient-green-light"     : {
+      "name" : "gradient-green-light",
+      "rule" : ".gradient-green-light, button.green:active, a.green:active",
+      "hash" : "71c67916327ec7fc65149ab72c3a2924"
+    },
+    "gradient-grey-dark"       : {
+      "name" : "gradient-grey-dark",
+      "rule" : ".gradient-grey-dark, button.grey, input.inputaux, a.grey, a.grey:visited, a.button.disabled, button[disabled], button.disabled",
+      "hash" : "32651902d28d37dca01cf067072c39c0"
+    },
+    "gradient-grey-light"      : {
+      "name" : "gradient-grey-light",
+      "rule" : ".gradient-grey-light, button.grey:active, a.grey:active, button.grey_active, a.dropdown-open",
+      "hash" : "c3c9ee1ed6f800a4ac86910b94687877"
+    }
+  },
+  "scales"  : [
+    1
+  ],
+  "header"  : "\/**\n * @provides sprite-gradient-css\n * @generated\n *\/\n\n.sprite-gradient, button, a.button, a.button:visited, input.inputsubmit {\n  background-image: url(\/rsrc\/image\/sprite-gradient.png);\n  background-repeat: repeat-x;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n  .sprite-gradient, button, a.button, a.button:visited, input.inputsubmit {\n    background-image: url(\/rsrc\/image\/sprite-gradient-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}",
+  "type"    : "repeat-x"
+}
diff --git a/resources/sprite/manifest/icon.json b/resources/sprite/manifest/icon.json
index 62019003a3..0c53260cad 100644
--- a/resources/sprite/manifest/icon.json
+++ b/resources/sprite/manifest/icon.json
@@ -1,970 +1,971 @@
 {
   "version" : 1,
   "sprites" : {
     "action-arrow_left"             : {
       "name" : "action-arrow_left",
       "rule" : ".action-arrow_left",
       "hash" : "d4d2ea82a38975e9630d75ea36a97239"
     },
     "action-arrow_left-grey"        : {
       "name" : "action-arrow_left-grey",
       "rule" : ".action-arrow_left-grey",
       "hash" : "ab68a8f75c055fe43e02d9a55006ac80"
     },
     "action-arrow_left-white"       : {
       "name" : "action-arrow_left-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-arrow_left",
       "hash" : "23e5824a1e58e858d7fff622e10c9670"
     },
     "action-arrow_right"            : {
       "name" : "action-arrow_right",
       "rule" : ".action-arrow_right",
       "hash" : "9f23ba0505db0e199a866d1810f8156a"
     },
     "action-arrow_right-grey"       : {
       "name" : "action-arrow_right-grey",
       "rule" : ".action-arrow_right-grey",
       "hash" : "1d71f24b7821e63eca17d2c2501892a9"
     },
     "action-arrow_right-white"      : {
       "name" : "action-arrow_right-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-arrow_right",
       "hash" : "c36b010025e1550fda9dff1d4b677076"
     },
     "action-attach"                 : {
       "name" : "action-attach",
       "rule" : ".action-attach",
       "hash" : "bc18c0f45652bca9b7f1d9996fef3514"
     },
     "action-attach-grey"            : {
       "name" : "action-attach-grey",
       "rule" : ".action-attach-grey",
       "hash" : "ba38e3af334aafa6f42ab01ef8879cef"
     },
     "action-attach-white"           : {
       "name" : "action-attach-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-attach",
       "hash" : "8f95a2a247a1b2f79c55b76bc62caedb"
     },
     "action-blame"                  : {
       "name" : "action-blame",
       "rule" : ".action-blame",
       "hash" : "b90fd9e982c92a29b8eb61a02d9276d1"
     },
     "action-blame-grey"             : {
       "name" : "action-blame-grey",
       "rule" : ".action-blame-grey",
       "hash" : "dd16c414547b9ced79f95bf8481e9406"
     },
     "action-blame-white"            : {
       "name" : "action-blame-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-blame",
       "hash" : "f2d2a1a06236432903297bf58cf00138"
     },
     "action-check"                  : {
       "name" : "action-check",
       "rule" : ".action-check",
       "hash" : "0806a6293f4b6e65112fc17484ae4f70"
     },
     "action-check-grey"             : {
       "name" : "action-check-grey",
       "rule" : ".action-check-grey",
       "hash" : "c10d72cc1504f9d5ffccbd26fd798518"
     },
     "action-check-white"            : {
       "name" : "action-check-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-check",
       "hash" : "6328b4abc8f44954e637c3382e859536"
     },
     "action-comment"                : {
       "name" : "action-comment",
       "rule" : ".action-comment",
       "hash" : "e7e0d20602f4a77e90e13e0a60974ce5"
     },
     "action-comment-grey"           : {
       "name" : "action-comment-grey",
       "rule" : ".action-comment-grey",
       "hash" : "a0a1f0d0d32fab29c58dcc59c2b6fcb2"
     },
     "action-comment-white"          : {
       "name" : "action-comment-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-comment",
       "hash" : "370761544111cf3d6a8878927baa9199"
     },
     "action-computer"               : {
       "name" : "action-computer",
       "rule" : ".action-computer",
       "hash" : "b724d76f98fff7bc187f40cc23c06bc8"
     },
     "action-computer-grey"          : {
       "name" : "action-computer-grey",
       "rule" : ".action-computer-grey",
       "hash" : "3c46bda86e5c60b81909c1fa1395bb14"
     },
     "action-computer-white"         : {
       "name" : "action-computer-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-computer",
       "hash" : "82cef35cbea64a3ee60a9b71f2a1c583"
     },
     "action-create"                 : {
       "name" : "action-create",
       "rule" : ".action-create",
       "hash" : "360c79b389e5f3667f9be3ec47b3f248"
     },
     "action-create-grey"            : {
       "name" : "action-create-grey",
       "rule" : ".action-create-grey",
       "hash" : "03ac5c89de22f74442fab30ca777119f"
     },
     "action-create-white"           : {
       "name" : "action-create-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-create",
       "hash" : "126f91b6c84a5f6d5b60b347b690d12c"
     },
     "action-delete"                 : {
       "name" : "action-delete",
       "rule" : ".action-delete",
       "hash" : "3bcd865dc1d46645735cd97400ff8aba"
     },
     "action-delete-grey"            : {
       "name" : "action-delete-grey",
       "rule" : ".action-delete-grey",
       "hash" : "272c2791dbbaa37e9240e1da45325546"
     },
     "action-delete-white"           : {
       "name" : "action-delete-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-delete",
       "hash" : "e773f5117a9a29f3fa338e7ef8dc1780"
     },
     "action-disable"                : {
       "name" : "action-disable",
       "rule" : ".action-disable",
       "hash" : "d9b0d16bdeaad39ccd881641c3bbd966"
     },
     "action-disable-grey"           : {
       "name" : "action-disable-grey",
       "rule" : ".action-disable-grey",
       "hash" : "7ff9a4502d1ae097d105b96d05e0ac64"
     },
     "action-disable-white"          : {
       "name" : "action-disable-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-disable",
       "hash" : "eae52c680ce1bc0b529a76a200cc52df"
     },
     "action-dislike"                : {
       "name" : "action-dislike",
       "rule" : ".action-dislike",
       "hash" : "12234ae1fff0a0cae4a3b08366dc8e76"
     },
     "action-dislike-grey"           : {
       "name" : "action-dislike-grey",
       "rule" : ".action-dislike-grey",
       "hash" : "b75e2fb881f80263a943aae46e866da5"
     },
     "action-dislike-white"          : {
       "name" : "action-dislike-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-dislike",
       "hash" : "045543b094cdcd888d64860869cc6e5b"
     },
     "action-download"               : {
       "name" : "action-download",
       "rule" : ".action-download",
       "hash" : "d833c952e92afabe38f22afd797bd930"
     },
     "action-download-grey"          : {
       "name" : "action-download-grey",
       "rule" : ".action-download-grey",
       "hash" : "57676a6e25d26648d1fd9a8a8f580771"
     },
     "action-download-white"         : {
       "name" : "action-download-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-download",
       "hash" : "cc5c770af0fd5a1097c743c99fd27985"
     },
     "action-edit"                   : {
       "name" : "action-edit",
       "rule" : ".action-edit",
       "hash" : "7a689907e70134d9b959cce8b9563f78"
     },
     "action-edit-grey"              : {
       "name" : "action-edit-grey",
       "rule" : ".action-edit-grey",
       "hash" : "180a369e4ebfd663bac4b0f71c6fd6e0"
     },
     "action-edit-white"             : {
       "name" : "action-edit-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-edit",
       "hash" : "8c1e028cdcffd4b5f2b2b1ffbefd94aa"
     },
     "action-enable"                 : {
       "name" : "action-enable",
       "rule" : ".action-enable",
       "hash" : "44a48b59d175cbf76ed76c5f10f37e99"
     },
     "action-enable-grey"            : {
       "name" : "action-enable-grey",
       "rule" : ".action-enable-grey",
       "hash" : "8bfde2b13363e83c2980bb67a756b46e"
     },
     "action-enable-white"           : {
       "name" : "action-enable-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-enable",
       "hash" : "455194cf17fcced25cbc0156951180fd"
     },
     "action-file"                   : {
       "name" : "action-file",
       "rule" : ".action-file",
       "hash" : "ae34ce5e62b1bc3c4dc6da4f7fbf7447"
     },
     "action-file-grey"              : {
       "name" : "action-file-grey",
       "rule" : ".action-file-grey",
       "hash" : "1eb8c0b693fa2ee7a71fe6ef885b20eb"
     },
     "action-file-white"             : {
       "name" : "action-file-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-file",
       "hash" : "fc348080a6fa3d845f8da0dba1f0accf"
     },
     "action-flag"                   : {
       "name" : "action-flag",
       "rule" : ".action-flag",
       "hash" : "6c005cc20af556cd6131747654444ec6"
     },
     "action-flag-0"                 : {
       "name" : "action-flag-0",
       "rule" : ".action-flag-0",
       "hash" : "b6147505c95144f0ce6c5bc4c74a3bf3"
     },
     "action-flag-0-grey"            : {
       "name" : "action-flag-0-grey",
       "rule" : ".action-flag-0-grey",
       "hash" : "6422b4d1e9878dfedc7ec670ba97c9ac"
     },
     "action-flag-0-white"           : {
       "name" : "action-flag-0-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-0",
       "hash" : "44e72a52052200846fcf3d7dd13d1247"
     },
     "action-flag-1"                 : {
       "name" : "action-flag-1",
       "rule" : ".action-flag-1",
       "hash" : "7c9c162d50e8496e373b719ef7b507b6"
     },
     "action-flag-1-grey"            : {
       "name" : "action-flag-1-grey",
       "rule" : ".action-flag-1-grey",
       "hash" : "1bc1b824544c19f83c0c564fba07e504"
     },
     "action-flag-1-white"           : {
       "name" : "action-flag-1-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-1",
       "hash" : "83e63386c1b5fe0a2580c57dcd3d5bc8"
     },
     "action-flag-2"                 : {
       "name" : "action-flag-2",
       "rule" : ".action-flag-2",
       "hash" : "c6c1a0a1d66e4a492989af2e5a784c34"
     },
     "action-flag-2-grey"            : {
       "name" : "action-flag-2-grey",
       "rule" : ".action-flag-2-grey",
       "hash" : "b80cf86cae93a20a87d8cb8c742b9576"
     },
     "action-flag-2-white"           : {
       "name" : "action-flag-2-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-2",
       "hash" : "86e4cdc53d9101f144455114ec01856b"
     },
     "action-flag-3"                 : {
       "name" : "action-flag-3",
       "rule" : ".action-flag-3",
       "hash" : "8bbc031251a1834d6ede293474d62545"
     },
     "action-flag-3-grey"            : {
       "name" : "action-flag-3-grey",
       "rule" : ".action-flag-3-grey",
       "hash" : "0c4934d095a7a6ffa4ee734203af3616"
     },
     "action-flag-3-white"           : {
       "name" : "action-flag-3-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-3",
       "hash" : "de92148b46fa30ed3e5cfdc63c941213"
     },
     "action-flag-4"                 : {
       "name" : "action-flag-4",
       "rule" : ".action-flag-4",
       "hash" : "2ba2c89181a1f7949a1e9ac93bce41e3"
     },
     "action-flag-4-grey"            : {
       "name" : "action-flag-4-grey",
       "rule" : ".action-flag-4-grey",
       "hash" : "84594202eff4dd72abcf3ae30f8138b0"
     },
     "action-flag-4-white"           : {
       "name" : "action-flag-4-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-4",
       "hash" : "832420753c9481e7fc0de1b16d465951"
     },
     "action-flag-5"                 : {
       "name" : "action-flag-5",
       "rule" : ".action-flag-5",
       "hash" : "922270dee1b7b36be6845008352d34e8"
     },
     "action-flag-5-grey"            : {
       "name" : "action-flag-5-grey",
       "rule" : ".action-flag-5-grey",
       "hash" : "3471ceb4994112b0a6e48eeb50ad8c90"
     },
     "action-flag-5-white"           : {
       "name" : "action-flag-5-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-5",
       "hash" : "d80426ed6dad58d6b557adc3b08a35c2"
     },
     "action-flag-6"                 : {
       "name" : "action-flag-6",
       "rule" : ".action-flag-6",
       "hash" : "02c3fb78cc75105605659578e75acfc3"
     },
     "action-flag-6-grey"            : {
       "name" : "action-flag-6-grey",
       "rule" : ".action-flag-6-grey",
       "hash" : "8ab1cde8884759e77030c9343d177bdb"
     },
     "action-flag-6-white"           : {
       "name" : "action-flag-6-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-6",
       "hash" : "40bf7e2b36e70d02fab3cdf7e7eece36"
     },
     "action-flag-7"                 : {
       "name" : "action-flag-7",
       "rule" : ".action-flag-7",
       "hash" : "f4c757e27875d55e914608fecc190849"
     },
     "action-flag-7-grey"            : {
       "name" : "action-flag-7-grey",
       "rule" : ".action-flag-7-grey",
       "hash" : "d16921bf53cd5142c7fea2177511bb9e"
     },
     "action-flag-7-white"           : {
       "name" : "action-flag-7-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-7",
       "hash" : "5972a5f1e3ecff9146727ebfb43c5956"
     },
     "action-flag-ghost"             : {
       "name" : "action-flag-ghost",
       "rule" : ".action-flag-ghost",
       "hash" : "80d651f12e09ec81435612e06e28a2e2"
     },
     "action-flag-ghost-grey"        : {
       "name" : "action-flag-ghost-grey",
       "rule" : ".action-flag-ghost-grey",
       "hash" : "6a5ee12fc2f0f7961e646c3a335e2703"
     },
     "action-flag-ghost-white"       : {
       "name" : "action-flag-ghost-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-ghost",
       "hash" : "ff05197e8a66b1fb1037c93f3c52d866"
     },
     "action-flag-grey"              : {
       "name" : "action-flag-grey",
       "rule" : ".action-flag-grey",
       "hash" : "cf991807516bcdd9c175463cba0ddf6d"
     },
     "action-flag-white"             : {
       "name" : "action-flag-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-flag",
       "hash" : "bb03676086c8af46377bb61593af0baa"
     },
     "action-folder-open"            : {
       "name" : "action-folder-open",
       "rule" : ".action-folder-open",
       "hash" : "3626a7bee8e8e0f846c5bc1432cd21a7"
     },
     "action-folder-open-grey"       : {
       "name" : "action-folder-open-grey",
       "rule" : ".action-folder-open-grey",
       "hash" : "5920e7bc4385d3efe46eb0e9ba28f828"
     },
     "action-folder-open-white"      : {
       "name" : "action-folder-open-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-folder-open",
       "hash" : "5ccf5cfa0f446a522e55f64fe3ceed76"
     },
     "action-fork"                   : {
       "name" : "action-fork",
       "rule" : ".action-fork",
       "hash" : "f2786a0553793e4eafd5088c325d3bf1"
     },
     "action-fork-grey"              : {
       "name" : "action-fork-grey",
       "rule" : ".action-fork-grey",
       "hash" : "b21de87ac4434cc79360d7f1f86b9feb"
     },
     "action-fork-white"             : {
       "name" : "action-fork-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-fork",
       "hash" : "68f97284072a6ff630261af74629c884"
     },
     "action-herald"                 : {
       "name" : "action-herald",
       "rule" : ".action-herald",
       "hash" : "a09777d816e1c3ec7ca1f024413d853a"
     },
     "action-herald-grey"            : {
       "name" : "action-herald-grey",
       "rule" : ".action-herald-grey",
       "hash" : "b091b3f6776f0620b77f7943e2723354"
     },
     "action-herald-white"           : {
       "name" : "action-herald-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-herald",
       "hash" : "a30bd0191721e4ab028338c4c7ebdfa8"
     },
     "action-highlight"              : {
       "name" : "action-highlight",
       "rule" : ".action-highlight",
       "hash" : "c25f409ae6b43aa8edc28aac44bdb648"
     },
     "action-highlight-grey"         : {
       "name" : "action-highlight-grey",
       "rule" : ".action-highlight-grey",
       "hash" : "0638dc63d844cd03441457999486e295"
     },
     "action-highlight-white"        : {
       "name" : "action-highlight-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-highlight",
       "hash" : "27e28bec94c1652eef5c556f23aa1dd6"
     },
     "action-history"                : {
       "name" : "action-history",
       "rule" : ".action-history",
       "hash" : "2ce835c4d455cf7ebb7914c6387a29ab"
     },
     "action-history-grey"           : {
       "name" : "action-history-grey",
       "rule" : ".action-history-grey",
       "hash" : "8685d466a6450d1055bb25782316af17"
     },
     "action-history-white"          : {
       "name" : "action-history-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-history",
       "hash" : "2c57ad5babe37b8335e88c5464c5529c"
     },
     "action-image"                  : {
       "name" : "action-image",
       "rule" : ".action-image",
       "hash" : "7e2d0b5937124146c8da254601d34d15"
     },
     "action-image-grey"             : {
       "name" : "action-image-grey",
       "rule" : ".action-image-grey",
       "hash" : "cc5392a9d8deb9b3a30b370924635eb1"
     },
     "action-image-white"            : {
       "name" : "action-image-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-image",
       "hash" : "66ee76f5242792c0c274980df9bd9d58"
     },
     "action-like"                   : {
       "name" : "action-like",
       "rule" : ".action-like",
       "hash" : "f024649c9c2a82e0ad0afdd8884a2c7d"
     },
     "action-like-grey"              : {
       "name" : "action-like-grey",
       "rule" : ".action-like-grey",
       "hash" : "a89fdf2f499e762b97f54c507715bde6"
     },
     "action-like-white"             : {
       "name" : "action-like-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-like",
       "hash" : "bd1a5fad4c83353e476378fc1d99c6e1"
     },
     "action-link"                   : {
       "name" : "action-link",
       "rule" : ".action-link",
       "hash" : "7c37d22aafdfd860b942d5fbcdc4975c"
     },
     "action-link-grey"              : {
       "name" : "action-link-grey",
       "rule" : ".action-link-grey",
       "hash" : "8139d52194b607e8c73d5a2124a28329"
     },
     "action-link-white"             : {
       "name" : "action-link-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-link",
       "hash" : "157c08f843f6f30cf3561349f8e4ddbd"
     },
     "action-lint-info"              : {
       "name" : "action-lint-info",
       "rule" : ".action-lint-info",
       "hash" : "65c2692a045b7446c4312e1b7331701d"
     },
     "action-lint-info-grey"         : {
       "name" : "action-lint-info-grey",
       "rule" : ".action-lint-info-grey",
       "hash" : "4a0ca839249567756774af56977888cb"
     },
     "action-lint-info-white"        : {
       "name" : "action-lint-info-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-lint-info",
       "hash" : "cf5a05749979f6701d4b3de53acca500"
     },
     "action-lint-ok"                : {
       "name" : "action-lint-ok",
       "rule" : ".action-lint-ok",
       "hash" : "7637e89a5ed282988c0427b61abb56a0"
     },
     "action-lint-ok-grey"           : {
       "name" : "action-lint-ok-grey",
       "rule" : ".action-lint-ok-grey",
       "hash" : "1c71c359debb765d73f1ee9b5b98ba3d"
     },
     "action-lint-ok-white"          : {
       "name" : "action-lint-ok-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-lint-ok",
       "hash" : "faaa9e076d5012af17a73f9f09b6ede8"
     },
     "action-lint-warning"           : {
       "name" : "action-lint-warning",
       "rule" : ".action-lint-warning",
       "hash" : "b79d4525ef1806bf0cb524a7e7490af7"
     },
     "action-lint-warning-grey"      : {
       "name" : "action-lint-warning-grey",
       "rule" : ".action-lint-warning-grey",
       "hash" : "c522bb48f7d328b8230b5ecc2dac3d1f"
     },
     "action-lint-warning-white"     : {
       "name" : "action-lint-warning-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-lint-warning",
       "hash" : "4a13ffad1125caf3656a276e4c40c907"
     },
     "action-lock"                   : {
       "name" : "action-lock",
       "rule" : ".action-lock",
       "hash" : "943a4495056310f22bbbc2e64997ec74"
     },
     "action-lock-grey"              : {
       "name" : "action-lock-grey",
       "rule" : ".action-lock-grey",
       "hash" : "514bd65df15aaeeb35148d8c673e8718"
     },
     "action-lock-white"             : {
       "name" : "action-lock-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-lock",
       "hash" : "1cd87a6ffac7f03535faa6109e69dcfa"
     },
     "action-love"                   : {
       "name" : "action-love",
       "rule" : ".action-love",
       "hash" : "498bcb15f80897b768762c540b51ff91"
     },
     "action-love-grey"              : {
       "name" : "action-love-grey",
       "rule" : ".action-love-grey",
       "hash" : "07fa2968a8d447a20d0f5ae0f42fa454"
     },
     "action-love-white"             : {
       "name" : "action-love-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-love",
       "hash" : "3fe85e0ad08e6f0151765ab5ce5624b0"
     },
     "action-merge"                  : {
       "name" : "action-merge",
       "rule" : ".action-merge",
       "hash" : "c9ebe633aa17cc26cd454711e21e6686"
     },
     "action-merge-grey"             : {
       "name" : "action-merge-grey",
       "rule" : ".action-merge-grey",
       "hash" : "028f56f351b8021fe526824230170a48"
     },
     "action-merge-white"            : {
       "name" : "action-merge-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-merge",
       "hash" : "334f751f7a9531af3e383bce06a0a2ff"
     },
     "action-message"                : {
       "name" : "action-message",
       "rule" : ".action-message",
       "hash" : "33db2ccd98bcbbe6bf8fae278ad2c2fc"
     },
     "action-message-grey"           : {
       "name" : "action-message-grey",
       "rule" : ".action-message-grey",
       "hash" : "306ee80f9f635f045ce15fe0c0a684c5"
     },
     "action-message-white"          : {
       "name" : "action-message-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-message",
       "hash" : "d7ad1f04ffcd3e96cee0d81af509e77c"
     },
     "action-meta-mta"               : {
       "name" : "action-meta-mta",
       "rule" : ".action-meta-mta",
       "hash" : "bb8d824fef25830bda0929ae8e299147"
     },
     "action-meta-mta-grey"          : {
       "name" : "action-meta-mta-grey",
       "rule" : ".action-meta-mta-grey",
       "hash" : "e3e3b26c8c55628b27f9342df865edbf"
     },
     "action-meta-mta-white"         : {
       "name" : "action-meta-mta-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-meta-mta",
       "hash" : "0455c2a3f7111e88daec4ddd68c9528a"
     },
     "action-move"                   : {
       "name" : "action-move",
       "rule" : ".action-move",
       "hash" : "4cb5767570d935747f9338b8da9399df"
     },
     "action-move-grey"              : {
       "name" : "action-move-grey",
       "rule" : ".action-move-grey",
       "hash" : "d8bc3bdd62fc5dbc613875c9be75d7e1"
     },
     "action-move-white"             : {
       "name" : "action-move-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-move",
       "hash" : "eb654087894d3bc7229d17b221eafcf0"
     },
     "action-new"                    : {
       "name" : "action-new",
       "rule" : ".action-new",
       "hash" : "28a4a88aec75c601347d6dd0d9143de5"
     },
     "action-new-grey"               : {
       "name" : "action-new-grey",
       "rule" : ".action-new-grey",
       "hash" : "724855bb4c8eae16593ae6fba5653f7a"
     },
     "action-new-white"              : {
       "name" : "action-new-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-new",
       "hash" : "21b047ec502a24eabe1f57fda5cd2fc1"
     },
     "action-perflab"                : {
       "name" : "action-perflab",
       "rule" : ".action-perflab",
       "hash" : "4449e5eb4780114dbafbfe2c7be538de"
     },
     "action-perflab-grey"           : {
       "name" : "action-perflab-grey",
       "rule" : ".action-perflab-grey",
       "hash" : "51414c80d753daa37f7deaa2cf4e5bc6"
     },
     "action-perflab-white"          : {
       "name" : "action-perflab-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-perflab",
       "hash" : "e00e31057d557047300da57a5d07837e"
     },
     "action-preview"                : {
       "name" : "action-preview",
       "rule" : ".action-preview",
       "hash" : "069500f028ae272c474920785723247c"
     },
     "action-preview-grey"           : {
       "name" : "action-preview-grey",
       "rule" : ".action-preview-grey",
       "hash" : "522f17cdaee1af29c3073e21eb1fb7a6"
     },
     "action-preview-white"          : {
       "name" : "action-preview-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-preview",
       "hash" : "c62768ba193052c527ce7d499fd9f662"
     },
     "action-refresh"                : {
       "name" : "action-refresh",
       "rule" : ".action-refresh",
       "hash" : "ef02448a2a4cbe830b56d3cbd9444ffd"
     },
     "action-refresh-grey"           : {
       "name" : "action-refresh-grey",
       "rule" : ".action-refresh-grey",
       "hash" : "24030ea198e22ed84891fa3698d891e4"
     },
     "action-refresh-white"          : {
       "name" : "action-refresh-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-refresh",
       "hash" : "7800f18fbd6dde59e2ae91d695002318"
     },
     "action-remove"                 : {
       "name" : "action-remove",
       "rule" : ".action-remove",
       "hash" : "69bf8194a7c539bdd6b7b8ad888d7260"
     },
     "action-remove-grey"            : {
       "name" : "action-remove-grey",
       "rule" : ".action-remove-grey",
       "hash" : "41abfeb5561b52b686943ac4da8f0876"
     },
     "action-remove-white"           : {
       "name" : "action-remove-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-remove",
       "hash" : "24542d8d3890c8e89b7d60d0efd99e9c"
     },
     "action-search"                 : {
       "name" : "action-search",
       "rule" : ".action-search",
       "hash" : "8fbe318c0633c3de3ce6eb331f891d5c"
     },
     "action-search-grey"            : {
       "name" : "action-search-grey",
       "rule" : ".action-search-grey",
       "hash" : "a58f5ea5770836de72f67a18b2a2d92b"
     },
     "action-search-white"           : {
       "name" : "action-search-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-search",
       "hash" : "1c1a7b4ac122c6ffa56edda3c7ce35b0"
     },
     "action-start-sandcastle"       : {
       "name" : "action-start-sandcastle",
       "rule" : ".action-start-sandcastle",
       "hash" : "5aa74bb11fbc26b941f6fa0ed7507c64"
     },
     "action-start-sandcastle-grey"  : {
       "name" : "action-start-sandcastle-grey",
       "rule" : ".action-start-sandcastle-grey",
       "hash" : "a65b85198bdbed8d5563c515d475316a"
     },
     "action-start-sandcastle-white" : {
       "name" : "action-start-sandcastle-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-start-sandcastle",
       "hash" : "b99feb063a1e56833419119f426455f0"
     },
     "action-subscribe-add"          : {
       "name" : "action-subscribe-add",
       "rule" : ".action-subscribe-add",
       "hash" : "5a47685848c39d5449b8ec0985a627e7"
     },
     "action-subscribe-add-grey"     : {
       "name" : "action-subscribe-add-grey",
       "rule" : ".action-subscribe-add-grey",
       "hash" : "a691ac944079cee6655ff9f4ab321de3"
     },
     "action-subscribe-add-white"    : {
       "name" : "action-subscribe-add-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-subscribe-add",
       "hash" : "1173fbd24131329e2e0c81893c1bd412"
     },
     "action-subscribe-auto"         : {
       "name" : "action-subscribe-auto",
       "rule" : ".action-subscribe-auto",
       "hash" : "01f6ea8fb35628abe6641b6e88c27c1e"
     },
     "action-subscribe-auto-grey"    : {
       "name" : "action-subscribe-auto-grey",
       "rule" : ".action-subscribe-auto-grey",
       "hash" : "b956dec1b5ae1d9ae6addffb3aa77a7f"
     },
     "action-subscribe-auto-white"   : {
       "name" : "action-subscribe-auto-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-subscribe-auto",
       "hash" : "8525c0d691c327ddb0500cc27bfa9822"
     },
     "action-subscribe-delete"       : {
       "name" : "action-subscribe-delete",
       "rule" : ".action-subscribe-delete",
       "hash" : "0d91e4d61349e9e1b7141fdc8d333d84"
     },
     "action-subscribe-delete-grey"  : {
       "name" : "action-subscribe-delete-grey",
       "rule" : ".action-subscribe-delete-grey",
       "hash" : "16895241e0f9e62610c99e940ee3bcbc"
     },
     "action-subscribe-delete-white" : {
       "name" : "action-subscribe-delete-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-subscribe-delete",
       "hash" : "e9d5f98355e04b3404706581f6597569"
     },
     "action-tag"                    : {
       "name" : "action-tag",
       "rule" : ".action-tag",
       "hash" : "d4b219d1272879dd50621439e1f33a72"
     },
     "action-tag-grey"               : {
       "name" : "action-tag-grey",
       "rule" : ".action-tag-grey",
       "hash" : "08507569a675ef6cc85b17870f9f2e91"
     },
     "action-tag-white"              : {
       "name" : "action-tag-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-tag",
       "hash" : "aed3d83123f33e69ae4b7338b23f7c9c"
     },
     "action-transcript"             : {
       "name" : "action-transcript",
       "rule" : ".action-transcript",
       "hash" : "055b6b1a2999d017fcf87f96c2796c49"
     },
     "action-transcript-grey"        : {
       "name" : "action-transcript-grey",
       "rule" : ".action-transcript-grey",
       "hash" : "81f66da48452c5235aa9d84edd7831d3"
     },
     "action-transcript-white"       : {
       "name" : "action-transcript-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-transcript",
       "hash" : "e56f623fdf8f059bb80c24944dec6af6"
     },
     "action-undo"                   : {
       "name" : "action-undo",
       "rule" : ".action-undo",
       "hash" : "8f8586333203f466a681b0721cf1b57b"
     },
     "action-undo-grey"              : {
       "name" : "action-undo-grey",
       "rule" : ".action-undo-grey",
       "hash" : "961216a677dc6c38afe2d4e729417bfb"
     },
     "action-undo-white"             : {
       "name" : "action-undo-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-undo",
       "hash" : "97bd8f43a4db2a97d53975ce42a6232d"
     },
     "action-unlock"                 : {
       "name" : "action-unlock",
       "rule" : ".action-unlock",
       "hash" : "f9d34e15f51777198f307d63d635e1ac"
     },
     "action-unlock-grey"            : {
       "name" : "action-unlock-grey",
       "rule" : ".action-unlock-grey",
       "hash" : "4e7908dc34c83a6b8dab8c4dd554a98a"
     },
     "action-unlock-white"           : {
       "name" : "action-unlock-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-unlock",
       "hash" : "ceb342bc0a17310cf58c90fd3bb53ce1"
     },
     "action-unmerge"                : {
       "name" : "action-unmerge",
       "rule" : ".action-unmerge",
       "hash" : "f994dd276cab26c3d5968d0b946dd8bc"
     },
     "action-unmerge-grey"           : {
       "name" : "action-unmerge-grey",
       "rule" : ".action-unmerge-grey",
       "hash" : "3a82fed2967d8a9d5fe9651c38055db7"
     },
     "action-unmerge-white"          : {
       "name" : "action-unmerge-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-unmerge",
       "hash" : "574e4176d9c2243050958182e487f239"
     },
     "action-unpublish"              : {
       "name" : "action-unpublish",
       "rule" : ".action-unpublish",
       "hash" : "c2241706bf6857b24ba1739a2fe281b1"
     },
     "action-unpublish-grey"         : {
       "name" : "action-unpublish-grey",
       "rule" : ".action-unpublish-grey",
       "hash" : "5c9e548386c85d63f7f21699ba54813e"
     },
     "action-unpublish-white"        : {
       "name" : "action-unpublish-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-unpublish",
       "hash" : "a37305e8ea29bc41d83d6b5a11aebe9f"
     },
     "action-warning"                : {
       "name" : "action-warning",
       "rule" : ".action-warning",
       "hash" : "1c0c7f76a2c43af5532f67f0f8622d7c"
     },
     "action-warning-grey"           : {
       "name" : "action-warning-grey",
       "rule" : ".action-warning-grey",
       "hash" : "5dc7b0cd75e629ad91437b15901d990a"
     },
     "action-warning-white"          : {
       "name" : "action-warning-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-warning",
       "hash" : "c30c2e287bab73ca454712de6cbe2502"
     },
     "action-world"                  : {
       "name" : "action-world",
       "rule" : ".action-world",
       "hash" : "ae2bf28bf07aab51f54c1ea9beed10cb"
     },
     "action-world-grey"             : {
       "name" : "action-world-grey",
       "rule" : ".action-world-grey",
       "hash" : "8d332d48b945f152aaf84a7ca83cfbc2"
     },
     "action-world-white"            : {
       "name" : "action-world-white",
       "rule" : ".device-desktop .phabricator-action-view:hover .action-world",
       "hash" : "401df878395c514a443720a8acd1ab63"
     },
     "remarkup-assist-text_b"        : {
       "name" : "remarkup-assist-text_b",
       "rule" : ".remarkup-assist-b",
       "hash" : "12c565d4934f6a777c9524baf75cebb6"
     },
     "remarkup-assist-text_code"     : {
       "name" : "remarkup-assist-text_code",
       "rule" : ".remarkup-assist-code",
       "hash" : "f06f106cb8edb67e8b99d159d704a61a"
     },
     "remarkup-assist-text_help"     : {
       "name" : "remarkup-assist-text_help",
       "rule" : ".remarkup-assist-help",
       "hash" : "9d54d8224b81de8e3ed7beac0e486257"
     },
     "remarkup-assist-text_i"        : {
       "name" : "remarkup-assist-text_i",
       "rule" : ".remarkup-assist-i",
       "hash" : "50f83a53f5b094d3d92b619d06fada3c"
     },
     "remarkup-assist-text_image"    : {
       "name" : "remarkup-assist-text_image",
       "rule" : ".remarkup-assist-image",
       "hash" : "c2869e71cc7cb6178598cd41a19ababb"
     },
     "remarkup-assist-text_larger"   : {
       "name" : "remarkup-assist-text_larger",
       "rule" : ".remarkup-assist-larger",
       "hash" : "d3165f15a1b3734e4b7088f7b74330ba"
     },
     "remarkup-assist-text_meme"     : {
       "name" : "remarkup-assist-text_meme",
       "rule" : ".remarkup-assist-meme",
       "hash" : "ed9c4166858ca1caedf5f8e4b8ad587e"
     },
     "remarkup-assist-text_ol"       : {
       "name" : "remarkup-assist-text_ol",
       "rule" : ".remarkup-assist-ol",
       "hash" : "266b858f5ffc42760fb2e12913a5198a"
     },
     "remarkup-assist-text_table"    : {
       "name" : "remarkup-assist-text_table",
       "rule" : ".remarkup-assist-table",
       "hash" : "5c2961b35460b3b5b7efdd5bc4e318ca"
     },
     "remarkup-assist-text_tag"      : {
       "name" : "remarkup-assist-text_tag",
       "rule" : ".remarkup-assist-tag",
       "hash" : "165bd3a4de8d54cf720db9bc64116d25"
     },
     "remarkup-assist-text_tt"       : {
       "name" : "remarkup-assist-text_tt",
       "rule" : ".remarkup-assist-tt",
       "hash" : "c07e6816500c9cd66fa27758cc902195"
     },
     "remarkup-assist-text_ul"       : {
       "name" : "remarkup-assist-text_ul",
       "rule" : ".remarkup-assist-ul",
       "hash" : "26f55c0fcf9148879e3fb058ac319100"
     }
   },
   "scales"  : [
     1,
     2
   ],
-  "header"  : "\/**\n * @provides sprite-icon-css\n * @generated\n *\/\n\n.sprite-icon {\n  background-image: url(\/rsrc\/image\/sprite-icon.png);\n  background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n  .sprite-icon {\n    background-image: url(\/rsrc\/image\/sprite-icon-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}"
+  "header"  : "\/**\n * @provides sprite-icon-css\n * @generated\n *\/\n\n.sprite-icon {\n  background-image: url(\/rsrc\/image\/sprite-icon.png);\n  background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n  .sprite-icon {\n    background-image: url(\/rsrc\/image\/sprite-icon-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}",
+  "type"    : "standard"
 }
diff --git a/resources/sprite/manifest/menu.json b/resources/sprite/manifest/menu.json
index 245e291697..75c4747934 100644
--- a/resources/sprite/manifest/menu.json
+++ b/resources/sprite/manifest/menu.json
@@ -1,35 +1,41 @@
 {
   "version" : 1,
   "sprites" : {
+    "arrow-right"      : {
+      "name" : "arrow-right",
+      "rule" : ".phabricator-crumb-divider",
+      "hash" : "a994209450dc73a80841cdd66bb59925"
+    },
     "bubble"           : {
       "name" : "bubble",
       "rule" : ".phabricator-main-menu-alert-bubble.alert-unread",
-      "hash" : "07bc6fd60e5c2fa14558c9101cba5261"
+      "hash" : "1145ac8a137a2a22517c1945fe22c517"
     },
     "round_bubble"     : {
       "name" : "round_bubble",
       "rule" : ".phabricator-main-menu-alert-bubble",
-      "hash" : "02de5b1c1720749a566e7a4cf7c2216c"
+      "hash" : "9be91cc0128997992e9001baf32c8ab8"
     },
     "seen_have_unread" : {
       "name" : "seen_have_unread",
       "rule" : ".alert-notifications:hover .phabricator-main-menu-alert-icon",
-      "hash" : "d0210b3908193ee841db2eeec264a154"
+      "hash" : "a8a7f07caa726d7e61ef3d41f959d94d"
     },
     "seen_read_all"    : {
       "name" : "seen_read_all",
       "rule" : ".alert-notifications .phabricator-main-menu-alert-icon",
-      "hash" : "8d0644ec8fa33330b30b7531272e24f1"
+      "hash" : "4fdd4807d0c41bd4179dd43150c7fc44"
     },
     "unseen_any"       : {
       "name" : "unseen_any",
       "rule" : ".alert-notifications.alert-unread .phabricator-main-menu-alert-icon",
-      "hash" : "0e50bf01f640b2f8231eaef246863f0b"
+      "hash" : "50d946952c73028b34e0c3378ca36b17"
     }
   },
   "scales"  : [
     1,
     2
   ],
-  "header"  : "\/**\n * @provides sprite-menu-css\n * @generated\n *\/\n\n.sprite-menu {\n  background-image: url(\/rsrc\/image\/sprite-menu.png);\n  background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n  .sprite-menu {\n    background-image: url(\/rsrc\/image\/sprite-menu-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}"
+  "header"  : "\/**\n * @provides sprite-menu-css\n * @generated\n *\/\n\n.sprite-menu {\n  background-image: url(\/rsrc\/image\/sprite-menu.png);\n  background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n  .sprite-menu {\n    background-image: url(\/rsrc\/image\/sprite-menu-X2.png);\n    background-size: {X}px {Y}px;\n  }\n}",
+  "type"    : "standard"
 }
diff --git a/resources/sprite/menu_1x/arrow-right.png b/resources/sprite/menu_1x/arrow-right.png
new file mode 100644
index 0000000000..29d43457ce
Binary files /dev/null and b/resources/sprite/menu_1x/arrow-right.png differ
diff --git a/resources/sprite/notifications_1x/bubble.png b/resources/sprite/menu_1x/bubble.png
similarity index 100%
rename from resources/sprite/notifications_1x/bubble.png
rename to resources/sprite/menu_1x/bubble.png
diff --git a/resources/sprite/notifications_1x/round_bubble.png b/resources/sprite/menu_1x/round_bubble.png
similarity index 100%
rename from resources/sprite/notifications_1x/round_bubble.png
rename to resources/sprite/menu_1x/round_bubble.png
diff --git a/resources/sprite/notifications_1x/seen_have_unread.png b/resources/sprite/menu_1x/seen_have_unread.png
similarity index 100%
rename from resources/sprite/notifications_1x/seen_have_unread.png
rename to resources/sprite/menu_1x/seen_have_unread.png
diff --git a/resources/sprite/notifications_1x/seen_read_all.png b/resources/sprite/menu_1x/seen_read_all.png
similarity index 100%
rename from resources/sprite/notifications_1x/seen_read_all.png
rename to resources/sprite/menu_1x/seen_read_all.png
diff --git a/resources/sprite/notifications_1x/unseen_any.png b/resources/sprite/menu_1x/unseen_any.png
similarity index 100%
rename from resources/sprite/notifications_1x/unseen_any.png
rename to resources/sprite/menu_1x/unseen_any.png
diff --git a/resources/sprite/menu_2x/arrow-right.png b/resources/sprite/menu_2x/arrow-right.png
new file mode 100644
index 0000000000..ae8784fa8c
Binary files /dev/null and b/resources/sprite/menu_2x/arrow-right.png differ
diff --git a/resources/sprite/notifications_2x/bubble.png b/resources/sprite/menu_2x/bubble.png
similarity index 100%
rename from resources/sprite/notifications_2x/bubble.png
rename to resources/sprite/menu_2x/bubble.png
diff --git a/resources/sprite/notifications_2x/round_bubble.png b/resources/sprite/menu_2x/round_bubble.png
similarity index 100%
rename from resources/sprite/notifications_2x/round_bubble.png
rename to resources/sprite/menu_2x/round_bubble.png
diff --git a/resources/sprite/notifications_2x/seen_have_unread.png b/resources/sprite/menu_2x/seen_have_unread.png
similarity index 100%
rename from resources/sprite/notifications_2x/seen_have_unread.png
rename to resources/sprite/menu_2x/seen_have_unread.png
diff --git a/resources/sprite/notifications_2x/seen_read_all.png b/resources/sprite/menu_2x/seen_read_all.png
similarity index 100%
rename from resources/sprite/notifications_2x/seen_read_all.png
rename to resources/sprite/menu_2x/seen_read_all.png
diff --git a/resources/sprite/notifications_2x/unseen_any.png b/resources/sprite/menu_2x/unseen_any.png
similarity index 100%
rename from resources/sprite/notifications_2x/unseen_any.png
rename to resources/sprite/menu_2x/unseen_any.png
diff --git a/scripts/celerity/generate_sprites.php b/scripts/celerity/generate_sprites.php
index a53e4c3faf..a395d5b76e 100755
--- a/scripts/celerity/generate_sprites.php
+++ b/scripts/celerity/generate_sprites.php
@@ -1,223 +1,233 @@
 #!/usr/bin/env php
 <?php
 
 require_once dirname(dirname(__FILE__)).'/__init_script__.php';
 
 $args = new PhutilArgumentParser($argv);
 $args->setTagline('regenerate CSS sprite sheets');
 $args->setSynopsis(<<<EOHELP
 **sprites**
     Rebuild CSS sprite sheets.
 
 EOHELP
 );
 $args->parseStandardArguments();
 $args->parse(
   array(
     array(
       'name'  => 'source',
       'param' => 'directory',
       'help'  => 'Directory with sprite sources.',
     ),
     array(
       'name'  => 'force',
       'help'  => 'Force regeneration even if sources have not changed.',
     ),
   ));
 
 $srcroot = $args->getArg('source');
 if (!$srcroot) {
   throw new Exception(
     "You must specify a source directory with '--source'.");
 }
 
 $root = dirname(phutil_get_library_root('phabricator'));
 $webroot = $root.'/webroot/rsrc';
 $webroot = Filesystem::readablePath($webroot);
 
 function glx($x) {
   return (60 + (48 * $x));
 }
 
 function gly($y) {
   return (110 + (48 * $y));
 }
 
 $sheet = new PhutilSpriteSheet();
 $at = '@';
 $sheet->setCSSHeader(<<<EOCSS
 /**
  * @provides autosprite-css
  * {$at}generated
  */
 
 .autosprite {
   background-image: url(/rsrc/image/autosprite.png);
   background-repeat: no-repeat;
 }
 EOCSS
 );
 
 $menu_normal_template = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/menu_normal_1x.png')
   ->setSourceSize(30, 30);
 
 $menu_hover_template = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/menu_hover_1x.png')
   ->setSourceSize(30, 30);
 
 $menu_selected_template = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/menu_selected_1x.png')
   ->setSourceSize(30, 30);
 
 $menu_map = array(
   ''          => $menu_normal_template,
   '-selected' => $menu_selected_template,
   ':hover'    => $menu_hover_template,
 );
 
 $icon_map = array(
   'help'          => array(4, 19),
   'settings'      => array(0, 28),
   'logout'        => array(3, 6),
   'task'          => array(1, 15),
 );
 
 foreach ($icon_map as $icon => $coords) {
   list($x, $y) = $coords;
   foreach ($menu_map as $suffix => $template) {
     $sheet->addSprite(
       id(clone $template)
+        ->setName('menu-item-'.$icon.'-'.$suffix)
         ->setSourcePosition(glx($x), gly($y))
         ->setTargetCSS('.main-menu-item-icon-'.$icon.$suffix));
   }
 }
 
 $app_template_large = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/application_large_1x.png')
   ->setSourceSize(60, 60);
 
 $app_template_large_hover = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/application_large_hover_1x.png')
   ->setSourceSize(60, 60);
 
 $app_template_small = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/menu_normal_1x.png')
   ->setSourceSize(30, 30);
 
 $app_template_small_hover = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/menu_hover_1x.png')
   ->setSourceSize(30, 30);
 
 $app_template_small_selected = id(new PhutilSprite())
   ->setSourceFile($srcroot.'/menu_selected_1x.png')
   ->setSourceSize(30, 30);
 
 $app_source_map = array(
   '-large'          => array($app_template_large, 2),
 
   // For the application launch view, we only show hover state on the desktop
   // because it looks glitchy on touch devices. We show the hover state when
   // the surrounding <a> is hovered, not the icon itself.
   '-large /* hover */'    => array(
     $app_template_large_hover,
     2,
     '.device-desktop .phabricator-application-launch-container:hover '),
 
   ''                => array($app_template_small, 1),
 
   // Show hover state only for the desktop.
   ':hover'          => array(
     $app_template_small_hover,
     1,
     '.device-desktop  ',
   ),
   '-selected'       => array($app_template_small_selected, 1),
 );
 
 $app_map = array(
   'differential'    => array(9, 1),
   'fact'            => array(2, 4),
   'mail'            => array(0, 1),
   'diffusion'       => array(7, 13),
   'slowvote'        => array(1, 4),
   'phriction'       => array(1, 7),
   'maniphest'       => array(3, 24),
   'flags'           => array(6, 26),
   'settings'        => array(9, 11),
   'applications'    => array(0, 34),
   'default'         => array(9, 9),
   'people'          => array(3, 0),
   'ponder'          => array(4, 35),
   'calendar'        => array(5, 4),
   'files'           => array(6, 3),
   'projects'        => array(7, 35),
   'daemons'         => array(7, 6),
   'herald'          => array(1, 5),
   'countdown'       => array(7, 5),
   'conduit'         => array(7, 30),
   'feed'            => array(3, 11),
   'paste'           => array(9, 2),
   'audit'           => array(8, 19),
   'uiexample'       => array(7, 28),
   'phpast'          => array(6, 31),
   'owners'          => array(5, 32),
   'phid'            => array(9, 25),
   'diviner'         => array(1, 35),
   'repositories'    => array(8, 13),
   'phame'           => array(8, 4),
   'macro'           => array(0, 31),
   'releeph'         => array(5, 18),
   'drydock'         => array(5, 25),
 );
 
 $xadj = -1;
 foreach ($app_map as $icon => $coords) {
   list($x, $y) = $coords;
   foreach ($app_source_map as $suffix => $spec) {
     list($template, $scale) = $spec;
     if (isset($spec[2])) {
       $prefix = $spec[2];
     } else {
       $prefix = '';
     }
     $sheet->addSprite(
       id(clone $template)
+        ->setName('app-'.$icon.'-'.$suffix)
         ->setSourcePosition(($xadj + glx($x)) * $scale, gly($y) * $scale)
         ->setTargetCSS($prefix.'.app-'.$icon.$suffix));
   }
 }
 
 $sheet->generateImage($webroot.'/image/autosprite.png');
 $sheet->generateCSS($webroot.'/css/autosprite.css');
 
 
 /* -(  Icons Sheet  )-------------------------------------------------------- */
 
 $generator = new CeleritySpriteGenerator();
 
 $sheets = array(
   'icon' => $generator->buildIconSheet(),
   'menu' => $generator->buildMenuSheet(),
+  'gradient' => $generator->buildGradientSheet(),
 );
 
 foreach ($sheets as $name => $sheet) {
   $manifest_path = $root.'/resources/sprite/manifest/'.$name.'.json';
   if (!$args->getArg('force')) {
     if (Filesystem::pathExists($manifest_path)) {
       $data = Filesystem::readFile($manifest_path);
       $data = json_decode($data, true);
       if (!$sheet->needsRegeneration($data)) {
         continue;
       }
     }
   }
 
   $sheet
-    ->generateImage($webroot."/image/sprite-{$name}.png", 1)
-    ->generateImage($webroot."/image/sprite-{$name}-X2.png", 2)
     ->generateCSS($webroot."/css/sprite-{$name}.css")
     ->generateManifest($root."/resources/sprite/manifest/{$name}.json");
+
+  foreach ($sheet->getScales() as $scale) {
+    if ($scale == 1) {
+      $sheet_name = "sprite-{$name}.png";
+    } else {
+      $sheet_name = "sprite-{$name}-X{$scale}.png";
+    }
+    $sheet->generateImage("{$webroot}/image/{$sheet_name}", $scale);
+  }
 }
 
 echo "Done.\n";
diff --git a/src/infrastructure/celerity/CeleritySpriteGenerator.php b/src/infrastructure/celerity/CeleritySpriteGenerator.php
index 77d588e40c..4d88b69c99 100644
--- a/src/infrastructure/celerity/CeleritySpriteGenerator.php
+++ b/src/infrastructure/celerity/CeleritySpriteGenerator.php
@@ -1,196 +1,276 @@
 <?php
 
 final class CeleritySpriteGenerator {
 
   public function buildIconSheet() {
     $icons = $this->getDirectoryList('icons_1x');
 
     $colors = array(
       '',
       'grey',
       'white',
     );
 
     $scales = array(
       '1x'  => 1,
       '2x'  => 2,
     );
 
     $template = id(new PhutilSprite())
       ->setSourceSize(14, 14);
 
     $sprites = array();
     foreach ($colors as $color) {
       foreach ($icons as $icon) {
         $prefix = 'icons_';
         if (strlen($color)) {
           $prefix .= $color.'_';
         }
 
         $suffix = '';
         if (strlen($color)) {
           $suffix = '-'.$color;
         }
 
         $sprite = id(clone $template)
           ->setName('action-'.$icon.$suffix);
 
         if ($color == 'white') {
           $sprite->setTargetCSS(
             '.device-desktop .phabricator-action-view:hover .action-'.$icon);
         } else {
           $sprite->setTargetCSS('.action-'.$icon.$suffix);
         }
 
         foreach ($scales as $scale_key => $scale) {
           $path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');
           $sprite->setSourceFile($path, $scale);
         }
         $sprites[] = $sprite;
       }
     }
 
     $remarkup_icons = $this->getDirectoryList('remarkup_1x');
     foreach ($remarkup_icons as $icon) {
       $prefix = 'remarkup_';
 
       // Strip 'text_' from these file names.
       $class_name = substr($icon, 5);
 
       $sprite = id(clone $template)
         ->setName('remarkup-assist-'.$icon)
         ->setTargetCSS('.remarkup-assist-'.$class_name);
       foreach ($scales as $scale_key => $scale) {
         $path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');
         $sprite->setSourceFile($path, $scale);
       }
       $sprites[] = $sprite;
     }
 
     $sheet = $this->buildSheet('icon');
     $sheet->setScales($scales);
     foreach ($sprites as $sprite) {
       $sheet->addSprite($sprite);
     }
 
     return $sheet;
   }
 
   public function buildMenuSheet() {
     $sprites = array();
 
     $sources = array(
       'round_bubble' => array(
         'x' => 26,
         'y' => 26,
         'css' => '.phabricator-main-menu-alert-bubble'
       ),
       'bubble' => array(
         'x' => 46,
         'y' => 26,
         'css' => '.phabricator-main-menu-alert-bubble.alert-unread'
       ),
       'seen_read_all' => array(
         'x' => 14,
         'y' => 14,
         'css' =>
           '.alert-notifications .phabricator-main-menu-alert-icon',
       ),
       'seen_have_unread' => array(
         'x' => 14,
         'y' => 14,
         'css' =>
           '.alert-notifications:hover .phabricator-main-menu-alert-icon',
       ),
       'unseen_any' => array(
         'x' => 14,
         'y' => 14,
         'css' =>
           '.alert-notifications.alert-unread .phabricator-main-menu-alert-icon',
       ),
+      'arrow-right' => array(
+        'x' => 9,
+        'y' => 31,
+        'css' => '.phabricator-crumb-divider',
+      ),
     );
 
     $scales = array(
       '1x' => 1,
       '2x' => 2,
     );
 
     $template = new PhutilSprite();
     foreach ($sources as $name => $spec) {
       $sprite = id(clone $template)
         ->setName($name)
         ->setSourceSize($spec['x'], $spec['y'])
         ->setTargetCSS($spec['css']);
 
       foreach ($scales as $scale_name => $scale) {
-        $path = 'notifications_'.$scale_name.'/'.$name.'.png';
+        $path = 'menu_'.$scale_name.'/'.$name.'.png';
         $path = $this->getPath($path);
 
         $sprite->setSourceFile($path, $scale);
       }
       $sprites[] = $sprite;
     }
 
     $sheet = $this->buildSheet('menu');
     $sheet->setScales($scales);
     foreach ($sprites as $sprite) {
       $sheet->addSprite($sprite);
     }
 
     return $sheet;
   }
 
+  public function buildGradientSheet() {
+    $gradients = $this->getDirectoryList('gradients');
+
+    $template = new PhutilSprite();
+
+    $unusual_heights = array(
+      'dark-menu-label' => 25,
+      'breadcrumbs'     => 31,
+    );
+
+    // Reorder the sprites so less-specific rules generate earlier in the sheet.
+    // Otherwise we end up with blue "a.black" buttons because the blue rules
+    // have the same specificity but appear later.
+    $gradients = array_combine($gradients, $gradients);
+    $gradients = array_select_keys(
+      $gradients,
+      array(
+        'blue-dark',
+        'blue-light',
+      )) + $gradients;
+
+    $extra_css = array(
+      'black-dark' => ', button.black, a.black, a.black:visited',
+      'black-light' => ', button.black:active, a.black:active',
+      'blue-dark' => ', button, a.button, a.button:visited, input.inputsubmit',
+      'blue-light' => ', button:active, a.button:active',
+      'grey-dark' => ', button.grey, input.inputaux, a.grey, a.grey:visited, '.
+                        'a.button.disabled, button[disabled], button.disabled',
+      'grey-light' => ', button.grey:active, a.grey:active, '.
+                        'button.grey_active, a.dropdown-open',
+      'green-dark' => ', button.green, a.green, a.green:visited',
+      'green-light' => ', button.green:active, a.green:active',
+    );
+
+    $sprites = array();
+    foreach ($gradients as $gradient) {
+      $path = $this->getPath('gradients/'.$gradient.'.png');
+      $sprite = id(clone $template)
+        ->setName('gradient-'.$gradient)
+        ->setSourceFile($path)
+        ->setTargetCSS('.gradient-'.$gradient.idx($extra_css, $gradient));
+
+      $sprite->setSourceSize(4, idx($unusual_heights, $gradient, 26));
+
+      $sprites[] = $sprite;
+    }
+
+    $sheet = $this->buildSheet(
+      'gradient',
+      PhutilSpriteSheet::TYPE_REPEAT_X,
+      ', button, a.button, a.button:visited, input.inputsubmit');
+    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;
   }
 
   private function getDirectoryList($dir) {
     $path = $this->getPath($dir);
 
     $result = array();
 
     $images = Filesystem::listDirectory($path, $include_hidden = false);
     foreach ($images as $image) {
       if (!preg_match('/\.png$/', $image)) {
         throw new Exception(
           "Expected file '{$image}' in '{$path}' to be a sprite source ".
           "ending in '.png'.");
       }
       $result[] = substr($image, 0, -4);
     }
 
     return $result;
   }
 
-  private function buildSheet($name) {
+  private function buildSheet($name, $type = null, $extra_css = '') {
     $sheet = new PhutilSpriteSheet();
 
     $at = '@';
+
+    switch ($type) {
+      case PhutilSpriteSheet::TYPE_STANDARD:
+      default:
+        $type = PhutilSpriteSheet::TYPE_STANDARD;
+        $repeat_rule = 'no-repeat';
+        break;
+      case PhutilSpriteSheet::TYPE_REPEAT_X:
+        $repeat_rule = 'repeat-x';
+        break;
+      case PhutilSpriteSheet::TYPE_REPEAT_Y:
+        $repeat_rule = 'repeat-y';
+        break;
+    }
+
+    $sheet->setSheetType($type);
     $sheet->setCSSHeader(<<<EOCSS
 /**
  * @provides sprite-{$name}-css
  * {$at}generated
  */
 
-.sprite-{$name} {
+.sprite-{$name}{$extra_css} {
   background-image: url(/rsrc/image/sprite-{$name}.png);
-  background-repeat: no-repeat;
+  background-repeat: {$repeat_rule};
 }
 
 @media
 only screen and (min-device-pixel-ratio: 1.5),
 only screen and (-webkit-min-device-pixel-ratio: 1.5) {
-  .sprite-{$name} {
+  .sprite-{$name}{$extra_css} {
     background-image: url(/rsrc/image/sprite-{$name}-X2.png);
     background-size: {X}px {Y}px;
   }
 }
 EOCSS
 );
 
     return $sheet;
   }
 }
 
 
diff --git a/src/view/layout/AphrontSideNavFilterView.php b/src/view/layout/AphrontSideNavFilterView.php
index e58ea5fbee..7ca5ea53d1 100644
--- a/src/view/layout/AphrontSideNavFilterView.php
+++ b/src/view/layout/AphrontSideNavFilterView.php
@@ -1,265 +1,265 @@
 <?php
 
 /**
  * Like an @{class:AphrontSideNavView}, but with a little bit of logic for the
  * common case where you're using the side nav to filter some view of objects.
  *
  * For example:
  *
  *    $nav = new AphrontSideNavFilterView();
  *    $nav
  *      ->setBaseURI($some_uri)
  *      ->addLabel('Cats')
  *      ->addFilter('meow', 'Meow')
  *      ->addFilter('purr', 'Purr')
  *      ->addSpacer()
  *      ->addLabel('Dogs')
  *      ->addFilter('woof', 'Woof')
  *      ->addFilter('bark', 'Bark');
  *    $valid_filter = $nav->selectFilter($user_selection, $default = 'meow');
  *
  */
 final class AphrontSideNavFilterView extends AphrontView {
 
   private $items = array();
   private $baseURI;
   private $selectedFilter = false;
   private $flexNav;
   private $flexible;
   private $user;
   private $active;
   private $menu;
   private $crumbs;
 
   public function __construct() {
     $this->menu = new PhabricatorMenuView();
   }
 
   public function setCrumbs(PhabricatorCrumbsView $crumbs) {
     $this->crumbs = $crumbs;
     return $this;
   }
 
   public function getCrumbs() {
     return $this->crumbs;
   }
 
   public function setActive($active) {
     $this->active = $active;
     return $this;
   }
 
   public function setUser(PhabricatorUser $user) {
     $this->user = $user;
     return $this;
   }
 
   public function setFlexNav($flex_nav) {
     $this->flexNav = $flex_nav;
     return $this;
   }
 
   public function setFlexible($flexible) {
     $this->flexible = $flexible;
     return $this;
   }
 
   public function getMenuView() {
     return $this->menu;
   }
 
   public function addMenuItem(PhabricatorMenuItemView $item) {
     $this->menu->addMenuItem($item);
     return $this;
   }
 
   public function getMenu() {
     return $this->menu;
   }
 
   public function addFilter(
     $key,
     $name,
     $uri = null) {
 
     $item = id(new PhabricatorMenuItemView())
       ->setKey($key)
       ->setName($name);
 
     if ($uri) {
       $item->setHref($uri);
     } else {
       $href = clone $this->baseURI;
       $href->setPath(rtrim($href->getPath().$key, '/').'/');
       $href = (string)$href;
 
       $item->setHref($href);
     }
 
     return $this->addMenuItem($item);
   }
 
   public function addCustomBlock($block) {
     $this->menu->appendChild($block);
     return $this;
   }
 
   public function addLabel($name) {
     return $this->addMenuItem(
       id(new PhabricatorMenuItemView())
         ->setType(PhabricatorMenuItemView::TYPE_LABEL)
         ->setName($name));
   }
 
   public function addSpacer() {
     return $this->addMenuItem(
       id(new PhabricatorMenuItemView())
         ->setType(PhabricatorMenuItemView::TYPE_SPACER));
   }
 
   public function setBaseURI(PhutilURI $uri) {
     $this->baseURI = $uri;
     return $this;
   }
 
   public function getBaseURI() {
     return $this->baseURI;
   }
 
   public function selectFilter($key, $default = null) {
     $this->selectedFilter = $default;
     if ($this->menu->getItem($key)) {
       $this->selectedFilter = $key;
     }
     return $this->selectedFilter;
   }
 
   public function getSelectedFilter() {
     return $this->selectedFilter;
   }
 
   public function render() {
     if ($this->menu->getItems()) {
       if (!$this->baseURI) {
         throw new Exception("Call setBaseURI() before render()!");
       }
       if ($this->selectedFilter === false) {
         throw new Exception("Call selectFilter() before render()!");
       }
     }
 
     $selected_item = $this->menu->getItem($this->selectedFilter);
     if ($selected_item) {
       $selected_item->addClass('phabricator-menu-item-selected');
     }
 
     require_celerity_resource('phabricator-side-menu-view-css');
 
     if ($this->flexNav) {
       return $this->renderFlexNav();
     } else {
       return $this->renderLegacyNav();
     }
   }
 
   private function renderFlexNav() {
 
     $user = $this->user;
 
     require_celerity_resource('phabricator-nav-view-css');
 
     $nav_classes = array();
     $nav_classes[] = 'phabricator-nav';
 
     $nav_id = null;
     $drag_id = null;
     $content_id = celerity_generate_unique_node_id();
     $local_id = null;
     $local_menu = null;
     $main_id = celerity_generate_unique_node_id();
 
     if ($this->flexible) {
       $drag_id = celerity_generate_unique_node_id();
       $flex_bar = phutil_render_tag(
         'div',
         array(
           'class' => 'phabricator-nav-drag',
           'id' => $drag_id,
         ),
         '');
     } else {
       $flex_bar = null;
     }
 
     $nav_menu = null;
     if ($this->menu->getItems()) {
       $local_id = celerity_generate_unique_node_id();
       $nav_classes[] = 'has-local-nav';
       $local_menu = phutil_render_tag(
         'div',
         array(
           'class' => 'phabricator-nav-col phabricator-nav-local '.
                      'phabricator-side-menu',
           'id'    => $local_id,
         ),
         self::renderSingleView($this->menu));
     }
 
     $crumbs = null;
     if ($this->crumbs) {
       $crumbs = $this->crumbs->render();
       $nav_classes[] = 'has-crumbs';
     }
 
     Javelin::initBehavior(
       'phabricator-nav',
       array(
         'mainID'      => $main_id,
         'localID'     => $local_id,
         'dragID'      => $drag_id,
         'contentID'   => $content_id,
-        'menuSize'   => ($crumbs ? 78 : 44),
+        'menuSize'   => ($crumbs ? 76 : 44),
       ));
 
     if ($this->active && $local_id) {
       Javelin::initBehavior(
         'phabricator-active-nav',
         array(
           'localID' => $local_id,
         ));
     }
 
     return $crumbs.phutil_render_tag(
       'div',
       array(
         'class' => implode(' ', $nav_classes),
         'id'    => $main_id,
       ),
       $local_menu.
       $flex_bar.
       phutil_render_tag(
         'div',
         array(
           'class' => 'phabricator-nav-content',
           'id' => $content_id,
         ),
         $this->renderChildren()));
   }
 
   public function renderLegacyNav() {
     require_celerity_resource('aphront-side-nav-view-css');
 
     return
       '<table class="aphront-side-nav-view phabricator-side-menu">'.
         '<tr>'.
           '<th class="aphront-side-nav-navigation">'.
             self::renderSingleView($this->menu).
           '</th>'.
           '<td class="aphront-side-nav-content">'.
             $this->renderChildren().
           '</td>'.
         '</tr>'.
       '</table>';
   }
 
 }
diff --git a/src/view/layout/PhabricatorCrumbView.php b/src/view/layout/PhabricatorCrumbView.php
index 20d7a888d8..65f522649f 100644
--- a/src/view/layout/PhabricatorCrumbView.php
+++ b/src/view/layout/PhabricatorCrumbView.php
@@ -1,77 +1,77 @@
 <?php
 
 final class PhabricatorCrumbView extends AphrontView {
 
   private $name;
   private $href;
   private $icon;
   private $isLastCrumb;
 
   public function setName($name) {
     $this->name = $name;
     return $this;
   }
 
   public function setHref($href) {
     $this->href = $href;
     return $this;
   }
 
   public function setIcon($icon) {
     $this->icon = $icon;
     return $this;
   }
 
   protected function canAppendChild() {
     return false;
   }
 
   public function setIsLastCrumb($is_last_crumb) {
     $this->isLastCrumb = $is_last_crumb;
     return $this;
   }
 
   public function render() {
     $classes = array(
       'phabricator-crumb-view',
     );
 
     $icon = null;
     if ($this->icon) {
       $classes[] = 'phabricator-crumb-has-icon';
       $icon = phutil_render_tag(
         'span',
         array(
           'class' => 'phabricator-crumb-icon '.$this->icon,
         ),
         '');
     }
 
     $name = phutil_render_tag(
       'span',
       array(
         'class' => 'phabricator-crumb-name',
       ),
       phutil_escape_html($this->name));
 
     $divider = null;
     if (!$this->isLastCrumb) {
       $divider = phutil_render_tag(
         'span',
         array(
-          'class' => 'phabricator-crumb-divider',
+          'class' => 'sprite-menu phabricator-crumb-divider',
         ),
         '');
     }
 
     return phutil_render_tag(
       $this->href ? 'a' : 'span',
       array(
         'href'  => $this->href,
         'class' => implode(' ', $classes),
       ),
       $icon.$name.$divider);
   }
 
 
 }
diff --git a/src/view/layout/PhabricatorCrumbsView.php b/src/view/layout/PhabricatorCrumbsView.php
index 7d4ca345c5..347aa6420c 100644
--- a/src/view/layout/PhabricatorCrumbsView.php
+++ b/src/view/layout/PhabricatorCrumbsView.php
@@ -1,70 +1,71 @@
 <?php
 
 final class PhabricatorCrumbsView extends AphrontView {
 
   private $crumbs = array();
   private $actions = array();
 
   protected function canAppendChild() {
     return false;
   }
 
   public function addCrumb(PhabricatorCrumbView $crumb) {
     $this->crumbs[] = $crumb;
     return $this;
   }
 
 
   public function addAction(PhabricatorMenuItemView $action) {
     $this->actions[] = $action;
 
     return $this;
   }
 
   public function render() {
     require_celerity_resource('phabricator-crumbs-view-css');
 
     $action_view = null;
     if ($this->actions) {
       $actions = array();
       foreach ($this->actions as $action) {
         $icon = null;
         if ($action->getIcon()) {
           $icon = phutil_render_tag(
             'span',
             array(
               'class' => 'sprite-icon action-'.$action->getIcon(),
             ),
             '');
         }
         $actions[] = phutil_render_tag(
           'a',
           array(
             'href' => $action->getHref(),
             'class' => 'phabricator-crumbs-action',
           ),
           $icon.phutil_escape_html($action->getName()));
       }
 
       $action_view = phutil_render_tag(
         'div',
         array(
           'class' => 'phabricator-crumbs-actions',
         ),
         self::renderSingleView($actions));
     }
 
     if ($this->crumbs) {
       last($this->crumbs)->setIsLastCrumb(true);
     }
 
     return phutil_render_tag(
       'div',
       array(
-        'class' => 'phabricator-crumbs-view',
+        'class' => 'phabricator-crumbs-view '.
+                   'sprite-gradient gradient-breadcrumbs',
       ),
       $action_view.
       self::renderSingleView($this->crumbs));
   }
 
 }
diff --git a/src/view/page/PhabricatorStandardPageView.php b/src/view/page/PhabricatorStandardPageView.php
index 062a9a8bfb..f0e41ad9f9 100644
--- a/src/view/page/PhabricatorStandardPageView.php
+++ b/src/view/page/PhabricatorStandardPageView.php
@@ -1,430 +1,431 @@
 <?php
 
 /**
  * This is a standard Phabricator page with menus, Javelin, DarkConsole, and
  * basic styles.
  *
  */
 final class PhabricatorStandardPageView extends PhabricatorBarePageView {
 
   private $baseURI;
   private $applicationName;
   private $glyph;
   private $menuContent;
   private $showChrome = true;
   private $disableConsole;
   private $searchDefaultScope;
   private $pageObjects = array();
   private $applicationMenu;
 
   public function setApplicationMenu(PhabricatorMenuView $application_menu) {
     $this->applicationMenu = $application_menu;
     return $this;
   }
 
   public function getApplicationMenu() {
     return $this->applicationMenu;
   }
 
   public function setApplicationName($application_name) {
     $this->applicationName = $application_name;
     return $this;
   }
 
   public function setDisableConsole($disable) {
     $this->disableConsole = $disable;
     return $this;
   }
 
   public function getApplicationName() {
     return $this->applicationName;
   }
 
   public function setBaseURI($base_uri) {
     $this->baseURI = $base_uri;
     return $this;
   }
 
   public function getBaseURI() {
     return $this->baseURI;
   }
 
   public function setShowChrome($show_chrome) {
     $this->showChrome = $show_chrome;
     return $this;
   }
 
   public function getShowChrome() {
     return $this->showChrome;
   }
 
   public function setSearchDefaultScope($search_default_scope) {
     $this->searchDefaultScope = $search_default_scope;
     return $this;
   }
 
   public function getSearchDefaultScope() {
     return $this->searchDefaultScope;
   }
 
   public function appendPageObjects(array $objs) {
     foreach ($objs as $obj) {
       $this->pageObjects[] = $obj;
     }
   }
 
   public function getTitle() {
     $use_glyph = true;
     $request = $this->getRequest();
     if ($request) {
       $user = $request->getUser();
       if ($user && $user->loadPreferences()->getPreference(
             PhabricatorUserPreferences::PREFERENCE_TITLES) !== 'glyph') {
         $use_glyph = false;
       }
     }
 
     return ($use_glyph ?
             $this->getGlyph() : '['.$this->getApplicationName().']').
       ' '.parent::getTitle();
   }
 
 
   protected function willRenderPage() {
     parent::willRenderPage();
 
     if (!$this->getRequest()) {
       throw new Exception(
         "You must set the Request to render a PhabricatorStandardPageView.");
     }
 
     $console = $this->getConsole();
 
     require_celerity_resource('phabricator-core-css');
     require_celerity_resource('autosprite-css');
     require_celerity_resource('phabricator-core-buttons-css');
+    require_celerity_resource('sprite-gradient-css');
     require_celerity_resource('phabricator-standard-page-view');
 
     Javelin::initBehavior('workflow', array());
 
     $current_token = null;
     $request = $this->getRequest();
     if ($request) {
       $user = $request->getUser();
       if ($user) {
         $current_token = $user->getCSRFToken();
         $download_form = phabricator_render_form_magic($user);
         $default_img_uri =
           PhabricatorEnv::getCDNURI(
             '/rsrc/image/icon/fatcow/document_black.png'
           );
 
         Javelin::initBehavior(
           'lightbox-attachments',
           array(
             'defaultImageUri' => $default_img_uri,
             'downloadForm'    => $download_form,
           ));
       }
     }
 
     Javelin::initBehavior('toggle-class', array());
     Javelin::initBehavior('konami', array());
     Javelin::initBehavior(
       'refresh-csrf',
       array(
         'tokenName' => AphrontRequest::getCSRFTokenName(),
         'header'    => AphrontRequest::getCSRFHeaderName(),
         'current'   => $current_token,
       ));
     Javelin::initBehavior('device', array('id' => 'base-page'));
 
     if ($console) {
       require_celerity_resource('aphront-dark-console-css');
       Javelin::initBehavior(
         'dark-console',
         array(
           'uri'         => '/~/',
           'request_uri' => $request ? (string) $request->getRequestURI() : '/',
         ));
 
       // Change this to initBehavior when there is some behavior to initialize
       require_celerity_resource('javelin-behavior-error-log');
     }
 
     $menu = id(new PhabricatorMainMenuView())
       ->setUser($request->getUser())
       ->setController($this->getController())
       ->setDefaultSearchScope($this->getSearchDefaultScope());
 
     if ($this->getApplicationMenu()) {
       $menu->setApplicationMenu($this->getApplicationMenu());
     }
 
     $this->menuContent = $menu->render();
   }
 
 
   protected function getHead() {
     $monospaced = PhabricatorEnv::getEnvConfig('style.monospace');
 
     $request = $this->getRequest();
     if ($request) {
       $user = $request->getUser();
       if ($user) {
         $monospaced = nonempty(
           $user->loadPreferences()->getPreference(
             PhabricatorUserPreferences::PREFERENCE_MONOSPACED),
           $monospaced);
       }
     }
 
     $response = CelerityAPI::getStaticResourceResponse();
 
     $head = array(
       parent::getHead(),
       '<style type="text/css">'.
         '.PhabricatorMonospaced { font: '.$monospaced.'; }'.
       '</style>',
       $response->renderSingleResource('javelin-magical-init'),
     );
 
     return implode("\n", $head);
   }
 
   public function setGlyph($glyph) {
     $this->glyph = $glyph;
     return $this;
   }
 
   public function getGlyph() {
     return $this->glyph;
   }
 
   protected function willSendResponse($response) {
     $response = parent::willSendResponse($response);
 
     $console = $this->getRequest()->getApplicationConfiguration()->getConsole();
     if ($console) {
       $response = str_replace(
         '<darkconsole />',
         $console->render($this->getRequest()),
         $response);
     }
 
     return $response;
   }
 
   protected function getBody() {
     $console = $this->getConsole();
 
     $login_stuff = null;
     $request = $this->getRequest();
     $user = null;
     if ($request) {
       $user = $request->getUser();
       // NOTE: user may not be set here if we caught an exception early
       // in the execution workflow.
       if ($user && $user->getPHID()) {
         $login_stuff =
           phutil_render_tag(
             'a',
             array(
               'href' => '/p/'.$user->getUsername().'/',
             ),
             phutil_escape_html($user->getUsername())).
           ' &middot; '.
           '<a href="/settings/">Settings</a>'.
           ' &middot; '.
           phabricator_render_form(
             $user,
             array(
               'action' => '/search/',
               'method' => 'post',
               'style'  => 'display: inline',
             ),
             '<div class="menu-section menu-section-search">'.
               '<div class="menu-search-container">'.
                 '<input type="text" name="query" id="standard-search-box" />'.
                 '<button id="standard-search-button">Search</button>'.
               '</div>'.
             '</div>'.
             ' in '.
             AphrontFormSelectControl::renderSelectTag(
               $this->getSearchDefaultScope(),
               PhabricatorSearchScope::getScopeOptions(),
               array(
                 'name' => 'scope',
               )).
             ' '.
             '<button>Search</button>');
       }
     }
 
     $header_chrome = null;
     $footer_chrome = null;
     if ($this->getShowChrome()) {
       $header_chrome = $this->menuContent;
 
       if (!$this->getDeviceReady()) {
         $footer_chrome = $this->renderFooter();
       }
     }
 
     $developer_warning = null;
     if (PhabricatorEnv::getEnvConfig('phabricator.show-error-callout') &&
         DarkConsoleErrorLogPluginAPI::getErrors()) {
       $developer_warning =
         '<div class="aphront-developer-error-callout">'.
           'This page raised PHP errors. Find them in DarkConsole '.
           'or the error log.'.
         '</div>';
     }
 
     $agent = idx($_SERVER, 'HTTP_USER_AGENT');
 
     // Try to guess the device resolution based on UA strings to avoid a flash
     // of incorrectly-styled content.
     $device_guess = 'device-desktop';
     if (preg_match('/iPhone|iPod/', $agent)) {
       $device_guess = 'device-phone';
     } else if (preg_match('/iPad/', $agent)) {
       $device_guess = 'device-tablet';
     }
 
     $classes = array(
       'phabricator-standard-page',
       $device_guess,
     );
     $classes = implode(' ', $classes);
 
     return
       phutil_render_tag(
         'div',
         array(
           'id' => 'base-page',
           'class' => $classes,
         ),
         $header_chrome.
         '<div class="phabricator-standard-page-body">'.
           ($console ? '<darkconsole />' : null).
           $developer_warning.
           parent::getBody().
           '<div style="clear: both;"></div>'.
         '</div>').
       $footer_chrome;
   }
 
   protected function getTail() {
     $request = $this->getRequest();
     $user = $request->getUser();
 
     $container = null;
     if (PhabricatorEnv::getEnvConfig('notification.enabled') &&
         $user->isLoggedIn()) {
 
       $aphlict_object_id = celerity_generate_unique_node_id();
       $aphlict_container_id = celerity_generate_unique_node_id();
 
       $client_uri = PhabricatorEnv::getEnvConfig('notification.client-uri');
       $client_uri = new PhutilURI($client_uri);
       if ($client_uri->getDomain() == 'localhost') {
         $this_host = $this->getRequest()->getHost();
         $this_host = new PhutilURI('http://'.$this_host.'/');
         $client_uri->setDomain($this_host->getDomain());
       }
 
       $enable_debug = PhabricatorEnv::getEnvConfig('notification.debug');
       Javelin::initBehavior(
         'aphlict-listen',
         array(
           'id'           => $aphlict_object_id,
           'containerID'  => $aphlict_container_id,
           'server'       => $client_uri->getDomain(),
           'port'         => $client_uri->getPort(),
           'debug'        => $enable_debug,
           'pageObjects'  => array_fill_keys($this->pageObjects, true),
         ));
       $container = phutil_render_tag(
         'div',
         array(
           'id' => $aphlict_container_id,
           'style' => 'position: absolute; width: 0; height: 0;',
         ),
         '');
     }
 
     $response = CelerityAPI::getStaticResourceResponse();
 
     $tail = array(
       parent::getTail(),
       $container,
       $response->renderHTMLFooter(),
     );
 
     return implode("\n", $tail);
   }
 
   protected function getBodyClasses() {
     $classes = array();
 
     if (!$this->getShowChrome()) {
       $classes[] = 'phabricator-chromeless-page';
     }
 
     return implode(' ', $classes);
   }
 
   private function getConsole() {
     if ($this->disableConsole) {
       return null;
     }
     return $this->getRequest()->getApplicationConfiguration()->getConsole();
   }
 
   public function renderFooter() {
     $console = $this->getConsole();
 
     $foot_links = array();
 
     $version = PhabricatorEnv::getEnvConfig('phabricator.version');
     $foot_links[] =
       '<a href="http://phabricator.org/">Phabricator</a> '.
       phutil_escape_html($version);
 
     $foot_links[] =
       '<a href="https://secure.phabricator.com/maniphest/task/create/">'.
         'Report a Bug'.
       '</a>';
 
     if (PhabricatorEnv::getEnvConfig('darkconsole.enabled') &&
        !PhabricatorEnv::getEnvConfig('darkconsole.always-on')) {
       if ($console) {
         $link = javelin_render_tag(
           'a',
           array(
             'href' => '/~/',
             'sigil' => 'workflow',
           ),
           'Disable DarkConsole');
       } else {
         $link = javelin_render_tag(
           'a',
           array(
             'href' => '/~/',
             'sigil' => 'workflow',
           ),
           'Enable DarkConsole');
       }
       $foot_links[] = $link;
     }
 
     $foot_links = implode(' &middot; ', $foot_links);
 
     return
       '<div class="phabricator-page-foot">'.
         $foot_links.
       '</div>';
   }
 
 }
diff --git a/webroot/rsrc/css/aphront/phabricator-nav-view.css b/webroot/rsrc/css/aphront/phabricator-nav-view.css
index 53ee74673b..7288b7fecf 100644
--- a/webroot/rsrc/css/aphront/phabricator-nav-view.css
+++ b/webroot/rsrc/css/aphront/phabricator-nav-view.css
@@ -1,112 +1,112 @@
 /**
  * @provides phabricator-nav-view-css
  */
 
 .jx-drag-col {
   cursor: col-resize;
 }
 
 .phabricator-nav-col {
   position: fixed;
   top: 44px;
   left: 0;
   bottom: 0;
 
   overflow-y: auto;
   overflow-x: hidden;
 
   white-space: nowrap;
   z-index: 3;
 }
 
 .has-crumbs .phabricator-nav-col {
-  top: 78px;
+  top: 76px;
 }
 
 .phabricator-nav-local {
   width: 179px;
   background: #ececec;
 
   border-right: 1px solid #999c9e;
   box-shadow: inset -3px 0 4px rgba(0, 0, 0, 0.05);
   background-image: url(/rsrc/image/menu_texture.png);
 }
 
 .device-tablet .phabricator-nav-local,
 .device-phone .phabricator-nav-local {
   display: none;
 }
 
 .phabricator-nav-drag {
   position: fixed;
   top: 0;
   left: 179px;
   width: 7px;
   bottom: 0;
   z-index: 4;
 
   cursor: col-resize;
   background: #f5f5f5;
   border-style: solid;
   border-width: 0 1px 0 1px;
   border-color: #fff #999c9e #fff #999c9e;
 
   box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.15);
 
   background-image: url(/rsrc/image/divot.png);
   background-position: center;
   background-repeat: no-repeat;
 }
 
 .device-tablet .phabricator-nav-drag,
 .device-phone .phabricator-nav-drag {
   display: none;
 }
 
 .has-local-nav .phabricator-nav-content {
   margin-left: 180px;
 }
 
 .device-desktop .has-local-nav .phabricator-nav-content {
   margin-left: 178px;
 }
 
 .device-desktop .local-nav-collapsed .phabricator-nav-local {
   width: 0px !important;
 }
 
 .device-desktop .local-nav-collapsed .phabricator-nav-drag {
   display: none;
 }
 
 .device-desktop .local-nav-collapsed .phabricator-nav-content {
   margin-left: 2.5em !important;
 }
 
 .device-tablet .phabricator-nav-col,
 .device-phone .phabricator-nav-col {
   position: absolute;
   top: 0px;
 }
 
 .device-tablet .phabricator-nav-local,
 .device-phone .phabricator-nav-local {
   left: -300px;
 }
 
 .device-tablet .phabricator-nav,
 .device-phone .phabricator-nav {
   overflow-x: hidden;
   position: relative;
 }
 
 .device-tablet .phabricator-nav-content,
 .device-phone .phabricator-nav-content {
   width: 100%;
 }
 
 .device-tablet .phabricator-nav-content,
 .device-phone .phabricator-nav-content {
   margin-left: 0;
   position: relative;
 }
diff --git a/webroot/rsrc/css/autosprite.css b/webroot/rsrc/css/autosprite.css
index 9fdfeb6e1c..cf368baba6 100644
--- a/webroot/rsrc/css/autosprite.css
+++ b/webroot/rsrc/css/autosprite.css
@@ -1,717 +1,717 @@
 /**
  * @provides autosprite-css
  * @generated
  */
 
 .autosprite {
   background-image: url(/rsrc/image/autosprite.png);
   background-repeat: no-repeat;
 }
 
 .main-menu-item-icon-help {
   background-position: 0px 0px;
 }
 
 .main-menu-item-icon-help-selected {
   background-position: -31px 0px;
 }
 
 .main-menu-item-icon-help:hover {
   background-position: -62px 0px;
 }
 
 .main-menu-item-icon-settings {
   background-position: -93px 0px;
 }
 
 .main-menu-item-icon-settings-selected {
   background-position: -124px 0px;
 }
 
 .main-menu-item-icon-settings:hover {
   background-position: -155px 0px;
 }
 
 .main-menu-item-icon-logout {
   background-position: -186px 0px;
 }
 
 .main-menu-item-icon-logout-selected {
   background-position: -217px 0px;
 }
 
 .main-menu-item-icon-logout:hover {
   background-position: -248px 0px;
 }
 
 .main-menu-item-icon-task {
   background-position: -279px 0px;
 }
 
 .main-menu-item-icon-task-selected {
   background-position: -310px 0px;
 }
 
 .main-menu-item-icon-task:hover {
   background-position: -341px 0px;
 }
 
+.app-differential-large {
+  background-position: 0px -186px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-differential-large /* hover */ {
+  background-position: -61px -186px;
+}
+
 .app-differential {
   background-position: -372px 0px;
 }
 
 .device-desktop  .app-differential:hover {
   background-position: -403px 0px;
 }
 
 .app-differential-selected {
   background-position: -434px 0px;
 }
 
+.app-fact-large {
+  background-position: -122px -186px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-fact-large /* hover */ {
+  background-position: -183px -186px;
+}
+
 .app-fact {
   background-position: -465px 0px;
 }
 
 .device-desktop  .app-fact:hover {
   background-position: -496px 0px;
 }
 
 .app-fact-selected {
   background-position: -527px 0px;
 }
 
+.app-mail-large {
+  background-position: -244px -186px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-mail-large /* hover */ {
+  background-position: -305px -186px;
+}
+
 .app-mail {
   background-position: -558px 0px;
 }
 
 .device-desktop  .app-mail:hover {
   background-position: 0px -31px;
 }
 
 .app-mail-selected {
   background-position: -31px -31px;
 }
 
+.app-diffusion-large {
+  background-position: -366px -186px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-diffusion-large /* hover */ {
+  background-position: -427px -186px;
+}
+
 .app-diffusion {
   background-position: -62px -31px;
 }
 
 .device-desktop  .app-diffusion:hover {
   background-position: -93px -31px;
 }
 
 .app-diffusion-selected {
   background-position: -124px -31px;
 }
 
+.app-slowvote-large {
+  background-position: -488px -186px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-slowvote-large /* hover */ {
+  background-position: -549px -186px;
+}
+
 .app-slowvote {
   background-position: -155px -31px;
 }
 
 .device-desktop  .app-slowvote:hover {
   background-position: -186px -31px;
 }
 
 .app-slowvote-selected {
   background-position: -217px -31px;
 }
 
+.app-phriction-large {
+  background-position: 0px -247px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-phriction-large /* hover */ {
+  background-position: -61px -247px;
+}
+
 .app-phriction {
   background-position: -248px -31px;
 }
 
 .device-desktop  .app-phriction:hover {
   background-position: -279px -31px;
 }
 
 .app-phriction-selected {
   background-position: -310px -31px;
 }
 
+.app-maniphest-large {
+  background-position: -122px -247px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-maniphest-large /* hover */ {
+  background-position: -183px -247px;
+}
+
 .app-maniphest {
   background-position: -341px -31px;
 }
 
 .device-desktop  .app-maniphest:hover {
   background-position: -372px -31px;
 }
 
 .app-maniphest-selected {
   background-position: -403px -31px;
 }
 
+.app-flags-large {
+  background-position: -244px -247px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-flags-large /* hover */ {
+  background-position: -305px -247px;
+}
+
 .app-flags {
   background-position: -434px -31px;
 }
 
 .device-desktop  .app-flags:hover {
   background-position: -465px -31px;
 }
 
 .app-flags-selected {
   background-position: -496px -31px;
 }
 
+.app-settings-large {
+  background-position: -366px -247px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-settings-large /* hover */ {
+  background-position: -427px -247px;
+}
+
 .app-settings {
   background-position: -527px -31px;
 }
 
 .device-desktop  .app-settings:hover {
   background-position: -558px -31px;
 }
 
 .app-settings-selected {
   background-position: 0px -62px;
 }
 
+.app-applications-large {
+  background-position: -488px -247px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-applications-large /* hover */ {
+  background-position: -549px -247px;
+}
+
 .app-applications {
   background-position: -31px -62px;
 }
 
 .device-desktop  .app-applications:hover {
   background-position: -62px -62px;
 }
 
 .app-applications-selected {
   background-position: -93px -62px;
 }
 
+.app-default-large {
+  background-position: 0px -308px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-default-large /* hover */ {
+  background-position: -61px -308px;
+}
+
 .app-default {
   background-position: -124px -62px;
 }
 
 .device-desktop  .app-default:hover {
   background-position: -155px -62px;
 }
 
 .app-default-selected {
   background-position: -186px -62px;
 }
 
+.app-people-large {
+  background-position: -122px -308px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-people-large /* hover */ {
+  background-position: -183px -308px;
+}
+
 .app-people {
   background-position: -217px -62px;
 }
 
 .device-desktop  .app-people:hover {
   background-position: -248px -62px;
 }
 
 .app-people-selected {
   background-position: -279px -62px;
 }
 
+.app-ponder-large {
+  background-position: -244px -308px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-ponder-large /* hover */ {
+  background-position: -305px -308px;
+}
+
 .app-ponder {
   background-position: -310px -62px;
 }
 
 .device-desktop  .app-ponder:hover {
   background-position: -341px -62px;
 }
 
 .app-ponder-selected {
   background-position: -372px -62px;
 }
 
+.app-calendar-large {
+  background-position: -366px -308px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-calendar-large /* hover */ {
+  background-position: -427px -308px;
+}
+
 .app-calendar {
   background-position: -403px -62px;
 }
 
 .device-desktop  .app-calendar:hover {
   background-position: -434px -62px;
 }
 
 .app-calendar-selected {
   background-position: -465px -62px;
 }
 
+.app-files-large {
+  background-position: -488px -308px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-files-large /* hover */ {
+  background-position: -549px -308px;
+}
+
 .app-files {
   background-position: -496px -62px;
 }
 
 .device-desktop  .app-files:hover {
   background-position: -527px -62px;
 }
 
 .app-files-selected {
   background-position: -558px -62px;
 }
 
+.app-projects-large {
+  background-position: 0px -369px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-projects-large /* hover */ {
+  background-position: -61px -369px;
+}
+
 .app-projects {
   background-position: 0px -93px;
 }
 
 .device-desktop  .app-projects:hover {
   background-position: -31px -93px;
 }
 
 .app-projects-selected {
   background-position: -62px -93px;
 }
 
+.app-daemons-large {
+  background-position: -122px -369px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-daemons-large /* hover */ {
+  background-position: -183px -369px;
+}
+
 .app-daemons {
   background-position: -93px -93px;
 }
 
 .device-desktop  .app-daemons:hover {
   background-position: -124px -93px;
 }
 
 .app-daemons-selected {
   background-position: -155px -93px;
 }
 
+.app-herald-large {
+  background-position: -244px -369px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-herald-large /* hover */ {
+  background-position: -305px -369px;
+}
+
 .app-herald {
   background-position: -186px -93px;
 }
 
 .device-desktop  .app-herald:hover {
   background-position: -217px -93px;
 }
 
 .app-herald-selected {
   background-position: -248px -93px;
 }
 
+.app-countdown-large {
+  background-position: -366px -369px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-countdown-large /* hover */ {
+  background-position: -427px -369px;
+}
+
 .app-countdown {
   background-position: -279px -93px;
 }
 
 .device-desktop  .app-countdown:hover {
   background-position: -310px -93px;
 }
 
 .app-countdown-selected {
   background-position: -341px -93px;
 }
 
+.app-conduit-large {
+  background-position: -488px -369px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-conduit-large /* hover */ {
+  background-position: 0px -430px;
+}
+
 .app-conduit {
   background-position: -372px -93px;
 }
 
 .device-desktop  .app-conduit:hover {
   background-position: -403px -93px;
 }
 
 .app-conduit-selected {
   background-position: -434px -93px;
 }
 
+.app-feed-large {
+  background-position: -61px -430px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-feed-large /* hover */ {
+  background-position: -122px -430px;
+}
+
 .app-feed {
   background-position: -465px -93px;
 }
 
 .device-desktop  .app-feed:hover {
   background-position: -496px -93px;
 }
 
 .app-feed-selected {
   background-position: -527px -93px;
 }
 
+.app-paste-large {
+  background-position: -183px -430px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-paste-large /* hover */ {
+  background-position: -244px -430px;
+}
+
 .app-paste {
   background-position: 0px -124px;
 }
 
 .device-desktop  .app-paste:hover {
   background-position: -31px -124px;
 }
 
 .app-paste-selected {
   background-position: -62px -124px;
 }
 
+.app-audit-large {
+  background-position: -305px -430px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-audit-large /* hover */ {
+  background-position: -366px -430px;
+}
+
 .app-audit {
   background-position: -93px -124px;
 }
 
 .device-desktop  .app-audit:hover {
   background-position: -124px -124px;
 }
 
 .app-audit-selected {
   background-position: -155px -124px;
 }
 
+.app-uiexample-large {
+  background-position: -427px -430px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-uiexample-large /* hover */ {
+  background-position: -488px -430px;
+}
+
 .app-uiexample {
   background-position: -186px -124px;
 }
 
 .device-desktop  .app-uiexample:hover {
   background-position: -217px -124px;
 }
 
 .app-uiexample-selected {
   background-position: -248px -124px;
 }
 
+.app-phpast-large {
+  background-position: 0px -491px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-phpast-large /* hover */ {
+  background-position: -61px -491px;
+}
+
 .app-phpast {
   background-position: -279px -124px;
 }
 
 .device-desktop  .app-phpast:hover {
   background-position: -310px -124px;
 }
 
 .app-phpast-selected {
   background-position: -341px -124px;
 }
 
+.app-owners-large {
+  background-position: -122px -491px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-owners-large /* hover */ {
+  background-position: -183px -491px;
+}
+
 .app-owners {
   background-position: -372px -124px;
 }
 
 .device-desktop  .app-owners:hover {
   background-position: -403px -124px;
 }
 
 .app-owners-selected {
   background-position: -434px -124px;
 }
 
+.app-phid-large {
+  background-position: -244px -491px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-phid-large /* hover */ {
+  background-position: -305px -491px;
+}
+
 .app-phid {
   background-position: -465px -124px;
 }
 
 .device-desktop  .app-phid:hover {
   background-position: -496px -124px;
 }
 
 .app-phid-selected {
   background-position: -527px -124px;
 }
 
+.app-diviner-large {
+  background-position: -366px -491px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-diviner-large /* hover */ {
+  background-position: -427px -491px;
+}
+
 .app-diviner {
   background-position: 0px -155px;
 }
 
 .device-desktop  .app-diviner:hover {
   background-position: -31px -155px;
 }
 
 .app-diviner-selected {
   background-position: -62px -155px;
 }
 
+.app-repositories-large {
+  background-position: -488px -491px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-repositories-large /* hover */ {
+  background-position: 0px -552px;
+}
+
 .app-repositories {
   background-position: -93px -155px;
 }
 
 .device-desktop  .app-repositories:hover {
   background-position: -124px -155px;
 }
 
 .app-repositories-selected {
   background-position: -155px -155px;
 }
 
+.app-phame-large {
+  background-position: -61px -552px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-phame-large /* hover */ {
+  background-position: -122px -552px;
+}
+
 .app-phame {
   background-position: -186px -155px;
 }
 
 .device-desktop  .app-phame:hover {
   background-position: -217px -155px;
 }
 
 .app-phame-selected {
   background-position: -248px -155px;
 }
 
+.app-macro-large {
+  background-position: -183px -552px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-macro-large /* hover */ {
+  background-position: -244px -552px;
+}
+
 .app-macro {
   background-position: -279px -155px;
 }
 
 .device-desktop  .app-macro:hover {
   background-position: -310px -155px;
 }
 
 .app-macro-selected {
   background-position: -341px -155px;
 }
 
+.app-releeph-large {
+  background-position: -305px -552px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-releeph-large /* hover */ {
+  background-position: -366px -552px;
+}
+
 .app-releeph {
   background-position: -372px -155px;
 }
 
 .device-desktop  .app-releeph:hover {
   background-position: -403px -155px;
 }
 
 .app-releeph-selected {
   background-position: -434px -155px;
 }
 
+.app-drydock-large {
+  background-position: -427px -552px;
+}
+
+.device-desktop .phabricator-application-launch-container:hover .app-drydock-large /* hover */ {
+  background-position: -488px -552px;
+}
+
 .app-drydock {
   background-position: -465px -155px;
 }
 
 .device-desktop  .app-drydock:hover {
   background-position: -496px -155px;
 }
 
 .app-drydock-selected {
   background-position: -527px -155px;
 }
-
-.app-differential-large {
-  background-position: 0px -186px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-differential-large /* hover */ {
-  background-position: -61px -186px;
-}
-
-.app-fact-large {
-  background-position: -122px -186px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-fact-large /* hover */ {
-  background-position: -183px -186px;
-}
-
-.app-mail-large {
-  background-position: -244px -186px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-mail-large /* hover */ {
-  background-position: -305px -186px;
-}
-
-.app-diffusion-large {
-  background-position: -366px -186px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-diffusion-large /* hover */ {
-  background-position: -427px -186px;
-}
-
-.app-slowvote-large {
-  background-position: -488px -186px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-slowvote-large /* hover */ {
-  background-position: -549px -186px;
-}
-
-.app-phriction-large {
-  background-position: 0px -247px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-phriction-large /* hover */ {
-  background-position: -61px -247px;
-}
-
-.app-maniphest-large {
-  background-position: -122px -247px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-maniphest-large /* hover */ {
-  background-position: -183px -247px;
-}
-
-.app-flags-large {
-  background-position: -244px -247px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-flags-large /* hover */ {
-  background-position: -305px -247px;
-}
-
-.app-settings-large {
-  background-position: -366px -247px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-settings-large /* hover */ {
-  background-position: -427px -247px;
-}
-
-.app-applications-large {
-  background-position: -488px -247px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-applications-large /* hover */ {
-  background-position: -549px -247px;
-}
-
-.app-default-large {
-  background-position: 0px -308px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-default-large /* hover */ {
-  background-position: -61px -308px;
-}
-
-.app-people-large {
-  background-position: -122px -308px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-people-large /* hover */ {
-  background-position: -183px -308px;
-}
-
-.app-ponder-large {
-  background-position: -244px -308px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-ponder-large /* hover */ {
-  background-position: -305px -308px;
-}
-
-.app-calendar-large {
-  background-position: -366px -308px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-calendar-large /* hover */ {
-  background-position: -427px -308px;
-}
-
-.app-files-large {
-  background-position: -488px -308px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-files-large /* hover */ {
-  background-position: -549px -308px;
-}
-
-.app-projects-large {
-  background-position: 0px -369px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-projects-large /* hover */ {
-  background-position: -61px -369px;
-}
-
-.app-daemons-large {
-  background-position: -122px -369px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-daemons-large /* hover */ {
-  background-position: -183px -369px;
-}
-
-.app-herald-large {
-  background-position: -244px -369px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-herald-large /* hover */ {
-  background-position: -305px -369px;
-}
-
-.app-countdown-large {
-  background-position: -366px -369px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-countdown-large /* hover */ {
-  background-position: -427px -369px;
-}
-
-.app-conduit-large {
-  background-position: -488px -369px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-conduit-large /* hover */ {
-  background-position: 0px -430px;
-}
-
-.app-feed-large {
-  background-position: -61px -430px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-feed-large /* hover */ {
-  background-position: -122px -430px;
-}
-
-.app-paste-large {
-  background-position: -183px -430px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-paste-large /* hover */ {
-  background-position: -244px -430px;
-}
-
-.app-audit-large {
-  background-position: -305px -430px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-audit-large /* hover */ {
-  background-position: -366px -430px;
-}
-
-.app-uiexample-large {
-  background-position: -427px -430px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-uiexample-large /* hover */ {
-  background-position: -488px -430px;
-}
-
-.app-phpast-large {
-  background-position: 0px -491px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-phpast-large /* hover */ {
-  background-position: -61px -491px;
-}
-
-.app-owners-large {
-  background-position: -122px -491px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-owners-large /* hover */ {
-  background-position: -183px -491px;
-}
-
-.app-phid-large {
-  background-position: -244px -491px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-phid-large /* hover */ {
-  background-position: -305px -491px;
-}
-
-.app-diviner-large {
-  background-position: -366px -491px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-diviner-large /* hover */ {
-  background-position: -427px -491px;
-}
-
-.app-repositories-large {
-  background-position: -488px -491px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-repositories-large /* hover */ {
-  background-position: 0px -552px;
-}
-
-.app-phame-large {
-  background-position: -61px -552px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-phame-large /* hover */ {
-  background-position: -122px -552px;
-}
-
-.app-macro-large {
-  background-position: -183px -552px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-macro-large /* hover */ {
-  background-position: -244px -552px;
-}
-
-.app-releeph-large {
-  background-position: -305px -552px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-releeph-large /* hover */ {
-  background-position: -366px -552px;
-}
-
-.app-drydock-large {
-  background-position: -427px -552px;
-}
-
-.device-desktop .phabricator-application-launch-container:hover .app-drydock-large /* hover */ {
-  background-position: -488px -552px;
-}
diff --git a/webroot/rsrc/css/core/buttons.css b/webroot/rsrc/css/core/buttons.css
index 51988176fb..c41695afb7 100644
--- a/webroot/rsrc/css/core/buttons.css
+++ b/webroot/rsrc/css/core/buttons.css
@@ -1,207 +1,189 @@
 /**
  * @provides phabricator-core-buttons-css
  */
 
 
 button,
 a.button,
 a.button:visited,
 input.inputsubmit {
   background-color: #19558D;
-  background-image: url('/rsrc/image/button_gradients.png');
-  background-position: 0 -26px;
 
   color: white;
   text-shadow: 0 -1px #19558D;
   border: 1px solid #19558D;
   cursor: pointer;
   font-weight: bold;
   font-size: 13px;
   display: inline-block;
   padding: 3px 10px 4px;
   text-align: center;
   white-space: nowrap;
 
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
 }
 
 /* Buttons with images (full size only) */
 button.icon,
 a.icon,
 a.icon:visited {
   padding-left: 0;
   position: relative;
   text-indent: 29px;
 }
 
 button:active,
 a.button:active {
   background-color: #19558D;
-  background-position: 0 0;
 }
 
 button.black,
 a.black,
 a.black:visited {
   background-color: #383838;
-  background-position: 0 -182px;
   border: 1px solid #333;
   text-shadow: 0 -1px #000;
   border-bottom-color: #000;
 }
 
-button.black:active,
-a.black:active {
-  background-position: 0 -156px;
-}
-
 button.green,
 a.green,
 a.green:visited {
   background-color: #006600;
-  background-position: 0 -130px;
   border: 1px solid #3b6e22;
   text-shadow: 0 -1px #006600;
   border-bottom-color: #2c5a15;
 }
 
-button.green:active,
-a.green:active {
-  background-position: 0 -104px;
-}
-
 button.grey,
 input.inputaux,
 a.grey,
 a.grey:visited,
 a.button.disabled,
 button[disabled], /* Set by JX.Workflow. */
 button.disabled {
   background-color: #f7f7f7;
-  background-image: url('/rsrc/image/button_gradients.png');
-  background-position: 0 -52px;
   border-color: #aaa;
   color: #333;
   border-bottom-color: #999;
   text-shadow: none;
 }
 
 a.disabled,
 button.disabled {
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
 }
 
 button.grey:active,
 a.grey:active,
 button.grey_active,
 a.dropdown-open {
   background-color: #7d7d7d;
-  background-position: 0 -78px;
   color: #777;
 }
 
 a.button:hover {
   text-decoration: none;
 }
 
 button.small,
 a.small,
 a.small:visited {
   padding: 2px 7px;
   height: auto;
   font-size: 11px;
   line-height: 16px;
 }
 
 button.link {
   display: inline;
   border: none;
   background: transparent;
   font-weight: normal;
   padding: 0;
   margin: 0;
   font-size: inherit;
   border-bottom: none;
   text-decoration: none;
   text-shadow: none;
   color: #3b5998;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }
 
 button.link:hover {
   text-decoration: underline;
 }
 
 
 .dropdown-menu-frame {
   z-index: 32;
   position: absolute;
   width: 240px;
   background: #f6f6f6;
   border: 1px solid #999;
   margin-top: -1px;
 
   box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
 }
 
 .dropdown-menu-frame a,
 .dropdown-menu-frame span {
   display: block;
   font-size: 11px;
   padding: 4px 8px;
 }
 
 .dropdown-menu-frame span {
   color: #666666;
 }
 
 .dropdown-menu-frame a:hover {
   background: #005588;
   color: white;
   text-decoration: none;
 }
 
 a.toggle {
   display: inline-block;
   padding: 4px 8px;
   font-weight: bold;
   line-height: 14px;
   color: #ffffff;
   text-shadow: 0 1px 0 #777;
   text-decoration: none;
   white-space: nowrap;
   vertical-align: baseline;
   background-color: #a7a7a7;
   font-family: 'Helvetica Neue', Helvetica, Arial;
   font-size: 12px;
   margin: 0 5px 2px;
 
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
 
 a.toggle:hover {
   background-color: #bbb;
 }
 
 a.toggle-selected {
   background-color: #555;
 }
 
 a.toggle-fixed {
   cursor: default;
 }
 
 a.toggle-fixed:hover {
   background-color: #555;
 }
diff --git a/webroot/rsrc/css/layout/phabricator-crumbs-view.css b/webroot/rsrc/css/layout/phabricator-crumbs-view.css
index 167445b7b4..930a995ab7 100644
--- a/webroot/rsrc/css/layout/phabricator-crumbs-view.css
+++ b/webroot/rsrc/css/layout/phabricator-crumbs-view.css
@@ -1,81 +1,81 @@
 /**
  * @provides phabricator-crumbs-view-css
  */
 
 .device-phone .phabricator-crumbs-view,
 .device-tablet .phabricator-crumbs-view {
   display: none;
 }
 
 .phabricator-crumbs-view {
-  background: #e1e5eb;
-  border-bottom: 1px solid #c5c9ce;
-  height: 33px;
+  background-color: #d8dce2;
+  height: 31px;
   overflow: hidden;
   vertical-align: top;
+
+  box-shadow: 0 1px rgba(0, 0, 0, 0.25);
 }
 
 .phabricator-crumbs-view,
 .phabricator-crumbs-view a.phabricator-crumb-view,
 .phabricator-crumbs-view a.phabricator-crumbs-action {
   color: #3d3d3d;
   font-weight: bold;
   text-decoration: none;
   text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9);
 }
 
 .phabricator-crumb-view {
   display: inline-block;
-  height: 33px;
-  line-height: 33px;
+  height: 31px;
+  line-height: 31px;
   overflow: hidden;
 }
 
 .phabricator-crumb-icon {
   display: inline-block;
   width: 30px;
   height: 30px;
-  margin: 2px 2px 1px 8px;
+  margin: 1px 2px 0 8px;
   vertical-align: top;
 }
 
 .phabricator-crumbs-actions {
   float: right;
 }
 
 .phabricator-crumbs-action {
   display: inline-block;
   height: 17px;
   padding: 8px 14px 8px 24px;
   position: relative;
 }
 
 .phabricator-crumbs-action .sprite-icon {
   width: 14px;
   height: 14px;
   left: 4px;
   top: 9px;
   position: absolute;
 }
 
 .phabricator-crumb-divider {
   display: inline-block;
   width: 9px;
-  height: 33px;
-  background-image: url(/rsrc/image/tab_divider.png);
+  height: 31px;
   vertical-align: top;
   margin: 0 9px;
 }
 
 .temporary-icon-apps {
   background-image: url(/rsrc/image/button_apps.png);
   background-position: center center;
   background-repeat: no-repeat;
 }
 
 .temporary-icon-list {
   background-image: url(/rsrc/image/button_menu.png);
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 24px 15px;
 }
diff --git a/webroot/rsrc/css/sprite-gradient.css b/webroot/rsrc/css/sprite-gradient.css
new file mode 100644
index 0000000000..19ae1ba676
--- /dev/null
+++ b/webroot/rsrc/css/sprite-gradient.css
@@ -0,0 +1,58 @@
+/**
+ * @provides sprite-gradient-css
+ * @generated
+ */
+
+.sprite-gradient, button, a.button, a.button:visited, input.inputsubmit {
+  background-image: url(/rsrc/image/sprite-gradient.png);
+  background-repeat: repeat-x;
+}
+
+@media
+only screen and (min-device-pixel-ratio: 1.5),
+only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+  .sprite-gradient, button, a.button, a.button:visited, input.inputsubmit {
+    background-image: url(/rsrc/image/sprite-gradient-X2.png);
+    background-size: 4px 274px;
+  }
+}
+
+.gradient-blue-dark, button, a.button, a.button:visited, input.inputsubmit {
+  background-position: 0px -26px;
+}
+
+.gradient-blue-light, button:active, a.button:active {
+  background-position: 0px -53px;
+}
+
+.gradient-black-dark, button.black, a.black, a.black:visited {
+  background-position: 0px -80px;
+}
+
+.gradient-black-light, button.black:active, a.black:active {
+  background-position: 0px -107px;
+}
+
+.gradient-breadcrumbs {
+  background-position: 0px -242px;
+}
+
+.gradient-dark-menu-label {
+  background-position: 0px 0px;
+}
+
+.gradient-green-dark, button.green, a.green, a.green:visited {
+  background-position: 0px -134px;
+}
+
+.gradient-green-light, button.green:active, a.green:active {
+  background-position: 0px -161px;
+}
+
+.gradient-grey-dark, button.grey, input.inputaux, a.grey, a.grey:visited, a.button.disabled, button[disabled], button.disabled {
+  background-position: 0px -188px;
+}
+
+.gradient-grey-light, button.grey:active, a.grey:active, button.grey_active, a.dropdown-open {
+  background-position: 0px -215px;
+}
diff --git a/webroot/rsrc/css/sprite-menu.css b/webroot/rsrc/css/sprite-menu.css
index a5a62bcfcb..b87710bbe7 100644
--- a/webroot/rsrc/css/sprite-menu.css
+++ b/webroot/rsrc/css/sprite-menu.css
@@ -1,38 +1,42 @@
 /**
  * @provides sprite-menu-css
  * @generated
  */
 
 .sprite-menu {
   background-image: url(/rsrc/image/sprite-menu.png);
   background-repeat: no-repeat;
 }
 
 @media
 only screen and (min-device-pixel-ratio: 1.5),
 only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   .sprite-menu {
     background-image: url(/rsrc/image/sprite-menu-X2.png);
-    background-size: 47px 69px;
+    background-size: 47px 101px;
   }
 }
 
-.alert-notifications .phabricator-main-menu-alert-icon {
-  background-position: 0px 0px;
-}
-
-.alert-notifications:hover .phabricator-main-menu-alert-icon {
-  background-position: -15px 0px;
+.phabricator-main-menu-alert-bubble {
+  background-position: 0px -42px;
 }
 
 .phabricator-main-menu-alert-bubble.alert-unread {
   background-position: 0px -15px;
 }
 
-.phabricator-main-menu-alert-bubble {
-  background-position: 0px -42px;
+.alert-notifications .phabricator-main-menu-alert-icon {
+  background-position: 0px 0px;
+}
+
+.alert-notifications:hover .phabricator-main-menu-alert-icon {
+  background-position: -15px 0px;
 }
 
 .alert-notifications.alert-unread .phabricator-main-menu-alert-icon {
   background-position: -27px -42px;
 }
+
+.phabricator-crumb-divider {
+  background-position: 0px -69px;
+}
diff --git a/webroot/rsrc/image/button_content.png b/webroot/rsrc/image/button_content.png
deleted file mode 100755
index 3ae1bf4fc9..0000000000
Binary files a/webroot/rsrc/image/button_content.png and /dev/null differ
diff --git a/webroot/rsrc/image/button_gradients.png b/webroot/rsrc/image/button_gradients.png
deleted file mode 100644
index 486bc64c15..0000000000
Binary files a/webroot/rsrc/image/button_gradients.png and /dev/null differ
diff --git a/webroot/rsrc/image/sprite-gradient.png b/webroot/rsrc/image/sprite-gradient.png
new file mode 100644
index 0000000000..066b0a9f6e
Binary files /dev/null and b/webroot/rsrc/image/sprite-gradient.png differ
diff --git a/webroot/rsrc/image/sprite-menu-X2.png b/webroot/rsrc/image/sprite-menu-X2.png
index a89c3ef5ed..cf4fdcdac5 100644
Binary files a/webroot/rsrc/image/sprite-menu-X2.png and b/webroot/rsrc/image/sprite-menu-X2.png differ
diff --git a/webroot/rsrc/image/sprite-menu.png b/webroot/rsrc/image/sprite-menu.png
index b471e69f18..780efad474 100644
Binary files a/webroot/rsrc/image/sprite-menu.png and b/webroot/rsrc/image/sprite-menu.png differ
diff --git a/webroot/rsrc/image/sprite.png b/webroot/rsrc/image/sprite.png
deleted file mode 100644
index f4cf0312ff..0000000000
Binary files a/webroot/rsrc/image/sprite.png and /dev/null differ
diff --git a/webroot/rsrc/image/tab_divider.png b/webroot/rsrc/image/tab_divider.png
deleted file mode 100644
index 7a49d55556..0000000000
Binary files a/webroot/rsrc/image/tab_divider.png and /dev/null differ