diff options
author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 15:37:14 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-10-22 19:27:35 +0800 |
commit | 47b281b754a77a2104d39bafa5ea49584f8840cc (patch) | |
tree | 06d776c0980c91f58c776e10d326651915a7ff71 /packages/dev-tools-pages/ts/components/Intro.tsx | |
parent | 580e574c841fb9b0ba9d37a50bd5a0f787799ff2 (diff) | |
download | dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.tar dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.tar.gz dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.tar.bz2 dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.tar.lz dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.tar.xz dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.tar.zst dexon-sol-tools-47b281b754a77a2104d39bafa5ea49584f8840cc.zip |
Implements color variables and updates components
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Intro.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Intro.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx index c16c888b7..2d4a30f9f 100644 --- a/packages/dev-tools-pages/ts/components/Intro.tsx +++ b/packages/dev-tools-pages/ts/components/Intro.tsx @@ -1,10 +1,11 @@ import * as React from 'react'; import styled from 'styled-components'; +import variables from '../variables'; import { Alpha, Beta } from './Typography'; const Main = styled.div` - background-color: #f1f4f5; + background-color: ${variables.colors.lightGray}; padding: 6.25rem; display: flex; justify-content: space-between; @@ -16,13 +17,12 @@ const Title = styled(Alpha)` const Content = styled.div` max-width: 25.9375rem; - display: flex; flex-direction: column; `; const Code = styled.div` - background-color: #e9eced; + background-color: ${variables.colors.darkGray}; width: 520px; height: 350px; `; |