From 3136de1bd138dc798e61faea864425e84dfd6ad6 Mon Sep 17 00:00:00 2001
From: Valtteri Karesto <valtteri.karesto@gmail.com>
Date: Tue, 28 Jun 2022 14:38:59 +0300
Subject: [PATCH] Slight style adjustments

---
 components/EditorNavigation.tsx | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/components/EditorNavigation.tsx b/components/EditorNavigation.tsx
index 32b19ec..beacb6d 100644
--- a/components/EditorNavigation.tsx
+++ b/components/EditorNavigation.tsx
@@ -147,18 +147,32 @@ const EditorNavigation = ({ showWat }: { showWat?: boolean }) => {
           pb: "$0",
           flex: 1,
           "&::-webkit-scrollbar": {
-            height: "0.31em",
-            background: "rgba(0,0,0,.1)",
+            height: "0.3em",
+            background: "rgba(0,0,0,.0)",
           },
           "&::-webkit-scrollbar-gutter": "stable",
           "&::-webkit-scrollbar-thumb": {
-            backgroundColor: "rgba(255,255,255,.3)",
+            backgroundColor: "rgba(0,0,0,.1)",
             outline: "0px",
             borderRadius: "9999px",
           },
-          scrollbarColor: "rgba(255,255,255,.3) rgba(0,0,0,.1)",
+          scrollbarColor: "rgba(0,0,0,.1) rgba(0,0,0,0)",
           scrollbarGutter: "stable",
           scrollbarWidth: "thin",
+          ".dark &": {
+            "&::-webkit-scrollbar": {
+              background: "rgba(0,0,0,.0)",
+            },
+            "&::-webkit-scrollbar-gutter": "stable",
+            "&::-webkit-scrollbar-thumb": {
+              backgroundColor: "rgba(255,255,255,.1)",
+              outline: "0px",
+              borderRadius: "9999px",
+            },
+            scrollbarColor: "rgba(255,255,255,.1) rgba(0,0,0,0)",
+            scrollbarGutter: "stable",
+            scrollbarWidth: "thin",
+          },
         }}
         onWheelCapture={(e) => {
           if (scrollRef.current) {