From dca48d891b90066f48efd9c0b6aaf8649b7c48c6 Mon Sep 17 00:00:00 2001
From: Bhavy_Zala <zalabhavy2004@gmail.com>
Date: Sat, 8 Jun 2024 12:53:26 +0530
Subject: [PATCH] Scrollbar styled

---
 css/index.css | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/css/index.css b/css/index.css
index de69c969..f58c6e28 100644
--- a/css/index.css
+++ b/css/index.css
@@ -12,7 +12,39 @@ body {
   background: #dcdcdc !important;
   overflow-x: hidden;
 }
-
+/* Scrollbar */
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
+  background-color: #f5f5f5;
+  border-radius: 10px;
+}
+::-webkit-scrollbar {
+  width: 10px;
+  background-color: #f5f5f5;
+  transition: width 0.3s;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #fff;
+  background-image: -webkit-gradient(
+    linear,
+    40% 0%,
+    75% 84%,
+    from(#0d6efd),
+    color-stop(0.4, #0d6efd), 
+    color-stop(0.5, #1d7bfd), 
+    color-stop(0.6, #3d8bfd), 
+    to(#3d8bfd)
+  );
+  transition: background-color 0.3s, width 0.3s;
+}
+/* Hover effect */
+::-webkit-scrollbar:hover {
+  width: 14px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: #0d6efd; 
+}
 .navname_ac .bi-chevron-up {
   display: none;
 }