From 46fa93edbd94857ba788ccd91412ba523f740f5f Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Mon, 15 Apr 2019 11:00:28 +0200
Subject: [PATCH] Fix resizer highlight and scroll bar style

---
 app/index.html                            | 21 ++++++++++++---------
 app/src/components/Layout/ContentView.tsx |  1 -
 app/src/components/Sidebar/CodeDiff.tsx   |  1 -
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/app/index.html b/app/index.html
index bebe845..46557a2 100644
--- a/app/index.html
+++ b/app/index.html
@@ -39,7 +39,8 @@
         }
 
         ::-webkit-scrollbar-track {
-          -webkit-box-shadow: inset 0 0 6px rgba(30,30,30,0.3);
+          -webkit-box-shadow: inset 0 0 6px rgba(60,60,60,0.5);
+          background-color: rgba(140,140,140,0.1);
         }
 
         ::-webkit-scrollbar-thumb {
@@ -74,21 +75,23 @@
         }
 
         .Resizer.horizontal:hover {
-            border-top: 5px solid rgba(0, 0, 0, 0.5);
-            border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+            border-top: 5px solid rgba(120, 120, 120, 0.5);
+            border-bottom: 5px solid rgba(120, 120, 120, 0.5);
         }
 
         .Resizer.vertical {
-            width: 11px;
-            margin: 0 -5px;
-            border-left: 5px solid rgba(255, 255, 255, 0);
-            border-right: 5px solid rgba(255, 255, 255, 0);
+            /* width: 11px;
+            margin: 0 -5px; */
+            width: 2px;
+            margin: 0px -8px 0px 0px;
+            border-left: 4px solid rgba(128, 128, 128, 0);
+            border-right: 4px solid rgba(128, 128, 128, 0);
             cursor: col-resize;
         }
 
         .Resizer.vertical:hover {
-            border-left: 5px solid rgba(255, 255, 255, 0.5);
-            border-right: 5px solid rgba(255, 255, 255, 0.5);
+            border-left: 4px solid rgba(130, 130, 130, 1);
+            border-right: 4px solid rgba(140, 140, 140, 1);
         }
         .Resizer.disabled {
           cursor: not-allowed;
diff --git a/app/src/components/Layout/ContentView.tsx b/app/src/components/Layout/ContentView.tsx
index cb27c1f..85ecc88 100644
--- a/app/src/components/Layout/ContentView.tsx
+++ b/app/src/components/Layout/ContentView.tsx
@@ -12,7 +12,6 @@ export default function ContentView(props: {heightProperty: any, paneDefaults: a
       split="vertical"
       minSize={250}
       defaultSize={500}
-      resizerStyle={{ width: '2px', margin: '0 -10px 0 0px' }}
       allowResize={true}
       style={{ position: 'relative' }}
       pane1Style={{ overflow: 'hidden' }}
diff --git a/app/src/components/Sidebar/CodeDiff.tsx b/app/src/components/Sidebar/CodeDiff.tsx
index cf39dc5..e0ff692 100644
--- a/app/src/components/Sidebar/CodeDiff.tsx
+++ b/app/src/components/Sidebar/CodeDiff.tsx
@@ -5,7 +5,6 @@ import { CodeBlockColors, CodeBlockColorsBraceMonokai } from './CodeBlockColors'
 import { selectTextWithCtrlA } from '../../utils/handleTextSelectWithCtrlA'
 import { Theme, withStyles } from '@material-ui/core'
 import 'prismjs/components/prism-json'
-import 'prismjs/themes/prism-tomorrow.css'
 
 interface Props {
   previous: string