fix: fix broken css after installing polished

Redocly · Mar 16, 2018 · 6018042 · 6018042
1 parent 1df690a
commit 6018042
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;