control focus shadow should be transparent

style/components/form.less

@@ -350,7 +350,7 @@ form {
   .@{select-prefix-cls} {
     &-selection {
       border-color: @warning-color;
-      box-shadow: 0 0 0 2px tint(@warning-color, 80%);
+      box-shadow: 0 0 0 2px fade(@warning-color, 20%);
     }
     &-arrow {
       color: @warning-color;
@@ -370,7 +370,7 @@ form {
   // ant-input-number
   .@{input-number-prefix-cls} {
     border-color: @warning-color;
-    box-shadow: 0 0 0 2px tint(@warning-color, 80%);
+    box-shadow: 0 0 0 2px fade(@warning-color, 20%);
     &:not([disabled]):hover {
       border-color: @warning-color;
     }
@@ -389,7 +389,7 @@ form {
   .@{select-prefix-cls} {
     &-selection {
       border-color: @error-color;
-      box-shadow: 0 0 0 2px tint(@error-color, 80%);
+      box-shadow: 0 0 0 2px fade(@error-color, 20%);
     }
 
     &-arrow {
@@ -414,7 +414,7 @@ form {
   // ant-input-number
   .@{input-number-prefix-cls} {
     border-color: @error-color;
-    box-shadow: 0 0 0 2px tint(@error-color, 80%);
+    box-shadow: 0 0 0 2px fade(@error-color, 20%);
     &:not([disabled]):hover {
       border-color: @error-color;
     }

style/components/slider.less

@@ -60,9 +60,8 @@
 
     &-active {
       &:active {
-        @color-rgba: rgba(red(@primary-color), green(@primary-color), blue(@primary-color), .2);
         border-color: tint(@primary-color, 20%);
-        box-shadow: 0 0 0 2px @color-rgba;
+        box-shadow: 0 0 0 2px fade(@primary-color, 80%);
       }
     }
   }

style/components/switch.less

@@ -38,7 +38,7 @@
   }
 
   &:focus {
-    box-shadow: 0 0 0 2px tint(@primary-color, 80%);
+    box-shadow: 0 0 0 2px fade(@primary-color, 20%);
     outline: 0;
   }
 

style/mixins/form.less

@@ -6,7 +6,7 @@
   // 输入框的不同校验状态
   .@{css-prefix}input {
     border-color: @border-color;
-    box-shadow: 0 0 0 2px tint(@border-color, 80%);
+    box-shadow: 0 0 0 2px fade(@border-color, 20%);
 
     &:not([disabled]):hover {
       border-color: @border-color;
@@ -14,7 +14,7 @@
   }
 
   .@{calendar-prefix-cls}-picker-open .@{calendar-prefix-cls}-picker-input {
-    box-shadow: 0 0 0 2px tint(@border-color, 80%);
+    box-shadow: 0 0 0 2px fade(@border-color, 20%);
   }
 
   .@{css-prefix}input-group-addon {

style/mixins/input.less

@@ -15,7 +15,7 @@
 .active(@color: @input-hover-border-color) {
   border-color: tint(@color, 20%);
   outline: 0;
-  box-shadow: 0 0 0 2px tint(@color, 80%);
+  box-shadow: 0 0 0 2px fade(@color, 20%);
 }
 
 // == when hoverd