diff --git a/src/assets/index.scss b/src/assets/index.scss
index 2da67143..05bd7fc4 100644
--- a/src/assets/index.scss
+++ b/src/assets/index.scss
@@ -93,7 +93,7 @@ html {
 ::-webkit-scrollbar-thumb {
   min-height: 48px;
   border-radius: 4px;
-  background: var(--tgc-od-white);
+  background: var(--app-scroll-bg);
 }
 
 ::-webkit-scrollbar-thumb:hover {
diff --git a/src/assets/themes/dark.scss b/src/assets/themes/dark.scss
index e3a032b5..01c839c7 100644
--- a/src/assets/themes/dark.scss
+++ b/src/assets/themes/dark.scss
@@ -1,6 +1,6 @@
 /**
  * 主题样式文件-深色主题
- * @since v0.8.9
+ * @since v0.9.7
  */
 
 /* dark mode */
@@ -11,6 +11,7 @@ html.dark {
   --app-page-content: #d0d0d0ff;
   --app-side-bg: #151c26ff;
   --app-side-content: #ddddddff;
+  --app-scroll-bg: var(--tgc-od-white);
 
   /* box container */
   --box-bg-1: #21252bff;
diff --git a/src/assets/themes/default.scss b/src/assets/themes/default.scss
index 557fc9e4..5b1b7ccd 100644
--- a/src/assets/themes/default.scss
+++ b/src/assets/themes/default.scss
@@ -1,6 +1,6 @@
 /**
  * 主题样式文件-默认（浅色）主题
- * @since v0.8.9
+ * @since v0.9.7
  */
 
 /* default(light) theme */
@@ -11,6 +11,7 @@ html.default {
   --app-page-content: #2f2f2fff;
   --app-side-bg: #f2f2f2ff;
   --app-side-content: #222222ff;
+  --app-scroll-bg: var(--tgc-yellow-3);
 
   /* box container */
   --box-bg-1: #f9f6f2ff;
diff --git a/src/pages/common/PostNews.vue b/src/pages/common/PostNews.vue
index 013b845b..c96cf750 100644
--- a/src/pages/common/PostNews.vue
+++ b/src/pages/common/PostNews.vue
@@ -68,7 +68,7 @@ import useBBSStore from "@store/bbs.js";
 import TGLogger from "@utils/TGLogger.js";
 import { createPost } from "@utils/TGWindow.js";
 import { storeToRefs } from "pinia";
-import { computed, onMounted, reactive, Ref, ref, shallowRef, watch } from "vue";
+import { computed, onMounted, reactive, type Ref, ref, shallowRef, watch } from "vue";
 import { useRoute } from "vue-router";
 
 type PostData = Record<TGApp.BBS.Post.NewsTypeEnum, Ref<Array<TGApp.BBS.Post.FullData>>>;