From 6018042180a48564ee04b3762a2fbcfe2842f44c Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Fri, 16 Mar 2018 23:56:53 +0200
Subject: [PATCH] fix: fix broken css after installing polished

---
 src/common-elements/fields-layout.ts                   |  2 +-
 src/common-elements/fields.ts                          | 10 +++++-----
 src/components/Responses/styled.elements.ts            |  2 +-
 .../SecurityRequirement/SecuirityRequirement.tsx       |  2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
index 1ddb732a..0d5131de 100644
--- a/src/common-elements/fields-layout.ts
+++ b/src/common-elements/fields-layout.ts
@@ -6,7 +6,7 @@ export const PropertiesTableCaption = styled.caption`
   text-align: right;
   font-size: 0.9em;
   font-weight: normal;
-  color: ${props => transparentize(0.4, props.theme.colors.text)};
+  color: ${props => transparentize(0.6, props.theme.colors.text)};
 `;
 
 export const PropertyCell = styled.td`
diff --git a/src/common-elements/fields.ts b/src/common-elements/fields.ts
index 2b12f3c9..1c8939a1 100644
--- a/src/common-elements/fields.ts
+++ b/src/common-elements/fields.ts
@@ -55,13 +55,13 @@ export const PatternLabel = styled(FieldLabel)`
 
 export const ExampleValue = styled.span`
   font-family: ${props => props.theme.code.fontFamily};
-  background-color: ${props => transparentize(0.02, props.theme.colors.text)};
-  border: 1px solid ${props => transparentize(0.15, props.theme.colors.text)};
+  background-color: ${props => transparentize(0.98, props.theme.colors.text)};
+  border: 1px solid ${props => transparentize(0.85, props.theme.colors.text)};
   margin: 0 3px;
   padding: 0.4em 0.2em 0.2em;
   font-size: 0.8em;
   border-radius: 2px;
-  color: ${props => transparentize(0.9, props.theme.colors.text)};
+  color: ${props => transparentize(0.1, props.theme.colors.text)};
   display: inline-block;
   min-width: 20px;
   text-align: center;
@@ -70,8 +70,8 @@ export const ExampleValue = styled.span`
 `;
 
 export const ConstraintItem = styled(FieldLabel)`
-  background-color: ${props => transparentize(0.15, props.theme.colors.main)};
-  color: ${props => transparentize(0.6, props.theme.colors.main)};
+  background-color: ${props => transparentize(0.85, props.theme.colors.main)};
+  color: ${props => transparentize(0.4, props.theme.colors.main)};
   margin-right: 6px;
   margin-left: 6px;
   border-radius: 2px;
diff --git a/src/components/Responses/styled.elements.ts b/src/components/Responses/styled.elements.ts
index b4cf151a..dd37654b 100644
--- a/src/components/Responses/styled.elements.ts
+++ b/src/components/Responses/styled.elements.ts
@@ -13,7 +13,7 @@ export const StyledResponseTitle = styled(ResponseTitle)`
   cursor: pointer;
 
   color: ${props => props.theme.colors[props.type]};
-  background-color: ${props => transparentize(0.08, props.theme.colors[props.type])};
+  background-color: ${props => transparentize(0.92, props.theme.colors[props.type])};
 
   ${props =>
     (props.empty &&
diff --git a/src/components/SecurityRequirement/SecuirityRequirement.tsx b/src/components/SecurityRequirement/SecuirityRequirement.tsx
index 6c6d3ba0..89ea0359 100644
--- a/src/components/SecurityRequirement/SecuirityRequirement.tsx
+++ b/src/components/SecurityRequirement/SecuirityRequirement.tsx
@@ -8,7 +8,7 @@ import { SecurityRequirementModel } from '../../services/models/SecurityRequirem
 const ScopeName = styled.code`
   font-size: ${props => props.theme.code.fontSize};
   font-family: ${props => props.theme.code.fontFamily};
-  border: 1px solid ${props => transparentize(0.15, props.theme.colors.text)};
+  border: 1px solid ${props => transparentize(0.85, props.theme.colors.text)};
   margin: 0 3px;
   padding: 0.2em;
   display: inline-block;