fix: use container color for button (#132)

Uniswap · Aug 9, 2022 · 062c2fb · 062c2fb · vercel · Aug 9, 2022
1 parent d81c717
commit 062c2fb
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/components/ConnectWallet/ConnectWalletDialog.tsx b/src/components/ConnectWallet/ConnectWalletDialog.tsx
@@ -38,7 +38,6 @@ const StyledButtonContents = styled(Column)`
 `
 
 const StyledMainButton = styled(Button)`
-  background-color: ${({ theme }) => theme.container};
   border-radius: ${({ theme }) => theme.borderRadius * 0.75}em;
   height: 200px;
   padding: 22px;
@@ -50,7 +49,6 @@ const StyledMainButtonRow = styled(Row)`
 `
 
 const StyledSmallButton = styled(Button)`
-  background-color: ${({ theme }) => theme.container};
   border-radius: ${({ theme }) => theme.borderRadius * 0.75}em;
   height: 88px;
   padding: 16px;
@@ -161,7 +159,7 @@ function WalletConnectButton({ walletName, logoSrc, connection: wcTileConnection
   })
 
   return (
-    <StyledMainButton onClick={onClick}>
+    <StyledMainButton color="container" onClick={onClick}>
       <StyledMainButtonRow>
         <ButtonContents
           logoSrc={logoSrc}
@@ -176,15 +174,15 @@ function WalletConnectButton({ walletName, logoSrc, connection: wcTileConnection
 
 function MetaMaskButton({ walletName, logoSrc, onClick }: ButtonProps) {
   return (
-    <StyledSmallButton onClick={onClick}>
+    <StyledSmallButton color="container" onClick={onClick}>
       <ButtonContents logoSrc={logoSrc} walletName={walletName} />
     </StyledSmallButton>
   )
 }
 
 function NoWalletButton() {
   return (
-    <StyledSmallButton onClick={() => window.open(NO_WALLET_HELP_CENTER_URL)}>
+    <StyledSmallButton color="container" onClick={() => window.open(NO_WALLET_HELP_CENTER_URL)}>
       <StyledNoWalletText>
         <Trans>{`I don't have a wallet`}</Trans>
       </StyledNoWalletText>