diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-17 23:01:06 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-17 23:01:06 +0800 |
| commit | 3b8598b54ba540699040f9e598ab9cae594a21e8 (patch) | |
| tree | 0f85666626e07f869d56a5af53ae9f26332ccaa8 | |
| parent | 934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8 (diff) | |
| download | dexon-sol-tools-3b8598b54ba540699040f9e598ab9cae594a21e8.tar.gz 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.tsx | 7 |
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) { |