style update

src/assets/styles/mixin.less

@@ -1331,9 +1331,13 @@
 .ant-modal-confirm-confirm {
     top: 50%;
     padding-bottom: 0;
-    margin-top: -64px;
+     width: 300px !important;
+    height: 200px;
+    margin-top: -100px;
     .ant-modal-content {
-        background: @m-grey11;
+        background: @m-black27;
+        height: 100%;
+        .rounded-corners(10px);
         .ant-modal-close {
             .ant-modal-close-x {
                 width: 40px;
@@ -1345,47 +1349,53 @@
             }
         }
         .ant-modal-body {
-            padding: 24px;
+            padding: 20px;
             .ant-modal-confirm-body-wrapper {
                 .ant-modal-confirm-body {
                     .ant-modal-confirm-title {
-                        color: @m-white0;
+                        color: @m-blue0;
                         text-align: center;
+                        font-size: 20px;
                     }
                     .ant-modal-confirm-content {
                         color: @m-white0;
-                        font-size: 14px;
+                        font-size: 16px;
+                        margin-top: 25px;
+                        text-align: center;
                     }
                 }
                 .ant-modal-confirm-btns {
                     float: none;
                     text-align: center;
+                    margin-top: 20px;
                     .ant-btn {
-                        width: 100px;
-                        height: 34px;
-                        line-height: 32px;
-                        border: 1px solid @m-blue10;
+                        width: 120px;
+                        height: 30px;
+                        line-height: 28px;
                         border-radius: 3px;
-                        background: transparent;
+                        background: linear-gradient(0deg, @m-grey12 0%, @m-grey13 100%);
                         font-size: 16px;
-                        color: @m-blue10;
+                        color: @m-white0;
                         margin-right: 20px;
+                        border: 0;
                         &:hover {
-                            border-color: rgba(@m-blue10, .8);
+                            background: linear-gradient(0deg, @m-grey12-hover 0%, @m-grey13-hover 100%);
+                            color: @m-white0-hover;
                         }
                     }
                     .ant-btn-primary {
-                        margin-left: 20px;
-                        width: 100px;
-                        height: 34px;
-                        line-height: 32px;
+                        width: 120px;
+                        height: 30px;
+                        line-height: 28px;
                         border: 0;
-                        background: linear-gradient(0deg, @m-blue8 0%, @m-blue9 100%);
+                        background: linear-gradient(0deg, @m-blue2 0%, @m-blue0 100%);
                         border-radius: 3px;
                         font-size: 16px;
                         color: @m-white0;
+                        margin-right: 0;
+                        margin-left: 0;
                         &:hover {
-                            background: linear-gradient(0deg, @m-blue8-hover 0%, @m-blue9-hover 100%);
+                            background: linear-gradient(0deg, @m-blue2-hover 0%, @m-blue0-hover 100%);
                             color: @m-white0-hover;
                         }
                     }

src/assets/styles/variables.less

@@ -34,6 +34,7 @@
 @m-grey24: #444444;
 @m-grey25: #3b444a;
 @m-grey26: #343e48;
+@m-grey27: #34444E;
 
 
 @m-black: rgba(0, 0, 0, 0);
@@ -64,6 +65,8 @@
 @m-black24: #2c3e50;
 @m-black25: #282e34;
 @m-black26: #192125;
+@m-black27: #0E1A25;
+
 
 @m-blue0: #3a87f7;
 @m-blue0-hover: rgba(@m-blue0, .8);