From d3f5e2b5dcf1b651901b4871617d3ff4e0e0e2bc Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Tue, 3 Oct 2017 16:01:57 +0000
Subject: [PATCH] Accessibility: Change all the `#f00` and `red` to the
 official WordPress accent red.

WordPress should exclusively use colors from the official colors palette, see
https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
Partially addresses accessibility color contrast ratio issues.

See #35622.


git-svn-id: https://develop.svn.wordpress.org/trunk@41711 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/common.css                         | 2 +-
 src/wp-admin/css/customize-nav-menus.css            | 4 ++--
 src/wp-admin/css/media.css                          | 2 +-
 src/wp-admin/css/widgets.css                        | 2 +-
 src/wp-includes/css/media-views.css                 | 4 ++--
 src/wp-includes/js/mediaelement/wp-mediaelement.css | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 45f10635f3..1469097a8a 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -2259,7 +2259,7 @@ table .column-rating {
 
 .attention,
 .error-message {
-	color: red;
+	color: #dc3232;
 	font-weight: 600;
 }
 
diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css
index 82d27019ae..a2a811f721 100644
--- a/src/wp-admin/css/customize-nav-menus.css
+++ b/src/wp-admin/css/customize-nav-menus.css
@@ -439,7 +439,7 @@
 .menu-item-bar .item-delete:focus {
 	box-shadow: none;
 	outline: none;
-	color: #f00;
+	color: #dc3232;
 }
 
 .adding-menu-items .menu-item-bar .item-edit {
@@ -564,7 +564,7 @@
 .menu-name-field.invalid:focus,
 #available-menu-items .new-content-item .create-item-input.invalid,
 #available-menu-items .new-content-item .create-item-input.invalid:focus {
-	border: 1px solid #f00;
+	border: 1px solid #dc3232;
 }
 
 #available-menu-items .menu-item-handle .item-type {
diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
index bfb7f67951..0f1e478901 100644
--- a/src/wp-admin/css/media.css
+++ b/src/wp-admin/css/media.css
@@ -1094,7 +1094,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 span.imgedit-scale-warn {
-	color: red;
+	color: #dc3232;
 	font-size: 20px;
 	font-style: normal;
 	visibility: hidden;
diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css
index 9847fa0c6b..3af660f6de 100644
--- a/src/wp-admin/css/widgets.css
+++ b/src/wp-admin/css/widgets.css
@@ -155,7 +155,7 @@
 }
 
 .media-frame #embed-url-field.invalid {
-	border: 1px solid #f00;
+	border: 1px solid #dc3232;
 }
 
 .media-widget-image-link {
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 0a912a75d1..d86c2bd955 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -1444,7 +1444,7 @@
 
 .selection-info .clear-selection:hover,
 .selection-info .clear-selection:focus {
-	color: red;
+	color: #dc3232;
 }
 
 .media-selection .selection-view {
@@ -1664,7 +1664,7 @@
 .media-modal .trash-attachment:focus,
 .media-modal .untrash-attachment:hover,
 .media-modal .untrash-attachment:focus {
-	color: red;
+	color: #dc3232;
 }
 
 /**
diff --git a/src/wp-includes/js/mediaelement/wp-mediaelement.css b/src/wp-includes/js/mediaelement/wp-mediaelement.css
index 078b2d01c5..66761014f1 100644
--- a/src/wp-includes/js/mediaelement/wp-mediaelement.css
+++ b/src/wp-includes/js/mediaelement/wp-mediaelement.css
@@ -92,7 +92,7 @@
 }
 
 .media-embed-details .setting a:hover {
-	color: #f00;
+	color: #dc3232;
 }
 
 .media-embed-details .embed-media-settings .checkbox-setting {