style；弹框样式

@@ -40,6 +40,15 @@ export default {
 </script>
 
 <style>
+.ace-jsoneditor .ace_gutter {
+  background-color: #08346F !important;
+  color: #FFFFFF !important;
+}
+
+.jsoneditor-menu {
+  background-color: #074487 !important;
+}
+
 /* jsoneditor右上角默认有一个链接,加css去掉了 */
 .jsoneditor-poweredBy {
   display: none;

 .itemForm {
-  margin-top: 5px;
   position: relative;
   padding: 10px;
 
@@ -26,27 +25,19 @@
     width: 100%;
   }
 
-  /deep/.el-form-item__label {
-    line-height: 16px;
-    font-size: 12px;
-    position: relative;
-  }
-
-  /deep/ .el-form-item__content {
-    display: flex;
-  }
-
   // table 样式
   /deep/.el-form-item__label {
-    border: 1px solid #DCDFE6;
     border-right: none;
-    background-color: #F2F6FC;
     text-align: center;
     padding: 0;
+    line-height: 16px;
+    font-size: 12px;
+    color: #CEF8FF;
+    margin-top: 8px !important;
   }
 
   /deep/.el-form-item__content {
-    border: 1px solid #DCDFE6;
+    display: flex;
     margin-right: -1px;
   }
 
@@ -54,11 +45,18 @@
   /deep/.el-textarea__inner {
     margin: 5px;
     width: 96%;
+    background: #05275B;
+    color: #FFFFFF;
+    border-radius: 2px;
+    border: 1px solid #6BC1FC;
   }
 
   /deep/.el-input__inner {
     margin: 5px;
     width: 96%;
+    background: #05275B;
+    border-radius: 2px;
+    border: 1px solid #6BC1FC;
   }
 
   /deep/.el-form-item {

 .dialogBox {
-  border-radius: 8px;
   overflow: hidden;
-  background: #FFFFFF;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);
+  background: url("~@/image/dialogBg.png") no-repeat;
+  background-size: 100% 100%;
 
   .dialog_title {
     display: flex;
@@ -45,10 +44,12 @@
 }
 
 .el-dialog__header {
-  margin-bottom: 10px;
-  color: #4A4A4A;
-  background-color: #FCFDFD;
-  border-bottom: 1px solid #E4EBF4;
+  color: #FFFFFF;
+  // background: #074487;
+  height: 46px !important;
+  width: 97%;
+  margin: 0 auto;
+  margin-top: 2px;
 }
 
 .el-dialog__body {
@@ -57,9 +58,10 @@
 }
 
 .el-dialog__headerbtn .el-dialog__close {
-  color: #6B7A99 !important;
+  color: #FFFFFF !important;
   position: relative;
   top: -2px;
+  right: 15px
 }
 
 

@@ -12,6 +12,7 @@
 
 //input
 .el-input__inner {
+  color: #FFFFFF!important;
   padding: 0 7px !important;
 }
 
@@ -63,7 +64,7 @@
 // to fixed https://github.com/ElemeFE/element/issues/2461
 // refine element ui upload
 .el-input.is-disabled .el-input__inner {
-  color: #909399;
+  color: #FFFFFF !important;
 }
 
 .upload-container {

@@ -383,7 +383,7 @@ aside {
   width: 0;
   height: 8px;
   left: -10px;
-  top: 1px;
+  top: 2px;
   background: #00FAA8;
   color: #00FAA8;
 }
@@ -400,7 +400,7 @@ aside {
   width: 0;
   height: 8px;
   left: -10px;
-  top: 1px;
+  top: 2px;
   background: #FF7962;
   color: #FF7962;
 }
\ No newline at end of file

@@ -27,6 +27,7 @@ span:focus {
 }
 
 .process-design {
+
   .el-table td,
   .el-table th {
     color: #333;
@@ -37,27 +38,32 @@ span:focus {
     box-sizing: border-box;
     border-bottom: 1px solid #e8e8e8;
   }
+
   .el-dialog__body {
-    padding: 16px;
     max-height: 80vh;
     box-sizing: border-box;
     overflow-y: auto;
   }
+
   .el-dialog__footer {
     padding: 16px;
     box-sizing: border-box;
     border-top: 1px solid #e8e8e8;
   }
+
   .el-dialog__close {
     font-weight: 600;
   }
+
   .el-select {
     width: 100%;
   }
+
   .el-divider:not(.el-divider--horizontal) {
-    margin: 0 8px ;
+    margin: 0 8px;
   }
+
   .el-divider.el-divider--horizontal {
     margin: 16px 0;
   }
-}
+}
\ No newline at end of file