From e3f2d4fd0a6cd048e26c2d5901db6da6be815891 Mon Sep 17 00:00:00 2001
From: atharvaombase <aaombase@gmail.com>
Date: Wed, 26 Feb 2025 12:10:28 +0530
Subject: [PATCH] Feat:Custom css for the Overflow scrollbar in the sidebar

---
 Frontend/src/index.css | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/Frontend/src/index.css b/Frontend/src/index.css
index da19334..c4abad9 100644
--- a/Frontend/src/index.css
+++ b/Frontend/src/index.css
@@ -1,2 +1,28 @@
 @import "tailwindcss";
-@import "flowbite/src/themes/default";
\ No newline at end of file
+
+/* For WebKit-based browsers */
+.custom-scrollbar::-webkit-scrollbar {
+  width: 15px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+  /* or a color of your choice */
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: #a0aec0;
+  /* Customize thumb color */
+  border-radius: 4px;
+  border: 2px solid transparent;
+  /* Optional: creates padding around thumb */
+  background-clip: content-box;
+}
+
+/* For Firefox */
+.custom-scrollbar {
+  scrollbar-width: auto;
+  /* "auto" or "thin" */
+  scrollbar-color: #37A0EA transparent;
+  /* thumb and track colors */
+}
\ No newline at end of file