diff options
| -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 = { |