fix: css fix + update theme

Redocly · Mar 20, 2018 · 05403a7 · 05403a7
1 parent b7afce9
commit 05403a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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: {