diff --git a/CHANGELOG.md b/CHANGELOG.md
index 393a27f3dd0c67fb25c791ec9b218083de9d41f0..e41784e1b9ada47dc929510fadf019c902e1e1b2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@
 
 - 操作栏样式调整去除左右间距
 - 工作流启动时获取流程版本，补充传递 srfwftag 标识
+- 修改modal,drawer组件背景色
 
 ## [0.5.1] - 2024-01-07
 
diff --git a/src/util/app-drawer/app-drawer-component.scss b/src/util/app-drawer/app-drawer-component.scss
index e46168c30c6b9e63423f35f3a52a634e8ed3b066..602d901f541ebdf897d3a7155657c98a473bb713 100644
--- a/src/util/app-drawer/app-drawer-component.scss
+++ b/src/util/app-drawer/app-drawer-component.scss
@@ -1,12 +1,14 @@
 /* 抽屉 start */
 $drawer: (
   'z-index': getCssVar('z-index', 'drawer'),
+  'background-color': #{getCssVar(color, bg, 1)},
 );
 
 /* 抽屉 end */
 
 @include b(drawer) {
   @include set-component-css-var('drawer', $drawer);
+  background-color: getCssVar(drawer, 'background-color');
 
   .el-drawer__header{
     position: absolute;
diff --git a/src/util/app-modal/app-modal-component.scss b/src/util/app-modal/app-modal-component.scss
index f2dc643a13f5d6b59357c73bcf95bdd012dec29e..4be38d07892f359aecf08d19f6cf946602573e8e 100644
--- a/src/util/app-modal/app-modal-component.scss
+++ b/src/util/app-modal/app-modal-component.scss
@@ -1,6 +1,7 @@
 /* 模态 start */
 $modal: (
   'z-index': getCssVar('z-index', 'modal'),
+  'background-color': #{getCssVar(color, bg, 1)},
 );
 
 /* 模态 end */
@@ -18,6 +19,7 @@ $modal: (
   }
 
   .el-dialog__body {
+    background-color: getCssVar(modal, 'background-color');
     height: 100%;
     padding: 0;
   }