From 2bdca9fb205a72944eab2353630c6c5aed90b249 Mon Sep 17 00:00:00 2001 From: Amir Hossein Karimi Date: Sun, 25 Feb 2024 12:59:49 +0330 Subject: [PATCH] feat: improve webkit scrollbar style --- src/styles/globals.css | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/styles/globals.css b/src/styles/globals.css index 3e78530..e02a6d1 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -9,16 +9,18 @@ html { body { &::-webkit-scrollbar { width: 8px; - height: 8px; } + &::-webkit-scrollbar-track { - background: transparent; + background: #333; } + &::-webkit-scrollbar-thumb { - background: #ffffff; - border-radius: 10px; - } - &::-webkit-scrollbar-thumb:hover { - background: #dadada; + background: #555; + border-radius: 8px; + + &:hover { + background: #dadada; + } } -} \ No newline at end of file +}