From 8d882f3bd235963c11502af73595ef0e70313af5 Mon Sep 17 00:00:00 2001
From: Ajaykumar Yadav <ajaykumar9330c@gmail.com>
Date: Wed, 27 Mar 2024 20:43:21 +0000
Subject: [PATCH] fixed bug scrollbar sync with light/dark mode

---
 frontend/styles/index.css | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/frontend/styles/index.css b/frontend/styles/index.css
index 77dac7f..9441875 100644
--- a/frontend/styles/index.css
+++ b/frontend/styles/index.css
@@ -63,29 +63,18 @@ pre.highlight {
 }
 
 ::-webkit-scrollbar-track {
-  background-color : #686868;
+  @apply dark:bg-[#686868] bg-[#f3f3f3];
 }
 
 ::-webkit-scrollbar-thumb {
-  background: #424242;
+  @apply dark:bg-[#424242] bg-[#848484];
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: #848484;
+  @apply dark:bg-[#848484] bg-[#333];
 }
 
 @media (prefers-color-scheme: light) {
-    ::-webkit-scrollbar-track {
-      background-color: #f3f3f3;
-    }
-
-    ::-webkit-scrollbar-thumb {
-      background: #848484;
-    }
-
-    ::-webkit-scrollbar-thumb:hover {
-      background: #333;
-    }
 
   .jsoneditor {
     @apply !border-zinc-300;