From 264f14504adda3ab50236076ff4afa9dd4e765e8 Mon Sep 17 00:00:00 2001
From: zsmj <zsmj1994@gmail.com>
Date: Thu, 7 Jul 2022 10:52:36 +0800
Subject: [PATCH] =?UTF-8?q?DESIGN-4216=20feat:=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=A2=9C=E8=89=B2,track=E9=80=8F?=
 =?UTF-8?q?=E6=98=8E,thumb=E9=85=8D=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/less/resource/app.less | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/less/resource/app.less b/src/less/resource/app.less
index 4f61322d1..95e316c75 100644
--- a/src/less/resource/app.less
+++ b/src/less/resource/app.less
@@ -29,6 +29,7 @@ body {
 div, textarea {
   scrollbar-color: fade(@scroll-color, 10%) fade(@scroll-color, 5%);
   scrollbar-width: thin;
+
   &::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 10px;
@@ -37,10 +38,10 @@ div, textarea {
 
   &::-webkit-scrollbar-track {
     .border-radius(5px);
-    .background-color(@scroll-color, 5%);
+    .background-color(@scroll-color, 0%);
 
     &:hover {
-      .background-color(@scroll-color, 5%);
+      .background-color(@scroll-color, 0%);
     }
   }
 
@@ -48,10 +49,10 @@ div, textarea {
     border: 2px solid transparent;
     background-clip: padding-box;
     .border-radius(10px);
-    .background-color(@scroll-color, 10%);
+    .background-color(@scroll-color, 7%);
 
     &:hover {
-      .background-color(@scroll-color, 30%);
+      .background-color(@scroll-color, 19%);
     }
   }
 
@@ -63,23 +64,24 @@ div, textarea {
 .bi-theme-dark {
   div, textarea {
     scrollbar-color: fade(@scroll-color-theme-dark, 10%) fade(@scroll-color-theme-dark, 5%);
+
     &::-webkit-scrollbar {
       -webkit-appearance: none;
     }
 
     &::-webkit-scrollbar-track {
-      .background-color(@scroll-color-theme-dark, 5%);
+      .background-color(@scroll-color-theme-dark, 0%);
 
       &:hover {
-        .background-color(@scroll-color-theme-dark, 5%);
+        .background-color(@scroll-color-theme-dark, 0%);
       }
     }
 
     &::-webkit-scrollbar-thumb {
-      .background-color(@scroll-color-theme-dark, 10%);
+      .background-color(@scroll-color-theme-dark, 7%);
 
       &:hover {
-        .background-color(@scroll-color-theme-dark, 30%);
+        .background-color(@scroll-color-theme-dark, 19%);
       }
     }
   }