Changeset 36587

Timestamp:

02/19/2016 06:43:04 PM (9 years ago)

Author:

afercia

Message:

Accessibility: Improve color contrast updating any #999 gray used for text or icons to a darker gray.

Fixes #35660.

Location:

trunk/src

Files:

• wp-admin/css/admin-menu.css (modified) (1 diff)
• wp-admin/css/common.css (modified) (2 diffs)
• wp-admin/css/dashboard.css (modified) (3 diffs)
• wp-admin/css/install.css (modified) (1 diff)
• wp-admin/css/list-tables.css (modified) (1 diff)
• wp-admin/css/media.css (modified) (1 diff)
• wp-admin/css/nav-menus.css (modified) (3 diffs)
• wp-admin/css/press-this.css (modified) (1 diff)
• wp-admin/css/themes.css (modified) (4 diffs)
• wp-admin/css/widgets.css (modified) (2 diffs)
• wp-admin/includes/misc.php (modified) (1 diff)
• wp-includes/css/admin-bar.css (modified) (2 diffs)
• wp-includes/css/media-views.css (modified) (1 diff)
• wp-includes/general-template.php (modified) (1 diff)

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

@@ -39 +39 @@
 
 .icon16:before {
-    color: #999;
+    color: #82878c; /* same as new icons */
     font: normal 20px/1 dashicons;
     speak: none;

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

@@ -444 +444 @@
 .subsubsub a .count,
 .subsubsub a.current .count {
-    color: #999;
+    color: #555d66; /* #f1f1f1 background */
     font-weight: normal;
 }
@@ -694 +694 @@
 
 .wp-ui-text-icon {
-    color: #999;
+    color: #82878c; /* same as new icons */
 }
 

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

@@ -609 +609 @@
 
 #dashboard_activity .no-activity p {
-    color: #999;
+    color: #72777c;
     font-size: 16px;
 }
@@ -638 +638 @@
 }
 
+#dashboard_activity .subsubsub a .count,
+#dashboard_activity .subsubsub a.current .count {
+    color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
+}
+
 #future-posts ul,
 #published-posts ul {
@@ -874 +879 @@
 
 .rss-widget span.rss-date {
-    color: #999;
+    color: #72777c;
     font-size: 13px;
     margin-left: 3px;

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

@@ -98 +98 @@
     background-position: center top;
     background-repeat: no-repeat;
-    color: #999;
+    color: #444; /* same as login.css */
     height: 84px;
     font-size: 20px;

trunk/src/wp-admin/css/list-tables.css

@@ -1643 +1643 @@
 
 .no-plugin-results {
-    color: #999;
+    color: #666; /* same as no themes and no media */
     font-size: 18px;
     font-style: normal;

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

@@ -610 +610 @@
 
 .media-frame.mode-grid .attachments-browser .no-media {
-    color: #999;
+    color: #666; /* same as no plugins and no themes */
     font-size: 18px;
     font-style: normal;

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

@@ -70 +70 @@
 
 .is-submenu {
-    color: #999;
+    color: #555d66; /* #fafafa background */
     font-style: italic;
     font-weight: normal;
@@ -135 +135 @@
 
 .theme-location-set {
-    color: #999;
+    color: #72777c;
     font-size: 11px;
 }
@@ -485 +485 @@
 
 .menu-item-handle .menu-item-title.no-title {
-    color: #999;
+    color: #72777c;
 }
 

trunk/src/wp-admin/css/press-this.css

@@ -1198 +1198 @@
 
 .adminbar .dashicons {
-    color: #999;
+    color: #a0a5aa; /* same as WP admin bar icons */
 }
 

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

@@ -304 +304 @@
 
 .theme-browser .theme.add-new-theme a {
-    color: #999;
     text-decoration: none;
     display: block;
@@ -726 +725 @@
 
 .theme-overlay .theme-version {
-    color: #999;
+    color: #72777c;
     font-size: 13px;
     font-weight: 400;
@@ -1092 +1091 @@
 .upload-theme .install-help,
 .upload-plugin .install-help {
-    color: #999;
+    color: #555d66; /* #f1f1f1 background */
     font-size: 18px;
     font-style: normal;
@@ -1150 +1149 @@
 .theme-details .no-rating {
     font-size: 11px;
-    color: #999;
+    color: #72777c;
 }
 

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

@@ -462 +462 @@
 }
 
+ /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
 .widgets-chooser li:hover,
 .widgets-chooser li:focus {
@@ -472 +473 @@
     -webkit-font-smoothing: antialiased;
     font: normal 26px/1 dashicons;
-    color: #999;
+    color: #555d66;
     position: absolute;
     top: 7px;

trunk/src/wp-admin/includes/misc.php

@@ -711 +711 @@
     } else {
         // Fall back to the default set of icon colors if the default scheme is missing.
-        $icon_colors = array( 'base' => '#999', 'focus' => '#00a0d2', 'current' => '#fff' );
+        $icon_colors = array( 'base' => '#82878c', 'focus' => '#00a0d2', 'current' => '#fff' );
     }
 

trunk/src/wp-includes/css/admin-bar.css

@@ -454 +454 @@
 
 #wpadminbar #wp-admin-bar-user-info .username {
-    color: #999;
+    color: #a0a5aa;
     font-size: 11px;
 }
@@ -907 +907 @@
         width: 52px;
         padding: 0;
-        color: #999;
+        color: #a0a5aa; /* @todo not needed? this text is hidden */
         position: relative;
     }

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

@@ -2007 +2007 @@
 
 .image-details .custom-size span small {
-    color: #999;
+    color: #555d66; /* #f3f3f3 background */
     font-size: inherit;
 }

trunk/src/wp-includes/general-template.php

@@ -3145 +3145 @@
         false,
         array( '#222', '#333', '#0073aa', '#00a0d2' ),
-        array( 'base' => '#999', 'focus' => '#00a0d2', 'current' => '#fff' )
+        array( 'base' => '#82878c', 'focus' => '#00a0d2', 'current' => '#fff' )
     );