aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/@next/components/banner.tsx7
1 files changed, 6 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/banner.tsx b/packages/website/ts/@next/components/banner.tsx
index df6454c86..2620b92ef 100644
--- a/packages/website/ts/@next/components/banner.tsx
+++ b/packages/website/ts/@next/components/banner.tsx
@@ -1,6 +1,8 @@
import * as React from 'react';
import styled from 'styled-components';
+import { colors } from 'ts/style/colors';
+
import {Button} from 'ts/@next/components/button';
import {ThemeInterface} from 'ts/@next/components/siteWrap';
import {Paragraph} from 'ts/@next/components/text';
@@ -46,7 +48,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
<CustomHeading>{heading}</CustomHeading>
{subline &&
- <Paragraph isMuted={0.5} isNoMargin={true}>
+ <Paragraph color={colors.white} isMuted={0.5} isNoMargin={true}>
{subline}
</Paragraph>
}
@@ -55,6 +57,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
<ButtonWrap>
{mainCta &&
<Button
+ color={colors.white}
isTransparent={false}
href={mainCta.href}
>
@@ -64,6 +67,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
{secondaryCta &&
<Button
+ color={colors.white}
href={secondaryCta.href}
onClick={secondaryCta.onClick}
isTransparent={true}
@@ -78,6 +82,7 @@ export const Banner: React.StatelessComponent<Props> = (props: Props) => {
};
const CustomSection = styled(Section)`
+ color: ${colors.white};
margin-top: 30px;
@media (max-width: 900px) {