diff --git a/settings.yaml b/settings.yaml
index 6af46973..5d23fddc 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -2390,6 +2390,15 @@ spec:
               value: true
             - label: 禁用
               value: false
+        - $formkit: radio
+          name: scrollbarLinearGradientEnable
+          label: 渐变滚动条效果
+          value: false
+          options:
+            - label: 启用
+              value: true
+            - label: 禁用
+              value: false
         - $formkit: group
           name: greeting
           label: 首页问候语
diff --git a/templates/assets/css/fullPage.css b/templates/assets/css/fullPage.css
index cbe706dd..a03839ac 100644
--- a/templates/assets/css/fullPage.css
+++ b/templates/assets/css/fullPage.css
@@ -1,6 +1,4 @@
-
 :root {
-
     --light-grey: rgba(255, 255, 255, 0.7);
     --white: rgba(255, 255, 255, 0.9);
 }
@@ -13,7 +11,6 @@
 
 }
 
-
 .back-home-button {
     color: rgba(255, 255, 255, 0.7);
 }
diff --git a/templates/modules/head.html b/templates/modules/head.html
index 9673ce5c..c5b19d66 100644
--- a/templates/modules/head.html
+++ b/templates/modules/head.html
@@ -22,6 +22,13 @@
 
     <link rel="stylesheet" th:href="${assets_link + '/zhheo/commentBarrage.css'}">
 
+    <style th:if="${theme.config.other.scrollbarLinearGradientEnable}">
+        *::-webkit-scrollbar-thumb {
+            background-color: var(--heo-main);
+            background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
+            border-radius: 2em
+        }
+    </style>
 
     <link media="print"
           onload='this.media="all"'