u

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

@@ -94,6 +94,10 @@ $scroll-track-color: var(--ao-scroll-track-color);
 $bg-color-container: var(--ao-bg-color-container);
 $bg-color-container-hover: var(--ao-bg-color-container-hover);
 $bg-color-container-active: var(--ao-bg-color-container-active);
+$bg-color-container-select: var(--ao-bg-color-container-select);
+
+$bg-color-component: var(--ao-bg-color-component);
+$border-color-component: var(--ao-border-color-component); // 组件边框（Input、Select、Card 等容器的外部边框）
 
 // shadow
 // 基础/下层 投影 hover 使用的组件包括：表格 /

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

@@ -72,6 +72,10 @@
   --ao-bg-color-container: #242424;
   --ao-bg-color-container-hover: #2c2c2c;
   --ao-bg-color-container-active: #4b4b4b;
+  --ao-bg-color-container-select: #5e5e5e;
+
+  --ao-bg-color-component: #393939;
+  --ao-border-color-component: #5e5e5e;
 
   // shadow阴影
   // 基础/下层 投影 hover 使用的组件包括：表格 /

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

@@ -73,6 +73,10 @@
   --ao-bg-color-container: #fff;
   --ao-bg-color-container-hover: #f3f3f3;
   --ao-bg-color-container-active: #e8e8e8;
+  --ao-bg-color-container-select: #fff;
+
+  --ao-bg-color-component: #e8e8e8;
+  --ao-border-color-component: #ddd;
 
   // shadow阴影
   // 基础/下层 投影 hover 使用的组件包括：表格 /