From 70bddc6c1b164c0a68c76bda2d8634074f9863c2 Mon Sep 17 00:00:00 2001
From: yanghuanglin <yanghuanglin@qq.com>
Date: Thu, 21 Sep 2023 15:00:36 +0800
Subject: [PATCH] customize scrollbar background color

---
 assets/static/css/color.css |  8 ++++++++
 assets/static/css/index.css | 10 ++++++++++
 2 files changed, 18 insertions(+)

diff --git a/assets/static/css/color.css b/assets/static/css/color.css
index 42ca296..dd8c18c 100644
--- a/assets/static/css/color.css
+++ b/assets/static/css/color.css
@@ -1,3 +1,7 @@
+::-webkit-scrollbar-thumb {
+    background: rgba(199, 199, 199, 0.8);
+}
+
 .layui-bg-blue {
     background-color: #58b7ff !important;
 }
@@ -132,6 +136,10 @@ section.proxy-list .proxy-info .layui-row .layui-row > div:first-child {
 }
 
 @media (prefers-color-scheme: dark) {
+    ::-webkit-scrollbar-thumb {
+        background: rgba(107, 107, 107, 0.8);
+    }
+
     .login-title,
     .login-title a {
         color: #99a9bf !important;
diff --git a/assets/static/css/index.css b/assets/static/css/index.css
index 39e142a..a8738fb 100644
--- a/assets/static/css/index.css
+++ b/assets/static/css/index.css
@@ -1,3 +1,13 @@
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    transition: 0.3s ease-in-out;
+}
+
 html, body {
     padding: 0;
     word-break: break-all;