From 6e999e1caee4d49931511f5ba0ae86fe24fb675c Mon Sep 17 00:00:00 2001 From: ramith-kulal Date: Sun, 2 Jun 2024 00:56:10 +0530 Subject: [PATCH] Add customized scrollbar styles --- src/App.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/src/App.css b/src/App.css index 1a39130..96a87b0 100644 --- a/src/App.css +++ b/src/App.css @@ -39,6 +39,26 @@ button{ } } +/* scrollbar-styling */ +::-webkit-scrollbar { + width: 8px; + height: 6px; +} + +::-webkit-scrollbar-track { + background-color: #c7c8ff; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb { + border-radius: 8px; + background-color: #063ab9;; +} + + +::-webkit-scrollbar-thumb:hover { + background-color: #2841d2; /* Darker blue color on hover */ +} /* ::-webkit-scrollbar-track {