diff --git a/src/assets/style/theme/star/setting.scss b/src/assets/style/theme/star/setting.scss
index 69d8f836..88fd3954 100644
--- a/src/assets/style/theme/star/setting.scss
+++ b/src/assets/style/theme/star/setting.scss
@@ -8,7 +8,7 @@ $theme-bg-mask: rgba(#000, .3);
 // container组件
 $theme-container-background-color: rgba(#FFF, .9);
 $theme-container-header-footer-background-color: #FFF;
-$theme-container-border-inner: 1px solid #114450;
+$theme-container-border-inner: 1px solid $color-border-1;
 $theme-container-border-outer: 1px solid #114450;
 
 $theme-multiple-page-control-color: #FFF;
diff --git a/src/pages/demo/playground/theme/index.vue b/src/pages/demo/playground/theme/index.vue
index ae98ef2b..a0f8636b 100644
--- a/src/pages/demo/playground/theme/index.vue
+++ b/src/pages/demo/playground/theme/index.vue
@@ -17,7 +17,9 @@
         </template>
       </el-table-column>
     </el-table>
-    <template slot="footer">hELLO</template>
+    <template slot="footer">
+      <el-button type="primary" size="small">当前激活主题 {{themeActive.name}}</el-button>
+    </template>
   </d2-container>
 </template>
 
@@ -52,8 +54,6 @@ export default {
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .page-demo-playground-theme {
-  // filter: grayscale(100%);
-  // filter: gray;
   .theme-preview {
     height: 50px;
     width: 100px;