Changeset 41711

Timestamp:

10/03/2017 04:01:57 PM (7 years ago)

Author:

afercia

Message:

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.

Location:

trunk/src

Files:

• wp-admin/css/common.css (modified) (1 diff)
• wp-admin/css/customize-nav-menus.css (modified) (2 diffs)
• wp-admin/css/media.css (modified) (1 diff)
• wp-admin/css/widgets.css (modified) (1 diff)
• wp-includes/css/media-views.css (modified) (2 diffs)
• wp-includes/js/mediaelement/wp-mediaelement.css (modified) (1 diff)

trunk/src/wp-admin/css/common.css

@@ -2260 +2260 @@
 .attention,
 .error-message {
-    color: red;
+    color: #dc3232;
     font-weight: 600;
 }

trunk/src/wp-admin/css/customize-nav-menus.css

@@ -440 +440 @@
     box-shadow: none;
     outline: none;
-    color: #f00;
+    color: #dc3232;
 }
 
@@ -565 +565 @@
 #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;
 }
 

trunk/src/wp-admin/css/media.css

@@ -1095 +1095 @@
 
 span.imgedit-scale-warn {
-    color: red;
+    color: #dc3232;
     font-size: 20px;
     font-style: normal;

trunk/src/wp-admin/css/widgets.css

@@ -156 +156 @@
 
 .media-frame #embed-url-field.invalid {
-    border: 1px solid #f00;
+    border: 1px solid #dc3232;
 }
 

trunk/src/wp-includes/css/media-views.css

@@ -1445 +1445 @@
 .selection-info .clear-selection:hover,
 .selection-info .clear-selection:focus {
-    color: red;
+    color: #dc3232;
 }
 
@@ -1665 +1665 @@
 .media-modal .untrash-attachment:hover,
 .media-modal .untrash-attachment:focus {
-    color: red;
+    color: #dc3232;
 }
 

trunk/src/wp-includes/js/mediaelement/wp-mediaelement.css

@@ -93 +93 @@
 
 .media-embed-details .setting a:hover {
-    color: #f00;
+    color: #dc3232;
 }