From d563cd91f8addd7a891495354c9af7f81cc011fb Mon Sep 17 00:00:00 2001 From: Raven Scott Date: Thu, 26 Sep 2024 02:05:51 -0400 Subject: [PATCH] custom scrollbar --- public/css/styles.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/public/css/styles.css b/public/css/styles.css index 0c386e7..3a2c7b2 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -201,4 +201,22 @@ footer { background-color: #42484a; border-color: #42484a; color: #ffffff; -} \ No newline at end of file +} + +/* Custom Scrollbar for WebKit (Chrome, Safari) */ +::-webkit-scrollbar { + width: 8px; /* Width of the entire scrollbar */ +} + +::-webkit-scrollbar-thumb { + background-color: #42484a; /* Color of the scrollbar handle */ + border-radius: 10px; /* Roundness of the handle */ +} + +::-webkit-scrollbar-thumb:hover { + background-color: #333; /* Handle color on hover */ +} + +::-webkit-scrollbar-track { + background-color: #121212; /* Color of the scrollbar background/track */ +}