commit

src/assets/styles/mixin.less

@@ -908,4 +908,67 @@
 
 .has-error .ant-input:not(.has-error .ant-input-disabled), -has-error .ant-input:not(.has-error .ant-input-disabled), .has-error .ant-input:not(-has-error .ant-input-disabled), -has-error .ant-input:not(-has-error .ant-input-disabled) {
     background: @m-grey21;
+}
+
+.ant-modal-confirm-confirm {
+    top: 50%;
+    padding-bottom: 0;
+    margin-top: -64px;
+    .ant-modal-content {
+        background: @m-grey11;
+        .ant-modal-close {
+            .ant-modal-close-x {
+                width: 40px;
+                height: 40px;
+                line-height: 40px;
+                .ant-modal-close-icon {
+                    color: @m-blue11;
+                }
+            }
+        }
+        .ant-modal-body {
+            padding: 24px;
+            .ant-modal-confirm-body-wrapper {
+                .ant-modal-confirm-body {
+                    .ant-modal-confirm-title {
+                        color: @m-white0;
+                        text-align: center;
+                    }
+                }
+                .ant-modal-confirm-btns {
+                    float: none;
+                    text-align: center;
+                    .ant-btn {
+                        width: 100px;
+                        height: 34px;
+                        line-height: 32px;
+                        border: 1px solid @m-blue10;
+                        border-radius: 3px;
+                        background: transparent;
+                        font-size: 16px;
+                        color: @m-blue10;
+                        margin-right: 20px;
+                        &:hover {
+                            border-color: rgba(@m-blue10, .8);
+                        }
+                    }
+                    .ant-btn-primary {
+                        margin-left: 20px;
+                        width: 100px;
+                        height: 34px;
+                        line-height: 32px;
+                        border: 0;
+                        background: linear-gradient(0deg, @m-blue8 0%, @m-blue9 100%);
+                        border-radius: 3px;
+                        font-size: 16px;
+                        color: @m-white0;
+                        &:hover {
+                            background: linear-gradient(0deg, @m-blue8-hover 0%, @m-blue9-hover 100%);
+                            color: @m-white0-hover;
+                        }
+                    }
+                }
+            }
+        }
+    }
 }

src/assets/styles/variables.less

@@ -62,8 +62,9 @@
 @m-blue8: #3163BA;
 @m-blue8-hover: rgba(@m-blue8, .8);
 @m-blue9: #4179DB;
-@m-blue10: #0C95FF;
 @m-blue9-hover: rgba(@m-blue9, .8);
+@m-blue10: #0C95FF;
+@m-blue11: #1271BA;
 @body-bg: #e9eef3;
 @m-white0: #ffffff;
 @m-white0-hover: rgba(@m-white0, .8);