diff --git a/src/assets/style/theme/d2/setting.scss b/src/assets/style/theme/d2/setting.scss
index 92b1718a..e9cc35e4 100644
--- a/src/assets/style/theme/d2/setting.scss
+++ b/src/assets/style/theme/d2/setting.scss
@@ -4,6 +4,8 @@ $theme-name: 'd2';
 $theme-bg-color: #f8f8f9;
 // 主题背景图片
 $theme-bg-image: none;
+// 主题背景图片遮罩
+$theme-bg-mask: rgba(#000, 0);
 
 // container组件
 $theme-container-background-color: rgba(#FFF, 1);
diff --git a/src/assets/style/theme/line/setting.scss b/src/assets/style/theme/line/setting.scss
index 26cfec94..e995f543 100644
--- a/src/assets/style/theme/line/setting.scss
+++ b/src/assets/style/theme/line/setting.scss
@@ -4,6 +4,8 @@ $theme-name: 'line';
 $theme-bg-color: #f8f8f9;
 // 主题背景图片
 $theme-bg-image: url('/static/image/bg/line-squashed.jpg');
+// 主题背景图片遮罩
+$theme-bg-mask: rgba(#000, 0);
 
 // container组件
 $theme-container-background-color: rgba(#FFF, .8);
diff --git a/src/assets/style/theme/star/setting.scss b/src/assets/style/theme/star/setting.scss
index ece6c2c0..b2f69439 100644
--- a/src/assets/style/theme/star/setting.scss
+++ b/src/assets/style/theme/star/setting.scss
@@ -4,6 +4,8 @@ $theme-name: 'star';
 $theme-bg-color: #EFF4F8;
 // 主题背景图片
 $theme-bg-image: url('/static/image/bg/star-squashed.jpg');
+// 主题背景图片遮罩
+$theme-bg-mask: rgba(#000, .3);
 
 // container组件
 $theme-container-background-color: rgba(#FFF, .9);
diff --git a/src/assets/style/theme/theme.scss b/src/assets/style/theme/theme.scss
index a9087e33..28255142 100644
--- a/src/assets/style/theme/theme.scss
+++ b/src/assets/style/theme/theme.scss
@@ -12,7 +12,6 @@
     right: 0px;
     bottom: 0px;
     left: 0px;
-    background-color: rgba(#000, .3);
   }
   // 主体
   .layout-main {
@@ -188,6 +187,9 @@
   .layout-main-group {
     background-color: $theme-bg-color;
     background-image: $theme-bg-image;
+    .layout-main-mask {
+      background-color: $theme-bg-mask;
+    }
   }
   // 菜单项目
   @mixin theme-menu-hover-style {
diff --git a/src/assets/style/theme/tomorrow-night-blue/setting.scss b/src/assets/style/theme/tomorrow-night-blue/setting.scss
index de55406a..a3381ecf 100644
--- a/src/assets/style/theme/tomorrow-night-blue/setting.scss
+++ b/src/assets/style/theme/tomorrow-night-blue/setting.scss
@@ -4,6 +4,8 @@ $theme-name: 'tomorrow-night-blue';
 $theme-bg-color: #002147;
 // 主题背景图片
 $theme-bg-image: none;
+// 主题背景图片遮罩
+$theme-bg-mask: rgba(#000, 0);
 
 // container组件
 $theme-container-background-color: #FFF;