diff --git a/web/src/views/system/dept/components/DeptUserCom/index.vue b/web/src/views/system/dept/components/DeptUserCom/index.vue
index fb50ff90e2fc6c9eedc259fc33d71ae777411cb1..f52db556bac883188084e8c17a4814c77548046f 100644
--- a/web/src/views/system/dept/components/DeptUserCom/index.vue
+++ b/web/src/views/system/dept/components/DeptUserCom/index.vue
@@ -277,7 +277,8 @@ const { resetCrudOptions } = useCrud({
 	padding: 0 10px;
 	border-radius: 8px 0 0 8px;
 	box-sizing: border-box;
-	background-color: #fff;
+	color: var(--next-bg-topBarColor);
+	background-color: var(--el-fill-color-blank);;
 }
 .dept-user-com-table {
 	height: calc(100% - 200px);
diff --git a/web/src/views/system/dept/index.vue b/web/src/views/system/dept/index.vue
index 60b803bc3f08bb13ca0ea3c98e292137e48d83a7..52df92b15e7bab661d7b5fe2ce142b84a83364a5 100644
--- a/web/src/views/system/dept/index.vue
+++ b/web/src/views/system/dept/index.vue
@@ -133,7 +133,7 @@ onMounted(() => {
 }
 
 .dept-left {
-	background-color: #fff;
+	background-color: var(--el-fill-color-blank);;
 	border-radius: 0 8px 8px 0;
 	padding: 10px;
 }
diff --git a/web/src/views/system/menu/index.vue b/web/src/views/system/menu/index.vue
index 0637a3fe74daa0acff451f1dac15cc5f850da890..f7d05bd63d3da4f56574a0857d3254dfa1b7856b 100644
--- a/web/src/views/system/menu/index.vue
+++ b/web/src/views/system/menu/index.vue
@@ -138,7 +138,7 @@ onMounted(() => {
 .menu-box {
 	height: 100%;
 	padding: 10px;
-	background-color: #fff;
+	background-color: var(--el-fill-color-blank);;
 	box-sizing: border-box;
 }