From 4eb6022907afccd1fb7d43520fd62bc2bdd20ae0 Mon Sep 17 00:00:00 2001
From: Yurov Dmitry <dmitry.yurov@corp.mail.ru>
Date: Tue, 15 Jan 2019 13:04:16 +0300
Subject: [PATCH] colors

---
 src/common-elements/PrismDiv.tsx                 | 6 +++---
 src/common-elements/fields-layout.ts             | 2 +-
 src/common-elements/tabs.ts                      | 5 +++--
 src/components/PayloadSamples/styled.elements.ts | 2 +-
 src/components/Responses/styled.elements.ts      | 2 +-
 src/theme.ts                                     | 2 +-
 6 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/common-elements/PrismDiv.tsx b/src/common-elements/PrismDiv.tsx
index 2b29a3b7..2e1eeda4 100644
--- a/src/common-elements/PrismDiv.tsx
+++ b/src/common-elements/PrismDiv.tsx
@@ -44,7 +44,7 @@ export const PrismDiv = styled.div`
   .token.prolog,
   .token.doctype,
   .token.cdata {
-    color: hsl(30, 20%, 50%);
+    color: #bbb;
   }
 
   .token.punctuation {
@@ -90,13 +90,13 @@ export const PrismDiv = styled.div`
   .token.entity,
   .token.url,
   .token.variable {
-    color: hsl(40, 90%, 60%);
+    color: #ee8208;
   }
 
   .token.atrule,
   .token.attr-value,
   .token.keyword {
-    color: hsl(350, 40%, 70%);
+    color: #aa64cc;
   }
 
   .token.regex,
diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
index f8b00ef1..ff36621b 100644
--- a/src/common-elements/fields-layout.ts
+++ b/src/common-elements/fields-layout.ts
@@ -75,7 +75,7 @@ export const PropertyNameCell = styled(PropertyCell)`
 `;
 
 export const PropertyDetailsCell = styled.td`
-  border-bottom: 1px solid #9fb4be;
+  border-bottom: 1px solid #eee;
   padding: 10px 0;
   width: ${props => props.theme.schema.defaultDetailsWidth};
   box-sizing: border-box;
diff --git a/src/common-elements/tabs.ts b/src/common-elements/tabs.ts
index 5ba06c54..fc1f0be1 100644
--- a/src/common-elements/tabs.ts
+++ b/src/common-elements/tabs.ts
@@ -24,7 +24,7 @@ export const Tabs = styled(ReactTabs)`
       color: #333333;
       margin: 5px;
       border: 1px solid ${({ theme }) => darken(0.1, theme.rightPanel.backgroundColor)};
-      border-radius: 5px;
+      border-radius: 4px;
       min-width: 60px;
       font-size: 0.9em;
       font-weight: bold;
@@ -44,7 +44,7 @@ export const Tabs = styled(ReactTabs)`
       }
 
       &.tab-redirect {
-        color: ${props => props.theme.colors.responses.redirect.color};
+        color: ${props => props.theme.colors.responses.redirect.color};\
       }
 
       &.tab-info {
@@ -58,6 +58,7 @@ export const Tabs = styled(ReactTabs)`
   }
   > .react-tabs__tab-panel {
     background: ${({ theme }) => theme.codeSample.backgroundColor};
+    border-radius: 4px;
     & > div,
     & > pre {
       padding: 20px;
diff --git a/src/components/PayloadSamples/styled.elements.ts b/src/components/PayloadSamples/styled.elements.ts
index 172d821c..12edf038 100644
--- a/src/components/PayloadSamples/styled.elements.ts
+++ b/src/components/PayloadSamples/styled.elements.ts
@@ -5,7 +5,7 @@ import styled from '../../styled-components';
 import { StyledDropdown } from '../../common-elements';
 
 export const MimeLabel = styled.div`
-  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
+  border-bottom: 1px solid #c2c2c2;
   margin: 0 0 10px 0;
   display: block;
 `;
diff --git a/src/components/Responses/styled.elements.ts b/src/components/Responses/styled.elements.ts
index bb0735da..75313f1e 100644
--- a/src/components/Responses/styled.elements.ts
+++ b/src/components/Responses/styled.elements.ts
@@ -6,7 +6,7 @@ import { ResponseTitle } from './ResponseTitle';
 
 export const StyledResponseTitle = styled(ResponseTitle)`
   padding: 10px;
-  border-radius: 2px;
+  border-radius: 4px;
   margin-bottom: 4px;
   line-height: 1.5em;
   background-color: #f2f2f2;
diff --git a/src/theme.ts b/src/theme.ts
index 925c3cbf..2b730a63 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -26,7 +26,7 @@ const defaultTheme: ThemeInterface = {
       contrastText: ({ colors }) => readableColor(colors.success.main),
     },
     warning: {
-      main: '#fbc03d',
+      main: '#ff8f73',
       light: ({ colors }) => lighten(colors.tonalOffset, colors.warning.main),
       dark: ({ colors }) => darken(colors.tonalOffset, colors.warning.main),
       contrastText: '#ffffff',