From 88fde9f9f7196915712aa6c9970391990ba62ace Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Mon, 12 Oct 2020 16:24:26 +0800
Subject: [PATCH] style: fix Typography Link color (#27104)

close #27088
---
 .../__tests__/__snapshots__/demo.test.js.snap      |  6 ++++++
 components/typography/demo/basic.md                | 14 +++++++-------
 components/typography/style/index.less             |  3 +++
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/components/typography/__tests__/__snapshots__/demo.test.js.snap b/components/typography/__tests__/__snapshots__/demo.test.js.snap
index b3a42248d8..a17e23ede5 100644
--- a/components/typography/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/typography/__tests__/__snapshots__/demo.test.js.snap
@@ -59,6 +59,7 @@ exports[`renders ./components/typography/demo/basic.md correctly 1`] = `
     <ul>
       <li>
         <a
+          class="ant-typography"
           href="/docs/spec/proximity"
         >
           Principles
@@ -66,6 +67,7 @@ exports[`renders ./components/typography/demo/basic.md correctly 1`] = `
       </li>
       <li>
         <a
+          class="ant-typography"
           href="/docs/pattern/navigation"
         >
           Patterns
@@ -73,6 +75,7 @@ exports[`renders ./components/typography/demo/basic.md correctly 1`] = `
       </li>
       <li>
         <a
+          class="ant-typography"
           href="/docs/resource/download"
         >
           Resource Download
@@ -160,6 +163,7 @@ exports[`renders ./components/typography/demo/basic.md correctly 1`] = `
     <ul>
       <li>
         <a
+          class="ant-typography"
           href="/docs/spec/proximity"
         >
           设计原则
@@ -167,6 +171,7 @@ exports[`renders ./components/typography/demo/basic.md correctly 1`] = `
       </li>
       <li>
         <a
+          class="ant-typography"
           href="/docs/pattern/navigation"
         >
           设计模式
@@ -174,6 +179,7 @@ exports[`renders ./components/typography/demo/basic.md correctly 1`] = `
       </li>
       <li>
         <a
+          class="ant-typography"
           href="/docs/resource/download"
         >
           设计资源
diff --git a/components/typography/demo/basic.md b/components/typography/demo/basic.md
index 77dec6dde2..a9122537e3 100644
--- a/components/typography/demo/basic.md
+++ b/components/typography/demo/basic.md
@@ -16,7 +16,7 @@ Display the document sample.
 ```jsx
 import { Typography, Divider } from 'antd';
 
-const { Title, Paragraph, Text } = Typography;
+const { Title, Paragraph, Text, Link } = Typography;
 
 ReactDOM.render(
   <Typography>
@@ -45,13 +45,13 @@ ReactDOM.render(
     <Paragraph>
       <ul>
         <li>
-          <a href="/docs/spec/proximity">Principles</a>
+          <Link href="/docs/spec/proximity">Principles</Link>
         </li>
         <li>
-          <a href="/docs/pattern/navigation">Patterns</a>
+          <Link href="/docs/pattern/navigation">Patterns</Link>
         </li>
         <li>
-          <a href="/docs/resource/download">Resource Download</a>
+          <Link href="/docs/resource/download">Resource Download</Link>
         </li>
       </ul>
     </Paragraph>
@@ -81,13 +81,13 @@ ReactDOM.render(
     <Paragraph>
       <ul>
         <li>
-          <a href="/docs/spec/proximity">设计原则</a>
+          <Link href="/docs/spec/proximity">设计原则</Link>
         </li>
         <li>
-          <a href="/docs/pattern/navigation">设计模式</a>
+          <Link href="/docs/pattern/navigation">设计模式</Link>
         </li>
         <li>
-          <a href="/docs/resource/download">设计资源</a>
+          <Link href="/docs/resource/download">设计资源</Link>
         </li>
       </ul>
     </Paragraph>
diff --git a/components/typography/style/index.less b/components/typography/style/index.less
index 0b6519df15..6aade8cbf1 100644
--- a/components/typography/style/index.less
+++ b/components/typography/style/index.less
@@ -22,6 +22,9 @@
 
   &&-danger {
     color: @error-color;
+    a&:hover {
+      color: ~`colorPalette('@{error-color}', 5) `;
+    }
   }
 
   &&-disabled {