diff --git a/frontend/src/pages/xray/OutboundFormModal.css b/frontend/src/pages/xray/OutboundFormModal.css
index 3217ac0e..b2150758 100644
--- a/frontend/src/pages/xray/OutboundFormModal.css
+++ b/frontend/src/pages/xray/OutboundFormModal.css
@@ -1,12 +1,12 @@
 .random-icon {
   cursor: pointer;
-  color: var(--ant-primary-color, #1890ff);
+  color: var(--ant-color-primary);
   margin-left: 4px;
 }
 
 .danger-icon {
   cursor: pointer;
-  color: #ff4d4f;
+  color: var(--ant-color-error);
   margin-left: 8px;
 }
 
diff --git a/frontend/src/pages/xray/RoutingTab.css b/frontend/src/pages/xray/RoutingTab.css
index 8ef6ad85..6ad04cec 100644
--- a/frontend/src/pages/xray/RoutingTab.css
+++ b/frontend/src/pages/xray/RoutingTab.css
@@ -27,11 +27,11 @@
 }
 
 .drop-before > td {
-  box-shadow: inset 0 2px 0 0 #1677ff;
+  box-shadow: inset 0 2px 0 0 var(--ant-color-primary);
 }
 
 .drop-after > td {
-  box-shadow: inset 0 -2px 0 0 #1677ff;
+  box-shadow: inset 0 -2px 0 0 var(--ant-color-primary);
 }
 
 .row-index {
diff --git a/frontend/src/pages/xray/XrayPage.css b/frontend/src/pages/xray/XrayPage.css
index 166ebe80..7ffd701a 100644
--- a/frontend/src/pages/xray/XrayPage.css
+++ b/frontend/src/pages/xray/XrayPage.css
@@ -51,7 +51,7 @@
 .xray-page .restart-icon {
   font-size: 16px;
   cursor: pointer;
-  color: var(--ant-primary-color, #1890ff);
+  color: var(--ant-color-primary);
 }
 
 .xray-page .restart-result {