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 | |
| parent | 08f7666d210317d8caaca72f5a81c860478a2387 (diff) | |
| download | dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.gz dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.zst dexon-0x-contracts-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.zip | |
Remove some hardcoded MetaMask colors
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/components/wallet/body_overlay.tsx | 6 | ||||
| -rw-r--r-- | packages/website/ts/style/colors.ts | 2 |
2 files changed, 5 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; `; diff --git a/packages/website/ts/style/colors.ts b/packages/website/ts/style/colors.ts index 31586d2c8..349845a09 100644 --- a/packages/website/ts/style/colors.ts +++ b/packages/website/ts/style/colors.ts @@ -11,6 +11,8 @@ const appColors = { menuItemDefaultSelectedBackground: '#424242', jobsPageBackground: sharedColors.grey50, jobsPageOpenPositionRow: sharedColors.grey100, + metaMaskOrange: '#f68c24', + metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)', }; export const colors = { |