添加渐变滚动条可选设置

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: 首页问候语

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);
 }

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"'