u

code/base-project/base-vue/packages/ao-design/src/_styles/_variables.scss

@@ -102,6 +102,8 @@ $border-color-component: var(--ao-border-color-component); // 组件边框（Inp
 $bg-color-secondarycomponent: var(--ao-bg-color-secondarycomponent);
 $bg-color-secondarycomponent-hover: var(--ao-bg-color-secondarycomponent-hover);
 
+$bg-color-mask: var(--ao-bg-color-mask);
+
 // shadow
 // 基础/下层 投影 hover 使用的组件包括：表格 /
 $shadow-surface: var(--ao-shadow-surface);

code/base-project/base-vue/packages/ao-design/src/_styles/theme/_dark.scss

@@ -79,6 +79,8 @@
   --ao-bg-color-secondarycomponent: #4b4b4b;
   --ao-bg-color-secondarycomponent-hover: #5e5e5e;
 
+  --ao-bg-color-mask: rgba(23, 23, 26, 0.6);
+
   // shadow阴影
   // 基础/下层 投影 hover 使用的组件包括：表格 /
   --ao-shadow-surface: 0 4px 6px rgba(0, 0, 0, 6%), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);

code/base-project/base-vue/packages/ao-design/src/_styles/theme/_light.scss

@@ -80,6 +80,8 @@
   --ao-bg-color-secondarycomponent: #ddd;
   --ao-bg-color-secondarycomponent-hover: #c6c6c6;
 
+  --ao-bg-color-mask: rgba(29, 33, 41, 0.6);
+
   // shadow阴影
   // 基础/下层 投影 hover 使用的组件包括：表格 /
   --ao-shadow-surface: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);