Update login icons

Summary: Smaller footprint, flat style, updated logos.

Test Plan: Buttons in UIExamples.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

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

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '1716a671',
+    'core.pkg.css' => 'b84ca22b',
     'core.pkg.js' => 'a590b451',
     'darkconsole.pkg.js' => 'e7393ebb',
     'differential.pkg.css' => '9451634c',
@@ -128,7 +128,7 @@ return array(
     'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
     'rsrc/css/phui/phui-badge.css' => '9be0c352',
     'rsrc/css/phui/phui-box.css' => 'a5bb366d',
-    'rsrc/css/phui/phui-button.css' => 'cf529a01',
+    'rsrc/css/phui/phui-button.css' => '16020a60',
     'rsrc/css/phui/phui-crumbs-view.css' => 'd842f867',
     'rsrc/css/phui/phui-document.css' => '0267054b',
     'rsrc/css/phui/phui-feed-story.css' => 'c7d8113a',
@@ -136,7 +136,7 @@ return array(
     'rsrc/css/phui/phui-form-view.css' => '621b21c5',
     'rsrc/css/phui/phui-form.css' => 'afdb2c6e',
     'rsrc/css/phui/phui-header-view.css' => '4d09d68f',
-    'rsrc/css/phui/phui-icon.css' => '88ba9081',
+    'rsrc/css/phui/phui-icon.css' => 'b0a6b1b6',
     'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
     'rsrc/css/phui/phui-info-view.css' => '5b16bac6',
@@ -154,7 +154,7 @@ return array(
     'rsrc/css/phui/phui-timeline-view.css' => 'fc23e7b7',
     'rsrc/css/phui/phui-workboard-view.css' => '935b19d6',
     'rsrc/css/phui/phui-workpanel-view.css' => '00558537',
-    'rsrc/css/sprite-login.css' => '1365fee0',
+    'rsrc/css/sprite-login.css' => '245e6e9e',
     'rsrc/css/sprite-main-header.css' => 'f07bbb87',
     'rsrc/css/sprite-menu.css' => '9dd65b92',
     'rsrc/css/sprite-projects.css' => 'e5ad842a',
@@ -317,8 +317,8 @@ return array(
     'rsrc/image/people/washington.png' => '40dd301c',
     'rsrc/image/phrequent_active.png' => 'a466a8ed',
     'rsrc/image/phrequent_inactive.png' => 'bfc15a69',
-    'rsrc/image/sprite-login-X2.png' => 'bf4d6f32',
-    'rsrc/image/sprite-login.png' => '25cee65e',
+    'rsrc/image/sprite-login-X2.png' => 'a4bf0a98',
+    'rsrc/image/sprite-login.png' => '5f4d0069',
     'rsrc/image/sprite-main-header.png' => '3673af44',
     'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
     'rsrc/image/sprite-menu.png' => 'd7a99faa',
@@ -777,7 +777,7 @@ return array(
     'phui-action-panel-css' => '3ee9afd5',
     'phui-badge-view-css' => '9be0c352',
     'phui-box-css' => 'a5bb366d',
-    'phui-button-css' => 'cf529a01',
+    'phui-button-css' => '16020a60',
     'phui-calendar-css' => 'ccabe893',
     'phui-calendar-day-css' => 'd1cf6f93',
     'phui-calendar-list-css' => 'c1c7f338',
@@ -790,7 +790,7 @@ return array(
     'phui-form-css' => 'afdb2c6e',
     'phui-form-view-css' => '621b21c5',
     'phui-header-view-css' => '4d09d68f',
-    'phui-icon-view-css' => '88ba9081',
+    'phui-icon-view-css' => 'b0a6b1b6',
     'phui-image-mask-css' => '5a8b09c8',
     'phui-info-panel-css' => '27ea50a1',
     'phui-info-view-css' => '5b16bac6',
@@ -829,7 +829,7 @@ return array(
     'releeph-request-differential-create-dialog' => '8d8b92cd',
     'releeph-request-typeahead-css' => '667a48ae',
     'setup-issue-css' => 'db7e9c40',
-    'sprite-login-css' => '1365fee0',
+    'sprite-login-css' => '245e6e9e',
     'sprite-main-header-css' => 'f07bbb87',
     'sprite-menu-css' => '9dd65b92',
     'sprite-projects-css' => 'e5ad842a',

resources/sprite/manifest/login.json

@@ -4,127 +4,127 @@
     "login-Amazon": {
       "name": "login-Amazon",
       "rule": ".login-Amazon",
-      "hash": "5961e41c525ef46c88558616fcf23272"
+      "hash": "e915cc22543027da014126a956a2b3a1"
     },
     "login-Asana": {
       "name": "login-Asana",
       "rule": ".login-Asana",
-      "hash": "30df492eab339fa64c9ae9b21bb46a18"
+      "hash": "f8d322843355da1abce614983044c0f8"
     },
-    "login-Bitbucket": {
-      "name": "login-Bitbucket",
-      "rule": ".login-Bitbucket",
-      "hash": "899182cf1ca35891b64aaa5426bf623a"
+    "login-BitBucket": {
+      "name": "login-BitBucket",
+      "rule": ".login-BitBucket",
+      "hash": "0221f1d8c50d99477f1b16d62ecf7284"
     },
     "login-Disqus": {
       "name": "login-Disqus",
       "rule": ".login-Disqus",
-      "hash": "5f46ac50a5d9d13245971c298f49e13b"
+      "hash": "77b29d56329a3c30b79d6b6673b0e39b"
     },
     "login-Dropbox": {
       "name": "login-Dropbox",
       "rule": ".login-Dropbox",
-      "hash": "572ab36301762414365b68c0bc185ac5"
+      "hash": "5eaf07ae4598227fbbba3474675d18c7"
     },
     "login-Facebook": {
       "name": "login-Facebook",
       "rule": ".login-Facebook",
-      "hash": "2b1511f5b4d12076dd9086d1bb187b28"
+      "hash": "1b12a5a5cfe103d4d96213cf7d1ce18a"
     },
     "login-Generic": {
       "name": "login-Generic",
       "rule": ".login-Generic",
-      "hash": "60d75c38668ffd6eea91a40e66186601"
+      "hash": "c8a57930d9b2bca35adbd8e87b1d4a2f"
     },
     "login-Github": {
       "name": "login-Github",
       "rule": ".login-Github",
-      "hash": "633696beb8c1eaac642ce4955be917d8"
+      "hash": "984f7d78e9c6f5e08da259ca319f6be3"
     },
     "login-Google": {
       "name": "login-Google",
       "rule": ".login-Google",
-      "hash": "b7d3962a31df1e6c13e0a3c97c08f11d"
+      "hash": "72e7b0e1005c92f059f4d5881592ee72"
     },
     "login-HTTP": {
       "name": "login-HTTP",
       "rule": ".login-HTTP",
-      "hash": "6fcf0f666c0f6f1e1cd8f397b41ed176"
+      "hash": "4b2150566fd6c43c530ea56aa3c7feb4"
     },
     "login-Jira": {
       "name": "login-Jira",
       "rule": ".login-Jira",
-      "hash": "0ddadec77a95c1efc398886252ebeda9"
+      "hash": "454fab6635fbc3782380dbb1842a794c"
     },
     "login-LDAP": {
       "name": "login-LDAP",
       "rule": ".login-LDAP",
-      "hash": "5b4e01ddf35cd40c8f061c90abc89b6c"
+      "hash": "e31df2e9faf8ca0925ef93128a82fa7a"
     },
-    "login-Linkedin": {
-      "name": "login-Linkedin",
-      "rule": ".login-Linkedin",
-      "hash": "0dd89825046fa4fd0fe402aa2cd55fd1"
+    "login-LinkedIn": {
+      "name": "login-LinkedIn",
+      "rule": ".login-LinkedIn",
+      "hash": "39baad0c7b9c33f59221f3f7689dc298"
     },
     "login-MediaWiki": {
       "name": "login-MediaWiki",
       "rule": ".login-MediaWiki",
-      "hash": "51c7e71ab0e44126e72d8a130779b02c"
+      "hash": "f1f0a9382434081a9a84e7584828c2dd"
     },
     "login-Openid": {
       "name": "login-Openid",
       "rule": ".login-Openid",
-      "hash": "9267ffbb8d4e6dee409c4d8fa2d50c0a"
+      "hash": "886f65ad44435344a1fa1c13e7758155"
     },
-    "login-PayPal": {
-      "name": "login-PayPal",
-      "rule": ".login-PayPal",
-      "hash": "60dc511206dd2923418fa07f84bf2db3"
+    "login-Paypal": {
+      "name": "login-Paypal",
+      "rule": ".login-Paypal",
+      "hash": "183882a1c7bf5c60f0a6b77a81be2aa8"
     },
     "login-Persona": {
       "name": "login-Persona",
       "rule": ".login-Persona",
-      "hash": "949faf7bf5ed377c06aa480da1f42b74"
+      "hash": "14cc5b479b14abe16261c01fc432ffd1"
     },
     "login-Phabricator": {
       "name": "login-Phabricator",
       "rule": ".login-Phabricator",
-      "hash": "fad258eb347a1ccf5800b0ee2d8e6e49"
+      "hash": "d0f830803593bbcc025d7d5a29ee3ecd"
     },
     "login-Stripe": {
       "name": "login-Stripe",
       "rule": ".login-Stripe",
-      "hash": "6a71ba00ed2325012650b4bf63bb064d"
+      "hash": "26a00cf2d548bbb9f57d1a6362e996f5"
     },
     "login-TestPayment": {
       "name": "login-TestPayment",
       "rule": ".login-TestPayment",
-      "hash": "9783485db2b5f5035265f4e6d2bc6cd0"
+      "hash": "7a8b41cbac5edcde63aa64959fe30b7b"
     },
     "login-TwitchTV": {
       "name": "login-TwitchTV",
       "rule": ".login-TwitchTV",
-      "hash": "dbaa3f5e58fceb86598b2951fc5f9508"
+      "hash": "02320cb010a226fb6505d5b31f1f0246"
     },
     "login-Twitter": {
       "name": "login-Twitter",
       "rule": ".login-Twitter",
-      "hash": "0b64983507a720b365474b778a966bab"
+      "hash": "5a60e22662a2f5c5c1bc036153f64a18"
     },
     "login-WePay": {
       "name": "login-WePay",
       "rule": ".login-WePay",
-      "hash": "7dd33f6271e948b86df5a642d504c995"
+      "hash": "39a4c5ec26ee8400239b246761b83aa3"
     },
-    "login-WordPressCOM": {
-      "name": "login-WordPressCOM",
-      "rule": ".login-WordPressCOM",
-      "hash": "c22a183bfb1e46deeab864223ec48db9"
+    "login-WordpressCOM": {
+      "name": "login-WordpressCOM",
+      "rule": ".login-WordpressCOM",
+      "hash": "866d6c9192cafcb5395861d55a6917e5"
     },
     "login-Yahoo": {
       "name": "login-Yahoo",
       "rule": ".login-Yahoo",
-      "hash": "1cc6fceee294045fe6d1c1d3aa31d2c1"
+      "hash": "f37822c769f6b8ebd1dda6b3ac89b83b"
     }
   },
   "scales": [

src/applications/celerity/CeleritySpriteGenerator.php

@@ -125,7 +125,7 @@ final class CeleritySpriteGenerator extends Phobject {
       '2x' => 2,
     );
     $template = id(new PhutilSprite())
-      ->setSourceSize(34, 34);
+      ->setSourceSize(28, 28);
 
     $sprites = array();
     $prefix = 'login_';

webroot/rsrc/css/phui/phui-button.css

@@ -281,19 +281,18 @@ a.policy-control .caret {
 /* Login Buttons */
 
 .button.big.has-icon {
-  padding: 6px 20px 6px 12px;
+  padding: 4px 20px 4px 14px;
   border-radius: 4px;
   text-align: left;
 }
 
 .button.big.has-icon .phui-button-text {
-  margin-left: 40px;
-  font-size: {$biggerfontsize};
+  margin-left: 30px;
   display: block;
 }
 
 .button.big.has-icon .phui-button-subtext {
-  color: {$lightgreytext};
+  color: {$greytext};
   font-size: {$smallerfontsize};
   line-height: 15px;
   font-weight: normal;

webroot/rsrc/css/phui/phui-icon.css

@@ -15,8 +15,8 @@
 }
 
 .phui-icon-view.sprite-login {
-  height: 34px;
-  width: 34px;
+  height: 28px;
+  width: 28px;
 }
 
 .phui-icon-view.phuihead-medium {

webroot/rsrc/css/sprite-login.css

@@ -14,7 +14,7 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 1.5dppx) {
   .sprite-login {
     background-image: url(/rsrc/image/sprite-login-X2.png);
-    background-size: 175px 175px;
+    background-size: 145px 145px;
   }
 }
 
@@ -24,97 +24,97 @@ only screen and (min-resolution: 1.5dppx) {
 }
 
 .login-Asana {
-  background-position: -35px 0px;
+  background-position: -29px 0px;
 }
 
-.login-Bitbucket {
-  background-position: -70px 0px;
+.login-BitBucket {
+  background-position: -58px 0px;
 }
 
 .login-Disqus {
-  background-position: -105px 0px;
+  background-position: -87px 0px;
 }
 
 .login-Dropbox {
-  background-position: -140px 0px;
+  background-position: -116px 0px;
 }
 
 .login-Facebook {
-  background-position: 0px -35px;
+  background-position: 0px -29px;
 }
 
 .login-Generic {
-  background-position: -35px -35px;
+  background-position: -29px -29px;
 }
 
 .login-Github {
-  background-position: -70px -35px;
+  background-position: -58px -29px;
 }
 
 .login-Google {
-  background-position: -105px -35px;
+  background-position: -87px -29px;
 }
 
 .login-HTTP {
-  background-position: -140px -35px;
+  background-position: -116px -29px;
 }
 
 .login-Jira {
-  background-position: 0px -70px;
+  background-position: 0px -58px;
 }
 
 .login-LDAP {
-  background-position: -35px -70px;
+  background-position: -29px -58px;
 }
 
-.login-Linkedin {
-  background-position: -70px -70px;
+.login-LinkedIn {
+  background-position: -58px -58px;
 }
 
 .login-MediaWiki {
-  background-position: -105px -70px;
+  background-position: -87px -58px;
 }
 
 .login-Openid {
-  background-position: -140px -70px;
+  background-position: -116px -58px;
 }
 
-.login-PayPal {
-  background-position: 0px -105px;
+.login-Paypal {
+  background-position: 0px -87px;
 }
 
 .login-Persona {
-  background-position: -35px -105px;
+  background-position: -29px -87px;
 }
 
 .login-Phabricator {
-  background-position: -70px -105px;
+  background-position: -58px -87px;
 }
 
 .login-Stripe {
-  background-position: -105px -105px;
+  background-position: -87px -87px;
 }
 
 .login-TestPayment {
-  background-position: -140px -105px;
+  background-position: -116px -87px;
 }
 
 .login-TwitchTV {
-  background-position: 0px -140px;
+  background-position: 0px -116px;
 }
 
 .login-Twitter {
-  background-position: -35px -140px;
+  background-position: -29px -116px;
 }
 
 .login-WePay {
-  background-position: -70px -140px;
+  background-position: -58px -116px;
 }
 
-.login-WordPressCOM {
-  background-position: -105px -140px;
+.login-WordpressCOM {
+  background-position: -87px -116px;
 }
 
 .login-Yahoo {
-  background-position: -140px -140px;
+  background-position: -116px -116px;
 }