From 045336042f27314b9aec866a8c39fbb413ce373f Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Wed, 28 Nov 2018 12:57:07 -0800
Subject: fix(website): instant marketing page need more background color

---
 .../public/images/instant/gods_screenshot.png      | Bin 586482 -> 585005 bytes
 packages/website/ts/pages/instant/need_more.tsx    |   8 +++-----
 packages/website/ts/style/colors.ts                |   1 +
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/website/public/images/instant/gods_screenshot.png b/packages/website/public/images/instant/gods_screenshot.png
index 64035d86d..07dcd3b7c 100644
Binary files a/packages/website/public/images/instant/gods_screenshot.png and b/packages/website/public/images/instant/gods_screenshot.png differ
diff --git a/packages/website/ts/pages/instant/need_more.tsx b/packages/website/ts/pages/instant/need_more.tsx
index 27835982f..190b27f9a 100644
--- a/packages/website/ts/pages/instant/need_more.tsx
+++ b/packages/website/ts/pages/instant/need_more.tsx
@@ -11,13 +11,11 @@ export interface NeedMoreProps {
 }
 export const NeedMore = (props: NeedMoreProps) => {
     const isSmallScreen = props.screenWidth === ScreenWidths.Sm;
+    const backgroundColor = isSmallScreen ? colors.instantTertiaryBackground : colors.instantSecondaryBackground;
     const className = isSmallScreen ? 'flex flex-column items-center' : 'flex';
     const marginRight = isSmallScreen ? undefined : '200px';
     return (
-        <Container
-            className="flex flex-column items-center py4 px3"
-            backgroundColor={colors.instantSecondaryBackground}
-        >
+        <Container className="flex flex-column items-center py4 px3" backgroundColor={backgroundColor}>
             <Container className={className}>
                 <Container className="sm-center" marginRight={marginRight}>
                     <Text fontColor={colors.white} fontSize="32px" lineHeight="45px">
@@ -32,7 +30,7 @@ export const NeedMore = (props: NeedMoreProps) => {
                         <Button
                             type="button"
                             backgroundColor={colors.white}
-                            fontColor={colors.instantSecondaryBackground}
+                            fontColor={backgroundColor}
                             fontSize="18px"
                         >
                             Get in Touch
diff --git a/packages/website/ts/style/colors.ts b/packages/website/ts/style/colors.ts
index 522132f03..f89dfc86e 100644
--- a/packages/website/ts/style/colors.ts
+++ b/packages/website/ts/style/colors.ts
@@ -15,6 +15,7 @@ const appColors = {
     metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)',
     instantPrimaryBackground: '#222222',
     instantSecondaryBackground: '#333333',
+    instantTertiaryBackground: '#444444',
 };
 
 export const colors = {
-- 
cgit v1.2.3