aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-17 23:01:06 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-17 23:01:06 +0800
commit3b8598b54ba540699040f9e598ab9cae594a21e8 (patch)
tree0f85666626e07f869d56a5af53ae9f26332ccaa8
parent934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8 (diff)
downloaddexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar
dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar.gz
dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar.bz2
dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar.lz
dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar.xz
dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar.zst
dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.zip
Prepare banner for light theme
-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) {