diff --git a/style/components/select.less b/style/components/select.less
index 361a415bdc92688dc8b4d010b19e08ec7cf59ca6..ebfd35253d861dca705177e7bd82fdf941f9d4db 100644
--- a/style/components/select.less
+++ b/style/components/select.less
@@ -60,10 +60,10 @@
 
     &:hover {
       border-color: #23c0fa;
-      box-shadow: 0 0 2px fadeout(#2db7f5, 20%);
+      box-shadow: 0 0 2px tint(@primary-color, 20%);
     }
     &:active {
-      border-color: #2db7f5;
+      border-color: @primary-color;
     }
   }
 
diff --git a/style/components/tabs.less b/style/components/tabs.less
index 2f1d56ce11346930273a6f2684ec95c8d5e0cf24..4462542118e232d2816a43611a91a4832f13f642 100644
--- a/style/components/tabs.less
+++ b/style/components/tabs.less
@@ -76,7 +76,7 @@
     }
 
     &:hover {
-      color: fadeout(#2db7f5, 20%);
+      color: tint(@primary-color, 20%);
     }
   }
 
@@ -129,7 +129,7 @@
 
     div.@{prefixClass}-tab-active {
       > a, > a:hover, > a:focus {
-        color: fadeout(#2db7f5, 20%);
+        color: tint(@primary-color, 20%);
         cursor: pointer;
         text-decoration: none;
       }
@@ -167,7 +167,7 @@
       }
 
       > a:hover {
-        color: fadeout(#2db7f5, 30%);
+        color: tint(@primary-color, 30%);
         cursor: pointer;
       }