diff --git a/web-app/src/app/layout/passport/passport.component.html b/web-app/src/app/layout/passport/passport.component.html
index d0a77bb..e81a1be 100644
--- a/web-app/src/app/layout/passport/passport.component.html
+++ b/web-app/src/app/layout/passport/passport.component.html
@@ -11,7 +11,8 @@
     <router-outlet></router-outlet>
     <global-footer [links]="links">
       Copyright
-      <i class="anticon anticon-copyright"></i> 2021
+      <i nz-icon nzType="copyright" nzTheme="outline"></i>
+      2021
       <a href="https://tancloud.cn" target="_blank">探云 tancloud.cn | </a>
       <a href="https://hertzbeat.com" target="_blank">赫兹跳动 hertzbeat.com</a>
     </global-footer>
diff --git a/web-app/src/app/layout/passport/passport.component.less b/web-app/src/app/layout/passport/passport.component.less
index 9ee877c..4912922 100644
--- a/web-app/src/app/layout/passport/passport.component.less
+++ b/web-app/src/app/layout/passport/passport.component.less
@@ -81,6 +81,12 @@
     .desc {
       color: fade(@white, 45%);
     }
+    .global-footer__copyright {
+      color: fade(@white, 45%);
+    }
+    .global-footer__links-item {
+      color: fade(@white, 45%);
+    }
     @media (min-width: @screen-md-min) {
       .container {
         background-image: none;
diff --git a/web-app/src/app/routes/monitor/monitor-detail/monitor-detail.component.less b/web-app/src/app/routes/monitor/monitor-detail/monitor-detail.component.less
index 76351cf..eb12a35 100644
--- a/web-app/src/app/routes/monitor/monitor-detail/monitor-detail.component.less
+++ b/web-app/src/app/routes/monitor/monitor-detail/monitor-detail.component.less
@@ -23,3 +23,11 @@ p {
   word-wrap: break-word;
   word-break: break-all;
 }
+
+[data-theme='dark'] {
+  :host ::ng-deep {
+    .ant-layout-sider-light {
+      background: #141414;
+    }
+  }
+}
diff --git a/web-app/src/app/routes/passport/lock/lock.component.less b/web-app/src/app/routes/passport/lock/lock.component.less
index 80251d7..1aead05 100644
--- a/web-app/src/app/routes/passport/lock/lock.component.less
+++ b/web-app/src/app/routes/passport/lock/lock.component.less
@@ -10,3 +10,11 @@
     margin-left: -20px;
   }
 }
+
+[data-theme='dark'] {
+  :host ::ng-deep {
+    .ant-card {
+      background-color: black;
+    }
+  }
+}
diff --git a/web-app/src/app/routes/passport/login/login.component.less b/web-app/src/app/routes/passport/login/login.component.less
index eb8287b..792fd4b 100644
--- a/web-app/src/app/routes/passport/login/login.component.less
+++ b/web-app/src/app/routes/passport/login/login.component.less
@@ -49,5 +49,8 @@
         color: #fff;
       }
     }
+    .ant-checkbox-wrapper {
+      color: fade(@white, 45%);
+    }
   }
 }