aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-29 14:31:17 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-29 14:31:17 +0800
commit0b5a49c17dde87130a659e4101bd6e2f5666b9c7 (patch)
tree5134e6b74b316f368a24f428978fbdf2486d8e09
parent08f7666d210317d8caaca72f5a81c860478a2387 (diff)
downloaddexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar
dexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.gz
dexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.bz2
dexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.lz
dexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.xz
dexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.tar.zst
dexon-sol-tools-0b5a49c17dde87130a659e4101bd6e2f5666b9c7.zip
Remove some hardcoded MetaMask colors
-rw-r--r--packages/website/ts/components/wallet/body_overlay.tsx6
-rw-r--r--packages/website/ts/style/colors.ts2
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 = {