feat: improve webkit scrollbar style

frontChapter · Feb 25, 2024 · 2bdca9f · 2bdca9f
1 parent 13cc265
commit 2bdca9f
Showing 1 changed file with 10 additions and 8 deletions.
diff --git 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;
+    }
   }
-}
+}