diff options
| author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 15:37:14 +0800 |
|---|---|---|
| committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-19 15:37:14 +0800 |
| commit | 561f441a5bfc4822b0974169605d089b4f687bf5 (patch) | |
| tree | d0e2151e49b5337cfb2f71d0d8d987557ca89876 /packages/dev-tools-pages/ts/components/Code.tsx | |
| parent | 30f7f83573c9254de336c3c2fc7297188d47af15 (diff) | |
| download | dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.tar dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.tar.gz dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.tar.bz2 dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.tar.lz dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.tar.xz dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.tar.zst dexon-sol-tools-561f441a5bfc4822b0974169605d089b4f687bf5.zip | |
Implements color variables and updates components
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Code.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Code.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/dev-tools-pages/ts/components/Code.tsx b/packages/dev-tools-pages/ts/components/Code.tsx index 42d4234f1..42893a70a 100644 --- a/packages/dev-tools-pages/ts/components/Code.tsx +++ b/packages/dev-tools-pages/ts/components/Code.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import styled from 'styled-components'; +import variables from '../variables'; import BaseButton from './Button'; @@ -25,8 +26,8 @@ const Base = styled.div < CodeProps > ` - color: ${props => (props.language === undefined ? '#FFF' : 'inherit')}; - background-color: ${props => (props.language === undefined ? '#000' : '#F1F4F5')}; + color: ${props => (props.language === undefined ? variables.colors.white : 'inherit')}; + background-color: ${props => (props.language === undefined ? variables.colors.black : variables.colors.lightGray)}; white-space: ${props => (props.language === undefined ? 'nowrap' : '')}; position: relative; &:hover ${Button} { |