New icons for nav and dashboard

Summary: Added new icons

Test Plan: Tested size in photoshop

Reviewers: epriestley

Reviewed By: epriestley

CC: Korvin, epriestley, aran

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

resources/sprite/manifest/apps-large.json

@@ -301,6 +301,26 @@
       "rule" : ".apps-fact-white-large",
       "hash" : "d24e0b88ecfb05cb80de311eb5cc2e15"
     },
+    "apps-fancyhome-blue-large"       : {
+      "name" : "apps-fancyhome-blue-large",
+      "rule" : ".apps-fancyhome-blue-large, .phabricator-crumb-view:hover .apps-fancyhome-dark-large",
+      "hash" : "280c997ba6ada59c571a3d510d783872"
+    },
+    "apps-fancyhome-dark-large"       : {
+      "name" : "apps-fancyhome-dark-large",
+      "rule" : ".apps-fancyhome-dark-large",
+      "hash" : "8bcb67304d092f8c29e0298c677e56df"
+    },
+    "apps-fancyhome-light-large"      : {
+      "name" : "apps-fancyhome-light-large",
+      "rule" : ".apps-fancyhome-light-large",
+      "hash" : "c385141a3f3c655c1798e7df0d8d6a38"
+    },
+    "apps-fancyhome-white-large"      : {
+      "name" : "apps-fancyhome-white-large",
+      "rule" : ".apps-fancyhome-white-large",
+      "hash" : "aee0b67863ce48c7f03ca87042108c78"
+    },
     "apps-feed-blue-large"            : {
       "name" : "apps-feed-blue-large",
       "rule" : ".apps-feed-blue-large, .phabricator-crumb-view:hover .apps-feed-dark-large",
@@ -441,6 +461,26 @@
       "rule" : ".apps-home-white-large",
       "hash" : "709053e29f8364081c00724c1f9634aa"
     },
+    "apps-info-sm-blue-large"         : {
+      "name" : "apps-info-sm-blue-large",
+      "rule" : ".apps-info-sm-blue-large, .phabricator-crumb-view:hover .apps-info-sm-dark-large",
+      "hash" : "2975fdc99dbeb3ef28b5a2558bcfaf1d"
+    },
+    "apps-info-sm-dark-large"         : {
+      "name" : "apps-info-sm-dark-large",
+      "rule" : ".apps-info-sm-dark-large",
+      "hash" : "d5be94bb802d03064944c3d17771e76c"
+    },
+    "apps-info-sm-light-large"        : {
+      "name" : "apps-info-sm-light-large",
+      "rule" : ".apps-info-sm-light-large",
+      "hash" : "48ed57d0e856604c0053ea35a711427f"
+    },
+    "apps-info-sm-white-large"        : {
+      "name" : "apps-info-sm-white-large",
+      "rule" : ".apps-info-sm-white-large",
+      "hash" : "a8738137dc48d8d81b7648118d9ac6f8"
+    },
     "apps-legalpad-blue-large"        : {
       "name" : "apps-legalpad-blue-large",
       "rule" : ".apps-legalpad-blue-large, .phabricator-crumb-view:hover .apps-legalpad-dark-large",
@@ -481,6 +521,26 @@
       "rule" : ".apps-logo-white-large",
       "hash" : "323fa19b10af04bd7a368b65591b7be1"
     },
+    "apps-logout-sm-blue-large"       : {
+      "name" : "apps-logout-sm-blue-large",
+      "rule" : ".apps-logout-sm-blue-large, .phabricator-crumb-view:hover .apps-logout-sm-dark-large",
+      "hash" : "5137785c3b164ff73aa3cc1dbe95b9df"
+    },
+    "apps-logout-sm-dark-large"       : {
+      "name" : "apps-logout-sm-dark-large",
+      "rule" : ".apps-logout-sm-dark-large",
+      "hash" : "9f6177afadb8680891cb2580a0385fdf"
+    },
+    "apps-logout-sm-light-large"      : {
+      "name" : "apps-logout-sm-light-large",
+      "rule" : ".apps-logout-sm-light-large",
+      "hash" : "8e1323b1155e335e916e773a4ce3ecda"
+    },
+    "apps-logout-sm-white-large"      : {
+      "name" : "apps-logout-sm-white-large",
+      "rule" : ".apps-logout-sm-white-large",
+      "hash" : "c4b9ca54ac63d6313c7dad772083fd2e"
+    },
     "apps-macro-blue-large"           : {
       "name" : "apps-macro-blue-large",
       "rule" : ".apps-macro-blue-large, .phabricator-crumb-view:hover .apps-macro-dark-large",
@@ -576,6 +636,26 @@
       "rule" : ".apps-new-light-large",
       "hash" : "c93739e145aec183aaa1fea4e37aa3aa"
     },
+    "apps-new-sm-blue-large"          : {
+      "name" : "apps-new-sm-blue-large",
+      "rule" : ".apps-new-sm-blue-large, .phabricator-crumb-view:hover .apps-new-sm-dark-large",
+      "hash" : "b0c78705fbbc134e3ac076c49a3c8ba5"
+    },
+    "apps-new-sm-dark-large"          : {
+      "name" : "apps-new-sm-dark-large",
+      "rule" : ".apps-new-sm-dark-large",
+      "hash" : "cf0fed65bbdf380cdcaed9c1fcb9b24b"
+    },
+    "apps-new-sm-light-large"         : {
+      "name" : "apps-new-sm-light-large",
+      "rule" : ".apps-new-sm-light-large",
+      "hash" : "b0c2796af2de1ae23ec8ce88c8dae4c6"
+    },
+    "apps-new-sm-white-large"         : {
+      "name" : "apps-new-sm-white-large",
+      "rule" : ".apps-new-sm-white-large",
+      "hash" : "08258672d0957d5daa3f11d1c6d8b51d"
+    },
     "apps-new-white-large"            : {
       "name" : "apps-new-white-large",
       "rule" : ".apps-new-white-large",
@@ -1036,6 +1116,26 @@
       "rule" : ".apps-settings-light-large",
       "hash" : "a754e26164dac005b5e230f99b94851a"
     },
+    "apps-settings-sm-blue-large"     : {
+      "name" : "apps-settings-sm-blue-large",
+      "rule" : ".apps-settings-sm-blue-large, .phabricator-crumb-view:hover .apps-settings-sm-dark-large",
+      "hash" : "0f892f588d6aebd475d870c0b368afee"
+    },
+    "apps-settings-sm-dark-large"     : {
+      "name" : "apps-settings-sm-dark-large",
+      "rule" : ".apps-settings-sm-dark-large",
+      "hash" : "4a1a8b2628b26c1d3f48254a335c00af"
+    },
+    "apps-settings-sm-light-large"    : {
+      "name" : "apps-settings-sm-light-large",
+      "rule" : ".apps-settings-sm-light-large",
+      "hash" : "14770a40409ef7218dbbbf684026f658"
+    },
+    "apps-settings-sm-white-large"    : {
+      "name" : "apps-settings-sm-white-large",
+      "rule" : ".apps-settings-sm-white-large",
+      "hash" : "7e1343d9f0f6a86dc7cbb514143d0232"
+    },
     "apps-settings-white-large"       : {
       "name" : "apps-settings-white-large",
       "rule" : ".apps-settings-white-large",

resources/sprite/manifest/apps.json

@@ -151,6 +151,16 @@
       "rule" : ".apps-fact-white",
       "hash" : "f387ef4101d9ae0511d975cd25e9b9aa"
     },
+    "apps-fancyhome-dark"       : {
+      "name" : "apps-fancyhome-dark",
+      "rule" : ".apps-fancyhome-dark",
+      "hash" : "f30cddee675af2b6b26c11482d2ffee0"
+    },
+    "apps-fancyhome-white"      : {
+      "name" : "apps-fancyhome-white",
+      "rule" : ".apps-fancyhome-white",
+      "hash" : "c15085891df0cf3f10853101f7dea8e1"
+    },
     "apps-feed-dark"            : {
       "name" : "apps-feed-dark",
       "rule" : ".apps-feed-dark",
@@ -221,6 +231,16 @@
       "rule" : ".apps-home-white",
       "hash" : "3b034189ce2507d5acf06a018325524d"
     },
+    "apps-info-sm-dark"         : {
+      "name" : "apps-info-sm-dark",
+      "rule" : ".apps-info-sm-dark",
+      "hash" : "17fd77d321b15ba97b1f3ebca0bd7aae"
+    },
+    "apps-info-sm-white"        : {
+      "name" : "apps-info-sm-white",
+      "rule" : ".apps-info-sm-white",
+      "hash" : "6c64dfe542b04f8416425367a846405a"
+    },
     "apps-legalpad-dark"        : {
       "name" : "apps-legalpad-dark",
       "rule" : ".apps-legalpad-dark",
@@ -241,6 +261,16 @@
       "rule" : ".apps-logo-white",
       "hash" : "885b8ab26f2873d326e2173fad44dce7"
     },
+    "apps-logout-sm-dark"       : {
+      "name" : "apps-logout-sm-dark",
+      "rule" : ".apps-logout-sm-dark",
+      "hash" : "91aee4598898303c499059bf0eef89df"
+    },
+    "apps-logout-sm-white"      : {
+      "name" : "apps-logout-sm-white",
+      "rule" : ".apps-logout-sm-white",
+      "hash" : "f59a87ceda18a9debe58eb063005183c"
+    },
     "apps-macro-dark"           : {
       "name" : "apps-macro-dark",
       "rule" : ".apps-macro-dark",
@@ -286,6 +316,16 @@
       "rule" : ".apps-new-dark",
       "hash" : "39f2b8d62c4595dc653badf9f11a08d7"
     },
+    "apps-new-sm-dark"          : {
+      "name" : "apps-new-sm-dark",
+      "rule" : ".apps-new-sm-dark",
+      "hash" : "05a66a5134ed52c1c92af03aa5340d13"
+    },
+    "apps-new-sm-white"         : {
+      "name" : "apps-new-sm-white",
+      "rule" : ".apps-new-sm-white",
+      "hash" : "915ae9ea3fa178c6bb78096e8d7b985c"
+    },
     "apps-new-white"            : {
       "name" : "apps-new-white",
       "rule" : ".apps-new-white",
@@ -516,6 +556,16 @@
       "rule" : ".apps-settings-dark",
       "hash" : "a5ebbb89a36998a4f4a42e8ae43eedd2"
     },
+    "apps-settings-sm-dark"     : {
+      "name" : "apps-settings-sm-dark",
+      "rule" : ".apps-settings-sm-dark",
+      "hash" : "584388f560e271e86f02a3cf2ffff94c"
+    },
+    "apps-settings-sm-white"    : {
+      "name" : "apps-settings-sm-white",
+      "rule" : ".apps-settings-sm-white",
+      "hash" : "66a979f4618a3c8fa916fa13382c590e"
+    },
     "apps-settings-white"       : {
       "name" : "apps-settings-white",
       "rule" : ".apps-settings-white",

webroot/rsrc/css/sprite-apps.css

@@ -13,7 +13,7 @@ only screen and (min-device-pixel-ratio: 1.5),
 only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   .sprite-apps {
     background-image: url(/rsrc/image/sprite-apps-X2.png);
-    background-size: 165px 165px;
+    background-size: 165px 180px;
   }
 }
 
@@ -138,346 +138,386 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
   background-position: -105px -30px;
 }
 
-.apps-feed-dark {
+.apps-fancyhome-dark {
   background-position: -120px -30px;
 }
 
-.apps-feed-white {
+.apps-fancyhome-white {
   background-position: -135px -30px;
 }
 
-.apps-files-dark {
+.apps-feed-dark {
   background-position: -150px -30px;
 }
 
-.apps-files-white {
+.apps-feed-white {
   background-position: 0px -45px;
 }
 
-.apps-flags-dark {
+.apps-files-dark {
   background-position: -15px -45px;
 }
 
-.apps-flags-white {
+.apps-files-white {
   background-position: -30px -45px;
 }
 
-.apps-harbormaster-dark {
+.apps-flags-dark {
   background-position: -45px -45px;
 }
 
-.apps-harbormaster-white {
+.apps-flags-white {
   background-position: -60px -45px;
 }
 
-.apps-help-dark {
+.apps-harbormaster-dark {
   background-position: -75px -45px;
 }
 
-.apps-help-white {
+.apps-harbormaster-white {
   background-position: -90px -45px;
 }
 
-.apps-herald-dark {
+.apps-help-dark {
   background-position: -105px -45px;
 }
 
-.apps-herald-white {
+.apps-help-white {
   background-position: -120px -45px;
 }
 
-.apps-home-dark {
+.apps-herald-dark {
   background-position: -135px -45px;
 }
 
-.apps-home-white {
+.apps-herald-white {
   background-position: -150px -45px;
 }
 
-.apps-legalpad-dark {
+.apps-home-dark {
   background-position: 0px -60px;
 }
 
-.apps-legalpad-white {
+.apps-home-white {
   background-position: -15px -60px;
 }
 
-.apps-logo-dark {
+.apps-info-sm-dark {
   background-position: -30px -60px;
 }
 
-.apps-logo-white {
+.apps-info-sm-white {
   background-position: -45px -60px;
 }
 
-.apps-macro-dark {
+.apps-legalpad-dark {
   background-position: -60px -60px;
 }
 
-.apps-macro-white {
+.apps-legalpad-white {
   background-position: -75px -60px;
 }
 
-.apps-mail-dark {
+.apps-logo-dark {
   background-position: -90px -60px;
 }
 
-.apps-mail-white {
+.apps-logo-white {
   background-position: -105px -60px;
 }
 
-.apps-maniphest-dark {
+.apps-logout-sm-dark {
   background-position: -120px -60px;
 }
 
-.apps-maniphest-white {
+.apps-logout-sm-white {
   background-position: -135px -60px;
 }
 
-.apps-metamta-dark {
+.apps-macro-dark {
   background-position: -150px -60px;
 }
 
-.apps-metamta-white {
+.apps-macro-white {
   background-position: 0px -75px;
 }
 
-.apps-new-dark {
+.apps-mail-dark {
   background-position: -15px -75px;
 }
 
-.apps-new-white {
+.apps-mail-white {
   background-position: -30px -75px;
 }
 
-.apps-nuance-dark {
+.apps-maniphest-dark {
   background-position: -45px -75px;
 }
 
-.apps-nuance-white {
+.apps-maniphest-white {
   background-position: -60px -75px;
 }
 
-.apps-owners-dark {
+.apps-metamta-dark {
   background-position: -75px -75px;
 }
 
-.apps-owners-white {
+.apps-metamta-white {
   background-position: -90px -75px;
 }
 
-.apps-passphrase-dark {
+.apps-new-sm-dark {
   background-position: -105px -75px;
 }
 
-.apps-passphrase-white {
+.apps-new-sm-white {
   background-position: -120px -75px;
 }
 
-.apps-paste-dark {
+.apps-new-dark {
   background-position: -135px -75px;
 }
 
-.apps-paste-white {
+.apps-new-white {
   background-position: -150px -75px;
 }
 
-.apps-people-dark {
+.apps-nuance-dark {
   background-position: 0px -90px;
 }
 
-.apps-people-white {
+.apps-nuance-white {
   background-position: -15px -90px;
 }
 
-.apps-phage-dark {
+.apps-owners-dark {
   background-position: -30px -90px;
 }
 
-.apps-phage-white {
+.apps-owners-white {
   background-position: -45px -90px;
 }
 
-.apps-phame-dark {
+.apps-passphrase-dark {
   background-position: -60px -90px;
 }
 
-.apps-phame-white {
+.apps-passphrase-white {
   background-position: -75px -90px;
 }
 
-.apps-phid-dark {
+.apps-paste-dark {
   background-position: -90px -90px;
 }
 
-.apps-phid-white {
+.apps-paste-white {
   background-position: -105px -90px;
 }
 
-.apps-phlux-dark {
+.apps-people-dark {
   background-position: -120px -90px;
 }
 
-.apps-phlux-white {
+.apps-people-white {
   background-position: -135px -90px;
 }
 
-.apps-pholio-dark {
+.apps-phage-dark {
+  background-position: -150px -90px;
+}
+
+.apps-phage-white {
   background-position: 0px -105px;
 }
 
-.apps-pholio-white {
+.apps-phame-dark {
   background-position: -15px -105px;
 }
 
-.apps-phortune-dark {
+.apps-phame-white {
   background-position: -30px -105px;
 }
 
-.apps-phortune-white {
+.apps-phid-dark {
   background-position: -45px -105px;
 }
 
-.apps-phpast-dark {
+.apps-phid-white {
   background-position: -60px -105px;
 }
 
-.apps-phpast-white {
+.apps-phlux-dark {
   background-position: -75px -105px;
 }
 
-.apps-phragment-dark {
+.apps-phlux-white {
   background-position: -90px -105px;
 }
 
-.apps-phragment-white {
+.apps-pholio-dark {
   background-position: -105px -105px;
 }
 
-.apps-phrequent-dark {
+.apps-pholio-white {
   background-position: -120px -105px;
 }
 
-.apps-phrequent-white {
+.apps-phortune-dark {
   background-position: -135px -105px;
 }
 
-.apps-phriction-dark {
+.apps-phortune-white {
+  background-position: -150px -105px;
+}
+
+.apps-phpast-dark {
   background-position: 0px -120px;
 }
 
-.apps-phriction-white {
+.apps-phpast-white {
   background-position: -15px -120px;
 }
 
-.apps-policy-dark {
+.apps-phragment-dark {
   background-position: -30px -120px;
 }
 
-.apps-policy-white {
+.apps-phragment-white {
   background-position: -45px -120px;
 }
 
-.apps-ponder-dark {
+.apps-phrequent-dark {
   background-position: -60px -120px;
 }
 
-.apps-ponder-white {
+.apps-phrequent-white {
   background-position: -75px -120px;
 }
 
-.apps-power-dark {
+.apps-phriction-dark {
   background-position: -90px -120px;
 }
 
-.apps-power-white {
+.apps-phriction-white {
   background-position: -105px -120px;
 }
 
-.apps-projects-dark {
+.apps-policy-dark {
   background-position: -120px -120px;
 }
 
-.apps-projects-white {
+.apps-policy-white {
   background-position: -135px -120px;
 }
 
-.apps-releeph-dark {
+.apps-ponder-dark {
+  background-position: -150px -120px;
+}
+
+.apps-ponder-white {
   background-position: 0px -135px;
 }
 
-.apps-releeph-white {
+.apps-power-dark {
   background-position: -15px -135px;
 }
 
-.apps-repositories-dark {
+.apps-power-white {
   background-position: -30px -135px;
 }
 
-.apps-repositories-white {
+.apps-projects-dark {
   background-position: -45px -135px;
 }
 
-.apps-search-dark {
+.apps-projects-white {
   background-position: -60px -135px;
 }
 
-.apps-search-white {
+.apps-releeph-dark {
   background-position: -75px -135px;
 }
 
-.apps-settings-dark {
+.apps-releeph-white {
   background-position: -90px -135px;
 }
 
-.apps-settings-white {
+.apps-repositories-dark {
   background-position: -105px -135px;
 }
 
-.apps-setup-dark {
+.apps-repositories-white {
   background-position: -120px -135px;
 }
 
-.apps-setup-white {
+.apps-search-dark {
   background-position: -135px -135px;
 }
 
-.apps-slowvote-dark {
+.apps-search-white {
+  background-position: -150px -135px;
+}
+
+.apps-settings-sm-dark {
   background-position: 0px -150px;
 }
 
-.apps-slowvote-white {
+.apps-settings-sm-white {
   background-position: -15px -150px;
 }
 
-.apps-token-dark {
+.apps-settings-dark {
   background-position: -30px -150px;
 }
 
-.apps-token-white {
+.apps-settings-white {
   background-position: -45px -150px;
 }
 
-.apps-uiexamples-dark {
+.apps-setup-dark {
   background-position: -60px -150px;
 }
 
-.apps-uiexamples-white {
+.apps-setup-white {
   background-position: -75px -150px;
 }
 
-.apps-workphlow-dark {
+.apps-slowvote-dark {
   background-position: -90px -150px;
 }
 
-.apps-workphlow-white {
+.apps-slowvote-white {
   background-position: -105px -150px;
 }
 
-.apps-xhprof-dark {
+.apps-token-dark {
   background-position: -120px -150px;
 }
 
-.apps-xhprof-white {
+.apps-token-white {
   background-position: -135px -150px;
 }
+
+.apps-uiexamples-dark {
+  background-position: -150px -150px;
+}
+
+.apps-uiexamples-white {
+  background-position: 0px -165px;
+}
+
+.apps-workphlow-dark {
+  background-position: -15px -165px;
+}
+
+.apps-workphlow-white {
+  background-position: -30px -165px;
+}
+
+.apps-xhprof-dark {
+  background-position: -45px -165px;
+}
+
+.apps-xhprof-white {
+  background-position: -60px -165px;
+}