style: 优化多主题下滚动条样式

1 files changed, 7 insertions, 10 deletions

diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss
index b207420..d171cf0 100644
--- a/src/styles/mixins.scss
+++ b/src/styles/mixins.scss
@@ -7,23 +7,20 @@
 }
 
 @mixin scrollbar {
+  // 整个滚动条
   &::-webkit-scrollbar {
     width: 8px;
-    height: 8px; // 也要兼容 height 样式
-    background: transparent;
+    height: 8px;
   }
+  // 滚动条上的滚动滑块
   &::-webkit-scrollbar-thumb {
-    border-radius: 16px;
-    background-color: #d6d7d9;
+    border-radius: 4px;
+    background-color: #90939955;
   }
   &::-webkit-scrollbar-thumb:hover {
-    background-color: #c0c3c5;
+    background-color: #90939977;
   }
   &::-webkit-scrollbar-thumb:active {
-    background-color: #acafb2;
-  }
-  &::-webkit-scrollbar-button {
-    background: transparent;
-    height: 10px;
+    background-color: #90939999;
   }
 }