From 246d3767ea3e714740745bfb5a88cdc99bfa8fee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 28 Jul 2020 15:45:51 +0800
Subject: [PATCH] style: tweak divider border color (#25855)

---
 .../divider/__tests__/__snapshots__/demo.test.js.snap     | 4 ++--
 components/divider/demo/customize-style.md                | 4 ++--
 components/divider/style/index.less                       | 8 ++++----
 components/style/themes/default.less                      | 1 +
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/components/divider/__tests__/__snapshots__/demo.test.js.snap b/components/divider/__tests__/__snapshots__/demo.test.js.snap
index 5c55e9c4c9..e7c6fcdee3 100644
--- a/components/divider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/divider/__tests__/__snapshots__/demo.test.js.snap
@@ -5,7 +5,7 @@ Array [
   <div
     class="ant-divider ant-divider-horizontal"
     role="separator"
-    style="height:2px;background-color:#7cb305"
+    style="border-width:2px;border-color:#7cb305"
   />,
   <div
     class="ant-divider ant-divider-horizontal ant-divider-dashed"
@@ -15,7 +15,7 @@ Array [
   <div
     class="ant-divider ant-divider-vertical"
     role="separator"
-    style="height:60px;background-color:#7cb305"
+    style="height:60px;border-color:#7cb305"
   />,
   <div
     class="ant-divider ant-divider-vertical ant-divider-dashed"
diff --git a/components/divider/demo/customize-style.md b/components/divider/demo/customize-style.md
index 59cde8d3bb..78fc269b47 100644
--- a/components/divider/demo/customize-style.md
+++ b/components/divider/demo/customize-style.md
@@ -19,9 +19,9 @@ import { Divider } from 'antd';
 
 ReactDOM.render(
   <>
-    <Divider style={{ height: 2, backgroundColor: '#7cb305' }} />
+    <Divider style={{ borderWidth: 2, borderColor: '#7cb305' }} />
     <Divider style={{ borderColor: '#7cb305' }} dashed />
-    <Divider type="vertical" style={{ height: 60, backgroundColor: '#7cb305' }} />
+    <Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} />
     <Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} dashed />
   </>,
   mountNode,
diff --git a/components/divider/style/index.less b/components/divider/style/index.less
index 86b4056fcb..46ca3ad078 100644
--- a/components/divider/style/index.less
+++ b/components/divider/style/index.less
@@ -6,7 +6,7 @@
 .@{divider-prefix-cls} {
   .reset-component;
 
-  border-top: 1px solid @border-color-split;
+  border-top: 1px solid @divider-color;
 
   &-vertical {
     position: relative;
@@ -16,7 +16,7 @@
     margin: 0 8px;
     vertical-align: middle;
     border-top: 0;
-    border-left: 1px solid @border-color-split;
+    border-left: 1px solid @divider-color;
   }
 
   &-horizontal {
@@ -41,7 +41,7 @@
       position: relative;
       top: 50%;
       width: 50%;
-      border-top: 1px solid @border-color-split;
+      border-top: 1px solid @divider-color;
       transform: translateY(50%);
       content: '';
     }
@@ -76,7 +76,7 @@
 
   &-dashed {
     background: none;
-    border-color: @border-color-split;
+    border-color: @divider-color;
     border-style: dashed;
     border-width: 1px 0 0;
   }
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index daf446921a..08a08bbc13 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -244,6 +244,7 @@
 // Divider
 @divider-text-padding: 1em;
 @divider-orientation-margin: 5%;
+@divider-color: rgba(0, 0, 0, 6%);
 
 // Dropdown
 @dropdown-selected-color: @primary-color;