feat: mod sroll bar style (#557)

* feat: mod sroll bar style

* feat: mod scroll bar radius

* Create thirty-windows-listen.md

Author: yangxiaolang

.changeset/thirty-windows-listen.md

@@ -0,0 +1,5 @@
+---
+"@alauda/ui": patch
+---
+
+feat: mod sroll bar style

src/theme/_mixin.scss

@@ -152,17 +152,21 @@
   transform: translate(-50%, -50%);
 }
 
-@mixin scroll-bar($color: #{use-rgba(n-1, 0.2)}) {
+@mixin scroll-bar($color: #{use-rgb(n-7)}, $hover-color: #{use-rgb(n-5)}) {
   &::-webkit-scrollbar {
-    width: 4px;
+    width: 8px;
     height: 4px;
   }
 
   &::-webkit-scrollbar-thumb {
-    border-radius: 2px;
+    border-radius: 4px;
     background-color: $color;
   }
 
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: $hover-color;
+  }
+
   &::-webkit-scrollbar-corner {
     background-color: transparent;
   }