From 05403a7aa9acf809292a712cee7c3872daa5225a Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Tue, 20 Mar 2018 11:17:59 +0200
Subject: [PATCH] fix: css fix + update theme

---
 src/common-elements/fields-layout.ts | 8 ++++----
 src/theme.ts                         | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/common-elements/fields-layout.ts b/src/common-elements/fields-layout.ts
index 5cc6302d15..43cd8f8d38 100644
--- a/src/common-elements/fields-layout.ts
+++ b/src/common-elements/fields-layout.ts
@@ -27,8 +27,8 @@ export const PropertyCell = styled.td`
     background-image: linear-gradient(
       to bottom,
       transparent 0%,
-      transparent 21px,
-      ${props => props.theme.schemaView.linesColor} 21px,
+      transparent 22px,
+      ${props => props.theme.schemaView.linesColor} 22px,
       ${props => props.theme.schemaView.linesColor} 100%
     );
   }
@@ -37,8 +37,8 @@ export const PropertyCell = styled.td`
     background-image: linear-gradient(
       to bottom,
       ${props => props.theme.schemaView.linesColor} 0%,
-      ${props => props.theme.schemaView.linesColor} 21px,
-      transparent 21px,
+      ${props => props.theme.schemaView.linesColor} 22px,
+      transparent 22px,
       transparent 100%
     );
   }
diff --git a/src/theme.ts b/src/theme.ts
index 94c0d4e537..984269849a 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -1,4 +1,4 @@
-import { lighten } from 'polished';
+import { lighten, adjustHue, desaturate } from 'polished';
 
 const defaultTheme: ThemeInterface = {
   spacingUnit: 20,
@@ -27,7 +27,7 @@ const defaultTheme: ThemeInterface = {
     },
   },
   schemaView: {
-    linesColor: '#7f99cf',
+    linesColor: theme => lighten(0.25, desaturate(0.35, theme.colors.main)),
     defaultDetailsWidth: '75%',
   },
   baseFont: {