diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-29 14:31:17 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-29 14:31:17 +0800 |
commit | 0b5a49c17dde87130a659e4101bd6e2f5666b9c7 (patch) | |
tree | 5134e6b74b316f368a24f428978fbdf2486d8e09 /packages/website/ts/components | |
parent | 08f7666d210317d8caaca72f5a81c860478a2387 (diff) | |
download | dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.gz dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.bz2 dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.lz dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.xz dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.zst dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.zip |
Remove some hardcoded MetaMask colors
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r-- | packages/website/ts/components/wallet/body_overlay.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/website/ts/components/wallet/body_overlay.tsx b/packages/website/ts/components/wallet/body_overlay.tsx index 41e64de8b..5ced704f9 100644 --- a/packages/website/ts/components/wallet/body_overlay.tsx +++ b/packages/website/ts/components/wallet/body_overlay.tsx @@ -72,7 +72,7 @@ const PlainLockedOverlay: React.StatelessComponent<LockedOverlayProps> = ({ > <Image src={METAMASK_IMG_SRC} height="70px" /> <Container marginTop="12px"> - <Text fontColor="#F68C24" fontSize="16px" fontWeight="bold"> + <Text fontColor={colors.metaMaskOrange} fontSize="16px" fontWeight="bold"> Please Unlock MetaMask </Text> </Container> @@ -81,8 +81,8 @@ const PlainLockedOverlay: React.StatelessComponent<LockedOverlayProps> = ({ </div> ); const LockedOverlay = styled(PlainLockedOverlay)` - background: rgba(255, 248, 242, 0.8); - border: 1px solid #f68c24; + background: ${colors.metaMaskTransparentOrange}; + border: 1px solid ${colors.metaMaskOrange}; border-radius: 10px; `; |