Make scrollbar styling consistent

App.tsx

@@ -60,6 +60,7 @@ import { DonationNagModal } from './components/donation-nag-modal';
 import { createWebNavigator } from './components/navigation/web-navigator';
 import { isMobile } from './util/util';
 import { Logo16 } from './components/logo';
+import './global.css';
 
 
 // TODO: Onboarding works

components/navigation/scroll-bar.tsx

@@ -358,9 +358,7 @@ const Scrollbar = () => {
 const styles = StyleSheet.create({
   scrollbar: {
     width: 14,
-    backgroundColor: 'white',
-    borderColor: 'black',
-    borderLeftWidth: 1,
+    backgroundColor: '#ddd',
     position: 'absolute',
     right: 0,
     top: 0,
@@ -373,8 +371,6 @@ const styles = StyleSheet.create({
   thumb: {
     width: '100%',
     backgroundColor: '#70f',
-    borderWidth: 1,
-    borderColor: 'white',
     borderRadius: 99,
 
     touchAction: 'none',         // prevent selection on web

global.css

@@ -0,0 +1,12 @@
+::-webkit-scrollbar {
+  width: 14px;
+}
+
+::-webkit-scrollbar-track {
+  background: #ddd;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #70f;
+  border-radius: 99px;
+}