From cb9ed875b23fb6ea75d85160cd5ebdb97965c47f Mon Sep 17 00:00:00 2001
From: Sergey Biryukov <sergeybiryukov@git.wordpress.org>
Date: Mon, 9 Dec 2019 15:29:47 +0000
Subject: [PATCH] Help/About: Add a hover effect for links on About pages.

* Add a color that passes WCAG color contrast criteria to every link.
* Add an underline for links in credits list only on hover/focus.

Props audrasjb, ixkaito, mukesh27, melchoyce, SergeyBiryukov.
Fixes #48582.

git-svn-id: https://develop.svn.wordpress.org/trunk@46852 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/about.css | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
index 053c0210de..00a296eea9 100644
--- a/src/wp-admin/css/about.css
+++ b/src/wp-admin/css/about.css
@@ -305,11 +305,25 @@
 	line-height: inherit;
 }
 
-.about__section a,
+.about__section a {
+	color: #5f1b29;
+	text-decoration: underline;
+}
+
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
-	color: inherit;
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
 }
 
 .about__container ul {
@@ -427,7 +441,7 @@
 	grid-column: 2;
 	-ms-grid-row: 1;
 	grid-row: 1;
-	background-color: #5F1B29;
+	background-color: #5f1b29;
 	background-color: var(--accent-2);
 	margin: 0;
 	padding: 32px;