Add @switch-color to control switch colors (#8940)

ant-design · Jan 12, 2018 · b9b5aba · b9b5aba
1 parent 88e0c9b
commit b9b5aba
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
@@ -393,6 +393,7 @@
 @switch-height: 22px;
 @switch-sm-height: 16px;
 @switch-disabled-opacity: 0.4;
+@switch-color: @primary-color;
 
 // Pagination
 // ---

diff --git a/components/switch/style/index.less b/components/switch/style/index.less
@@ -68,11 +68,11 @@
   }
 
   &-checked&-loading:before {
-    color: @primary-color;
+    color: @switch-color;
   }
 
   &:focus {
-    box-shadow: 0 0 0 2px fade(@primary-color, 20%);
+    box-shadow: 0 0 0 2px fade(@switch-color, 20%);
     outline: 0;
   }
 
@@ -127,7 +127,7 @@
   }
 
   &-checked {
-    background-color: @primary-color;
+    background-color: @switch-color;
 
     .@{switch-prefix-cls}-inner {
       margin-left: 6px;