From 4b63a80f80eda8d79307e9fea46a287164ce2f03 Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Sun, 17 Jan 2021 10:20:19 -0600
Subject: [PATCH] style scroll bars

This makes scroll bars in Chrome look more like Firefox and blend in
better with the app.
---
 src/index.scss | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/index.scss b/src/index.scss
index a2a72980..d447317d 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -42,3 +42,36 @@ body {
 .#{$ns}-form-group > .#{$ns}-label {
     font-weight: bolder;
 }
+
+::-webkit-scrollbar {
+    width: 16px;
+}
+
+.#{$ns}-dark ::-webkit-scrollbar-track {
+    background: $pt-dark-app-background-color;
+}
+
+::-webkit-scrollbar-track {
+    background: $pt-app-background-color;
+}
+
+.#{$ns}-dark ::-webkit-scrollbar-thumb {
+    border-color: $pt-dark-app-background-color;
+    background: $pt-dark-icon-color;
+}
+
+::-webkit-scrollbar-thumb {
+    border-width: 3px;
+    border-style: solid;
+    border-radius: 8px;
+    border-color: $pt-app-background-color;
+    background: $pt-icon-color;
+}
+
+.#{$ns}-dark ::-webkit-scrollbar-thumb:hover {
+    background: $pt-dark-icon-color-hover;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: $pt-icon-color-hover;
+}