From 6a126cbd02a6e63a2dfcab15f89c090ea1bba989 Mon Sep 17 00:00:00 2001
From: Bhavy_Zala <zalabhavy2004@gmail.com>
Date: Wed, 26 Jun 2024 17:33:28 +0530
Subject: [PATCH] Added Hover effects on scrollbar thumb

---
 new-website/style.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/new-website/style.css b/new-website/style.css
index ee3d626c..f2cdbf04 100644
--- a/new-website/style.css
+++ b/new-website/style.css
@@ -22,6 +22,13 @@
   background: linear-gradient(rgb(104, 74, 126),rgb(102, 7, 236)); 
   border-radius: 10px;
   height:1px;
+  transition: background-color 0.3s ease; 
+}
+
+/* Hover on thumb  */
+::-webkit-scrollbar-thumb:hover {
+  background:  linear-gradient(rgb(152, 110, 169, 0.8), rgb(148, 42, 204, 0.8));
+  cursor: pointer; 
 }
 *,
 ::before,
@@ -35,7 +42,10 @@
   border-color: #e5e7eb;
   /* 2 */
 }
-
+::-webkit-scrollbar-thumb:hover {
+  color: black; 
+  cursor: pointer;
+}
 ::before,
 ::after {
   --tw-content: '';