phantom rebrand

family · Jul 17, 2023 · 140b1fb · 140b1fb
1 parent 2df1dcc
commit 140b1fb
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 91 deletions.
diff --git a/packages/connectkit/src/assets/logos.tsx b/packages/connectkit/src/assets/logos.tsx
@@ -791,86 +791,25 @@ export const Zerion = ({ ...props }) => (
   </svg>
 );
 
-export const Phantom = () => (
+export const Phantom = ({ background = false, ...props }) => (
   <svg
-    width="128"
-    height="128"
-    viewBox="0 0 128 128"
+    {...props}
+    width="88"
+    height="88"
+    viewBox="0 0 88 88"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    style={background ? { background: '#AB9FF2' } : undefined}
   >
-    <g clipPath="url(#clip0_51_1414)">
-      <circle cx="64" cy="64" r="64" fill="url(#paint0_linear_51_1414)" />
-      <g filter="url(#filter0_d_51_1414)">
-        <path
-          d="M110.584 64.9142H99.1422C99.1422 41.7651 80.1732 23 56.7725 23C33.6614 23 14.8718 41.3057 14.412 64.0583C13.9362 87.577 36.2412 108 60.0188 108H63.0096C83.9725 108 112.069 91.7667 116.459 71.9874C117.27 68.3413 114.359 64.9142 110.584 64.9142ZM39.769 65.9454C39.769 69.0411 37.2097 71.5729 34.0804 71.5729C30.9511 71.5729 28.3917 69.0399 28.3917 65.9454V56.8414C28.3917 53.7457 30.9511 51.2139 34.0804 51.2139C37.2097 51.2139 39.769 53.7457 39.769 56.8414V65.9454ZM59.5226 65.9454C59.5226 69.0411 56.9633 71.5729 53.834 71.5729C50.7046 71.5729 48.1453 69.0399 48.1453 65.9454V56.8414C48.1453 53.7457 50.7058 51.2139 53.834 51.2139C56.9633 51.2139 59.5226 53.7457 59.5226 56.8414V65.9454Z"
-          fill="url(#paint1_linear_51_1414)"
-        />
-      </g>
-    </g>
-    <defs>
-      <filter
-        id="filter0_d_51_1414"
-        x="6.76403"
-        y="15.3596"
-        width="117.472"
-        height="100.281"
-        filterUnits="userSpaceOnUse"
-        colorInterpolationFilters="sRGB"
-      >
-        <feFlood floodOpacity="0" result="BackgroundImageFix" />
-        <feColorMatrix
-          in="SourceAlpha"
-          type="matrix"
-          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-          result="hardAlpha"
-        />
-        <feOffset />
-        <feGaussianBlur stdDeviation="3.82022" />
-        <feColorMatrix
-          type="matrix"
-          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"
-        />
-        <feBlend
-          mode="normal"
-          in2="BackgroundImageFix"
-          result="effect1_dropShadow_51_1414"
-        />
-        <feBlend
-          mode="normal"
-          in="SourceGraphic"
-          in2="effect1_dropShadow_51_1414"
-          result="shape"
-        />
-      </filter>
-      <linearGradient
-        id="paint0_linear_51_1414"
-        x1="64"
-        y1="0"
-        x2="64"
-        y2="128"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#534BB1" />
-        <stop offset="1" stopColor="#551BF9" />
-      </linearGradient>
-      <linearGradient
-        id="paint1_linear_51_1414"
-        x1="65.5"
-        y1="23"
-        x2="65.5"
-        y2="108"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="white" />
-        <stop offset="1" stopColor="white" stopOpacity="0.82" />
-      </linearGradient>
-      <clipPath id="clip0_51_1414">
-        <rect width="128" height="128" fill="white" />
-      </clipPath>
-    </defs>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M37.7425 57.0705C34.1942 62.3362 28.2483 69 20.3366 69C16.5965 69 13.0001 67.5093 13 61.0322C12.9997 44.5362 36.2555 19.0003 57.8334 19C70.1084 18.9998 75 27.2474 75 36.6136C75 48.6357 66.9442 62.3824 58.9368 62.3824C56.3955 62.3824 55.1487 61.031 55.1487 58.888C55.1487 58.3288 55.2442 57.7228 55.4365 57.0705C52.7029 61.5902 47.4285 65.7849 42.4896 65.7849C38.8933 65.7849 37.0713 63.5944 37.0713 60.5187C37.0713 59.4003 37.311 58.2357 37.7425 57.0705ZM53.7586 31.6834C51.8054 31.6868 50.4738 33.2938 50.478 35.5864C50.4822 37.879 51.8198 39.5273 53.7729 39.5241C55.6789 39.5208 57.0099 37.8679 57.0058 35.5752C57.0016 33.2827 55.6646 31.6802 53.7586 31.6834ZM64.1193 31.6725C62.1661 31.6759 60.8345 33.2829 60.8387 35.5755C60.8429 37.868 62.1798 39.5164 64.1336 39.5131C66.0396 39.5099 67.3706 37.8569 67.3664 35.5643C67.3622 33.2718 66.0253 31.6693 64.1193 31.6725Z"
+      fill={background ? '#ffffff' : 'currentColor'}
+    />
   </svg>
 );
+
 export const PlaceHolder = () => {
   return <div style={{ width: 80, height: 80, background: '#555' }}></div>;
 };
@@ -1006,26 +945,58 @@ const Rabby = ({ ...props }) => (
 const TokenPocket = ({ ...props }) => (
   <svg
     {...props}
-    width="88px" height="88px" viewBox="0 0 88 88" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    width="88px"
+    height="88px"
+    viewBox="0 0 88 88"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <defs>
-        <linearGradient x1="107.511425%" y1="50.0147427%" x2="0.0459570557%" y2="50.0147427%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.3233" offset="96.67%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.3" offset="100%"></stop>
-        </linearGradient>
+      <linearGradient
+        x1="107.511425%"
+        y1="50.0147427%"
+        x2="0.0459570557%"
+        y2="50.0147427%"
+        id="linearGradient-1"
+      >
+        <stop stop-color="#FFFFFF" offset="0%"></stop>
+        <stop stop-color="#FFFFFF" stop-opacity="0.3233" offset="96.67%"></stop>
+        <stop stop-color="#FFFFFF" stop-opacity="0.3" offset="100%"></stop>
+      </linearGradient>
     </defs>
     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="tokenpocket" fill-rule="nonzero">
-            <polygon fill="#2980FE" points="87.9604864 0 0 0 0 88 87.9604864 88"></polygon>
-            <g transform="translate(16.052385, 23.804688)">
-                <path d="M19.6653508,13.8911953 L19.6784508,13.8911953 C19.6653508,13.8236484 19.6653508,13.7448437 19.6653508,13.6772969 L19.6653508,13.8911953 Z" fill="#29AEFF"></path>
-                <path d="M41.1271993,16.0301797 L29.2440711,16.0301797 L29.2440711,38.4205938 C29.2440711,39.4787422 30.0635659,40.3343359 31.0771712,40.3343359 L39.2940168,40.3343359 C40.3077044,40.3343359 41.1271993,39.4787422 41.1271993,38.4205938 L41.1271993,16.0301797 Z" fill="#FFFFFF"></path>
-                <path d="M23.5075248,0 L23.1085201,0 L1.83318241,0 C0.819494855,0 0,0.855507812 0,1.91374219 L0,9.68111719 C0,10.7393516 0.819494855,11.5948594 1.83318241,11.5948594 L6.82580355,11.5948594 L8.80996071,11.5948594 L8.80996071,13.8912813 L8.80996071,38.4768828 C8.80996071,39.5351172 9.62945557,40.390625 10.6430608,40.390625 L18.4502002,40.390625 C19.4638054,40.390625 20.2833003,39.5351172 20.2833003,38.4768828 L20.2833003,13.8912813 L20.2833003,13.6774688 L20.2833003,11.5948594 L22.2674574,11.5948594 L23.0761684,11.5948594 L23.4751731,11.5948594 C26.5376389,11.5948594 29.0285575,8.99447656 29.0285575,5.79742969 C29.0609093,2.60038281 26.5699906,0 23.5075248,0 Z" fill="#FFFFFF"></path>
-                <path d="M41.1381478,16.0301797 L41.1381478,31.6550781 C41.5479364,31.7563984 41.9684266,31.8352031 42.399783,31.90275 C43.0036819,31.9928125 43.6290664,32.0491016 44.2545332,32.0603594 C44.2868849,32.0603594 44.3192367,32.0603594 44.3623723,32.0603594 L44.3623723,19.6324219 C42.5615416,19.5085859 41.1381478,17.9438359 41.1381478,16.0301797 Z" fill="url(#linearGradient-1)"></path>
-                <path d="M44.5993714,0 C36.1237942,0 29.2440711,7.18205469 29.2440711,16.0301797 C29.2440711,23.6400312 34.3229635,30.0115234 41.1379832,31.6550781 L41.1379832,16.0301797 C41.1379832,14.0376328 42.6907839,12.4165937 44.5993714,12.4165937 C46.5080412,12.4165937 48.0608419,14.0376328 48.0608419,16.0301797 C48.0608419,17.7075078 46.9717493,19.1146484 45.483652,19.5198437 C45.2032703,19.5986484 44.9013209,19.6436797 44.5993714,19.6436797 L44.5993714,32.0603594 C44.9013209,32.0603594 45.1924864,32.0491016 45.483652,32.0378438 C53.5495229,31.5537578 59.9547666,24.5743438 59.9547666,16.0301797 C59.9655379,7.18205469 53.0858148,0 44.5993714,0 Z" fill="#FFFFFF"></path>
-                <path d="M44.5992891,32.0603594 L44.5992891,19.6436797 C44.5131001,19.6436797 44.4376127,19.6436797 44.3513414,19.6324219 L44.3513414,32.0603594 C44.4376127,32.0603594 44.523884,32.0603594 44.5992891,32.0603594 Z" fill="#FFFFFF"></path>
-            </g>
+      <g id="tokenpocket" fill-rule="nonzero">
+        <polygon
+          fill="#2980FE"
+          points="87.9604864 0 0 0 0 88 87.9604864 88"
+        ></polygon>
+        <g transform="translate(16.052385, 23.804688)">
+          <path
+            d="M19.6653508,13.8911953 L19.6784508,13.8911953 C19.6653508,13.8236484 19.6653508,13.7448437 19.6653508,13.6772969 L19.6653508,13.8911953 Z"
+            fill="#29AEFF"
+          ></path>
+          <path
+            d="M41.1271993,16.0301797 L29.2440711,16.0301797 L29.2440711,38.4205938 C29.2440711,39.4787422 30.0635659,40.3343359 31.0771712,40.3343359 L39.2940168,40.3343359 C40.3077044,40.3343359 41.1271993,39.4787422 41.1271993,38.4205938 L41.1271993,16.0301797 Z"
+            fill="#FFFFFF"
+          ></path>
+          <path
+            d="M23.5075248,0 L23.1085201,0 L1.83318241,0 C0.819494855,0 0,0.855507812 0,1.91374219 L0,9.68111719 C0,10.7393516 0.819494855,11.5948594 1.83318241,11.5948594 L6.82580355,11.5948594 L8.80996071,11.5948594 L8.80996071,13.8912813 L8.80996071,38.4768828 C8.80996071,39.5351172 9.62945557,40.390625 10.6430608,40.390625 L18.4502002,40.390625 C19.4638054,40.390625 20.2833003,39.5351172 20.2833003,38.4768828 L20.2833003,13.8912813 L20.2833003,13.6774688 L20.2833003,11.5948594 L22.2674574,11.5948594 L23.0761684,11.5948594 L23.4751731,11.5948594 C26.5376389,11.5948594 29.0285575,8.99447656 29.0285575,5.79742969 C29.0609093,2.60038281 26.5699906,0 23.5075248,0 Z"
+            fill="#FFFFFF"
+          ></path>
+          <path
+            d="M41.1381478,16.0301797 L41.1381478,31.6550781 C41.5479364,31.7563984 41.9684266,31.8352031 42.399783,31.90275 C43.0036819,31.9928125 43.6290664,32.0491016 44.2545332,32.0603594 C44.2868849,32.0603594 44.3192367,32.0603594 44.3623723,32.0603594 L44.3623723,19.6324219 C42.5615416,19.5085859 41.1381478,17.9438359 41.1381478,16.0301797 Z"
+            fill="url(#linearGradient-1)"
+          ></path>
+          <path
+            d="M44.5993714,0 C36.1237942,0 29.2440711,7.18205469 29.2440711,16.0301797 C29.2440711,23.6400312 34.3229635,30.0115234 41.1379832,31.6550781 L41.1379832,16.0301797 C41.1379832,14.0376328 42.6907839,12.4165937 44.5993714,12.4165937 C46.5080412,12.4165937 48.0608419,14.0376328 48.0608419,16.0301797 C48.0608419,17.7075078 46.9717493,19.1146484 45.483652,19.5198437 C45.2032703,19.5986484 44.9013209,19.6436797 44.5993714,19.6436797 L44.5993714,32.0603594 C44.9013209,32.0603594 45.1924864,32.0491016 45.483652,32.0378438 C53.5495229,31.5537578 59.9547666,24.5743438 59.9547666,16.0301797 C59.9655379,7.18205469 53.0858148,0 44.5993714,0 Z"
+            fill="#FFFFFF"
+          ></path>
+          <path
+            d="M44.5992891,32.0603594 L44.5992891,19.6436797 C44.5131001,19.6436797 44.4376127,19.6436797 44.3513414,19.6324219 L44.3513414,32.0603594 C44.4376127,32.0603594 44.523884,32.0603594 44.5992891,32.0603594 Z"
+            fill="#FFFFFF"
+          ></path>
         </g>
+      </g>
     </g>
   </svg>
 );

diff --git a/packages/connectkit/src/wallets/connectors/phantom.tsx b/packages/connectkit/src/wallets/connectors/phantom.tsx
@@ -10,7 +10,10 @@ export const phantom = (): WalletProps => {
     name: 'Phantom',
     shortName: 'Phantom',
     scannable: false,
-    logos: { default: <Logos.Phantom /> },
+    logos: {
+      default: <Logos.Phantom background />,
+      transparent: <Logos.Phantom />,
+    },
     installed: Boolean(isInstalled),
   };
 };