From 0b5a49c17dde87130a659e4101bd6e2f5666b9c7 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Thu, 28 Jun 2018 23:31:17 -0700
Subject: Remove some hardcoded MetaMask colors

---
 packages/website/ts/components/wallet/body_overlay.tsx | 6 +++---
 packages/website/ts/style/colors.ts                    | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'packages/website/ts')

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 = {
-- 
cgit v1.2.3