From 3f5ae0d8fbbcce193b4acd4ec4c71f200d4a2249 Mon Sep 17 00:00:00 2001 From: Aditya30ag Date: Sat, 5 Jul 2025 10:07:08 +0530 Subject: [PATCH] Add scrollbar styling improvements --- LandingPage/src/App.css | 18 ++++++++++++++++++ LandingPage/src/index.css | 19 +++++++++++++++++++ 2 files changed, 37 insertions(+) diff --git a/LandingPage/src/App.css b/LandingPage/src/App.css index b9d355d..59983a1 100644 --- a/LandingPage/src/App.css +++ b/LandingPage/src/App.css @@ -40,3 +40,21 @@ .read-the-docs { color: #888; } +/* Applies to WebKit browsers */ +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-track { + background: #000000; + border-radius: 3px; +} + +::-webkit-scrollbar-thumb { + background: linear-gradient(to bottom, #fc5fff, #764e95); /* Gradient colors */ + border-radius: 3px; +} + +::-webkit-scrollbar-thumb:hover { + background: linear-gradient(to bottom, #de43e9, #764e95); /* Darker on hover */ +} diff --git a/LandingPage/src/index.css b/LandingPage/src/index.css index e69de29..ddd5849 100644 --- a/LandingPage/src/index.css +++ b/LandingPage/src/index.css @@ -0,0 +1,19 @@ +/* Applies to WebKit browsers */ +::-webkit-scrollbar { + width: 8px; + } + + ::-webkit-scrollbar-track { + background: #000000; + border-radius: 3px; + } + + ::-webkit-scrollbar-thumb { + background: linear-gradient(to bottom, #fc5fff, #764e95); /* Gradient colors */ + border-radius: 3px; + } + + ::-webkit-scrollbar-thumb:hover { + background: linear-gradient(to bottom, #de43e9, #764e95); /* Darker on hover */ + } + \ No newline at end of file