diff --git a/web/html/login.html b/web/html/login.html
index a59368b1..8f5a6f4d 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -70,7 +70,7 @@
     left: 50%;
     width: 6000px;
     height: 6000px;
-    background: #000;
+    background-color: rgba(0, 135, 113, 0.08);
     margin-left: -3000px;
     transform-origin: 50% 48%;
     border-radius: 46%;
@@ -84,7 +84,6 @@
   .wave3 {
     animation: wave 80s infinite linear;
     opacity: 0.1;
-    background: #0a755715;
   }
   .under {
     background-color: #dbf5ed;
@@ -93,18 +92,18 @@
     background: rgb(10 117 87 / 20%);
   }
   .dark .under {
-    background-color: #051510;
+    background-color: #101828;
   }
   .dark #login {
-    background-color: rgb(8, 22, 20);
+    background-color: #151f31;
   }
   .dark h1 {
     color: rgba(255, 255, 255, 0.85);
   }
   .ant-btn-primary-login {
-    color: #0a7557;
-    background-color: #edf4fa;
-    border-color: #a9c5e7;
+    color: #008771;
+    background-color: #eef9f7;
+    border-color: #89d9cc;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
     box-shadow: none;
     width: 100%;
@@ -112,12 +111,12 @@
   .ant-btn-primary-login:focus,
   .ant-btn-primary-login:hover {
     color: #fff;
-    background-color: #0c3f9d;
-    border-color: #0a7557;
+    background-color: #006655;
+    border-color: #006655;
     background-image: linear-gradient(
       270deg,
       rgba(123, 199, 77, 0) 30%,
-      #2f67c2,
+      #009980,
       rgba(123, 199, 77, 0) 100%
     );
     background-repeat: no-repeat;
@@ -130,8 +129,8 @@
   .ant-btn-primary-login.active,
   .ant-btn-primary-login:active {
     color: #fff;
-    background-color: #04308f;
-    border-color: #04308f;
+    background-color: #006655;
+    border-color: #006655;
   }
   @keyframes ma-bg-move {
     0% {
@@ -163,7 +162,7 @@
   }
   .dark .wave-btn-bg-cl {
     background-image: linear-gradient(rgba(13, 14, 33, 0), rgba(13, 14, 33, 0)),
-      radial-gradient(circle at left top, #0a7557, #387eff, #0a7557) !important;
+      radial-gradient(circle at left top, #006655, #009980, #006655) !important;
     border-radius: 3em;
   }
   .dark .wave-btn-bg-cl:hover {
@@ -338,4 +337,4 @@
     });
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>