aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Trace.tsx
diff options
context:
space:
mode:
authorMegan Pearson <megan.e.pearson@gmail.com>2018-10-19 17:32:59 +0800
committerAugust Skare <post@augustskare.no>2018-10-22 19:27:35 +0800
commitee3538262d2d736168324a3f60a49cd87d65abb1 (patch)
tree50f4237c885386844c8f40e87ee27a917759d1fb /packages/dev-tools-pages/ts/components/Trace.tsx
parent47b281b754a77a2104d39bafa5ea49584f8840cc (diff)
downloaddexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.tar
dexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.gz
dexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.bz2
dexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.lz
dexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.xz
dexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.tar.zst
dexon-sol-tools-ee3538262d2d736168324a3f60a49cd87d65abb1.zip
Changed name of export to colors and updates components
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Trace.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx
index 98695177d..f4b4e76a3 100644
--- a/packages/dev-tools-pages/ts/components/Trace.tsx
+++ b/packages/dev-tools-pages/ts/components/Trace.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import styled from 'styled-components';
-import variables from '../variables';
+import { colors } from '../variables';
import { withContext, Props } from './withContext';
import { Alpha, Beta, Gamma } from './Typography';
@@ -98,7 +98,7 @@ const StyledSection =
`
max-width: 90rem;
margin: 0 auto;
- background: linear-gradient(to right, ${variables.colors.black} 50%, ${props => props.background} 50%);
+ background: linear-gradient(to right, ${colors.black} 50%, ${props => props.background} 50%);
padding-top: 6.25rem;
padding-bottom: 5.25rem;
`;
@@ -116,8 +116,8 @@ const Block =
TraceProps >
`
width: 50%;
- background: ${props => (props.background ? props.background : '#000')};
- color: ${props => (props.background ? 'inherit' : '#fff')};
+ background: ${props => (props.background ? props.background : colors.black)};
+ color: ${props => (props.background ? 'inherit' : colors.white)};
:first-of-type {
padding-right: 6.25rem;