From 6f1548b7f8cace1f73080298875a7e7dca9e0886 Mon Sep 17 00:00:00 2001 From: ManishMadan2882 Date: Tue, 19 Mar 2024 21:40:00 +0530 Subject: [PATCH] customised scrollbar --- frontend/src/index.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/frontend/src/index.css b/frontend/src/index.css index 244d7870..263b86f8 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -2,6 +2,26 @@ @tailwind components; @tailwind utilities; +::-webkit-scrollbar { + width: 10px; +} +::-webkit-scrollbar-track { + background: #f1f1f1; +} +.dark ::-webkit-scrollbar-track { + background: #2f3036; +} +::-webkit-scrollbar-thumb { + background: #888; + border-radius: 40px; +} +::-webkit-scrollbar-thumb:hover { + background: #555; +} +.dark ::-webkit-scrollbar-thumb:hover { + background: #b1afaf; +} + /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document