diff options
| -rw-r--r-- | packages/website/public/images/instant/gods_screenshot.png | bin | 586482 -> 585005 bytes | |||
| -rw-r--r-- | packages/website/ts/pages/instant/need_more.tsx | 8 | ||||
| -rw-r--r-- | 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 Binary files differindex 64035d86d..07dcd3b7c 100644 --- a/packages/website/public/images/instant/gods_screenshot.png +++ b/packages/website/public/images/instant/gods_screenshot.png 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 = { |
