From fa9553952451432b179898d10d48d71927ba9d44 Mon Sep 17 00:00:00 2001
From: Tyler Brown Cifu Shuster <tyler@fivepaths.com>
Date: Mon, 21 Sep 2020 10:58:52 -0700
Subject: [PATCH] all: sets scrollbar colors

fixes urbit/landscape#87
---
 pkg/interface/src/views/App.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/pkg/interface/src/views/App.js b/pkg/interface/src/views/App.js
index e72d0b1d1..9b0158145 100644
--- a/pkg/interface/src/views/App.js
+++ b/pkg/interface/src/views/App.js
@@ -39,6 +39,24 @@ const Root = styled.div`
   }
   display: flex;
   flex-flow: column nowrap;
+
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: ${ p => p.theme.colors.gray } ${ p => p.theme.colors.white };
+  }
+  
+  /* Works on Chrome/Edge/Safari */
+  *::-webkit-scrollbar {
+    width: 12px;
+  }
+  *::-webkit-scrollbar-track {
+    background: ${ p => p.theme.colors.white };
+  }
+  *::-webkit-scrollbar-thumb {
+    background-color: ${ p => p.theme.colors.gray };
+    border-radius: 1rem;
+    border: 3px solid ${ p => p.theme.colors.white };
+  }
 `;
 
 const StatusBarWithRouter = withRouter(StatusBar);