diff --git a/report-ui/src/assets/styles/element-ui.scss b/report-ui/src/assets/styles/element-ui.scss
index 7932c3ba..3d1aa712 100644
--- a/report-ui/src/assets/styles/element-ui.scss
+++ b/report-ui/src/assets/styles/element-ui.scss
@@ -24,14 +24,13 @@
   margin: 0 auto;
   
   .el-dialog__header{
-    background-color: #fff; 
-    color: #333;
-    border-bottom: 1px solid #eee;
+    background-color: rgb(48, 77, 167); 
+    color: #fff;
     .el-dialog__title{
-      color: #333;
+      color: #fff;
     }
     .el-dialog__headerbtn i {
-      color: #333;
+      color: #fff;
     }
   }
 }
diff --git a/report-ui/src/views/report/bigscreen/designer/index.vue b/report-ui/src/views/report/bigscreen/designer/index.vue
index e14d3b5f..24e7a4ee 100644
--- a/report-ui/src/views/report/bigscreen/designer/index.vue
+++ b/report-ui/src/views/report/bigscreen/designer/index.vue
@@ -641,8 +641,8 @@ export default {
 
 <style scoped lang="scss">
 .is-active {
-  background: #409eff !important;
-  color: #373d41 !important;
+  background: #31455d !important;
+  color: #bfcbd9 !important;
 }
 .layout {
   display: -webkit-box;
@@ -777,7 +777,7 @@ export default {
     .el-tabs__header {
       .el-tabs__nav {
         .el-tabs__item {
-          background-color: #304156;
+          background-color: #31455d;
           border: 0px;
         }
         .el-tabs__item.is-active {