diff --git a/src/layout/components/Main/index.vue b/src/layout/components/Main/index.vue
index 5d3f59c..55abf53 100644
--- a/src/layout/components/Main/index.vue
+++ b/src/layout/components/Main/index.vue
@@ -29,10 +29,10 @@ const { cacheRoutes } = storeToRefs(routerStore);
 <style lang="scss" scoped>
 .content {
   height: calc(100vh - 60px - 30px); // 动态切类名-去掉footer
-  background: $color-bg-3; // 背景颜色
 }
 .scrollbar {
   height: calc(100% - 40px);
+  background: $color-border-1; // 背景颜色
 }
 .main {
   padding: $padding;
diff --git a/src/style/index.scss b/src/style/index.scss
index 0631dfb..53e7011 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -26,7 +26,8 @@ html {
 }
 
 // 设置全局颜色-关联黑暗模式
+// 全局取一级容器背景色$color-bg-2，main窗口取边框色浅色$color-border-1
 body {
   background: $color-bg-2; // body背景颜色
-  color: var(--color-text-1); // 整体文字的颜色
+  color: $color-text-1; // 整体文字的颜色
 }