From 26f637d5c8a5bbedae5e0bdaf73fe10f10d73760 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?F=C3=A1bio=20Moreira?= Date: Mon, 21 May 2018 12:05:29 +0100 Subject: [PATCH] fix(instances): use color variables on package card --- packages/instance-steps/src/package/components.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/instance-steps/src/package/components.js b/packages/instance-steps/src/package/components.js index 4e05d2f7..9b257901 100644 --- a/packages/instance-steps/src/package/components.js +++ b/packages/instance-steps/src/package/components.js @@ -79,7 +79,7 @@ const TableTh = styled(BaseTableTh)` ${is('smallScreen')` border: none; - color: #979797; + color: ${props => props.theme.greyDark}; font-size: ${remcalc(13)}; height: auto; padding: 0; @@ -105,20 +105,20 @@ const TableTd = styled(BaseTableTd)` `; const FormItem = styled('form')` - border: 1px solid #d8d8d8; + border: 1px solid ${props => props.theme.grey}; border-radius: 4px; ${is('selected')` - border-color: #3B46CC; + border-color: ${props => props.theme.primary}; background-color: rgba(59,70,204,0.05); `}; `; const PackageSpecs = styled('div')` - border-top: 1px solid #d8d8d8; + border-top: 1px solid ${props => props.theme.grey}; ${is('selected')` - border-color: #3B46CC; + border-color: ${props => props.theme.primary}; `}; `;