Changeset 36959

Timestamp:

03/10/2016 09:44:00 PM (11 years ago)

Author:

afercia

Message:

Accessibility: Improve the color contrast ratio of the expandable panel "handles".

Fixes #35923.

Location:

trunk/src/wp-admin/css

Files:

• common.css (modified) (2 diffs)
• customize-controls.css (modified) (2 diffs)
• customize-nav-menus.css (modified) (2 diffs)
• customize-widgets.css (modified) (1 diff)
• list-tables.css (modified) (1 diff)

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

@@ -1562 +1562 @@
         -moz-osx-font-smoothing: grayscale;
         text-decoration: none !important;
-        color: #b4b9be;
+        color: #72777c;
 }
 
@@ -3056 +3056 @@
 }
 
-.widget-action,
 .handlediv,
 .item-edit,
 .sidebar-name-arrow,
 .accordion-section-title:after {
-        color: #a0a5aa;
-}
-
-.widget-action:hover,
+        color: #72777c;
+}
+
+.widget-action {
+        color: #555d66; /* #fafafa background in the Widgets screen */
+}
+
+.widget-top:hover .widget-action,
+.widget-action:focus,
 .handlediv:hover,
 .handlediv:focus,
 .item-edit:hover,
+.item-edit:focus,
 .sidebar-name:hover .sidebar-name-arrow,
 .accordion-section-title:hover:after {
-        color: #555d66;
+        color: #23282d;
 }
 

trunk/src/wp-admin/css/customize-controls.css

@@ -160 +160 @@
 #customize-theme-controls .accordion-section-title:after {
         content: "\f345";
+        color: #a0a5aa;
 }
 
@@ -647 +648 @@
 }
 
+/* @todo maybe no more used? */
 .customize-control .dropdown-arrow {
         position: absolute;

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

@@ -264 +264 @@
         -webkit-border-radius: 50%;
         border-radius: 50%;
-        color: #a0a5aa;
+        color: #72777c;
         font: normal 20px/1 dashicons;
         -webkit-font-smoothing: antialiased;
@@ -469 +469 @@
 }
 
-#available-menu-items .accordion-section-title:hover .toggle-indicator:after {
-        color: #555d66;
+#available-menu-items .accordion-section-title:hover .toggle-indicator:after,
+#available-menu-items .button-link:hover .toggle-indicator:after,
+#available-menu-items .button-link:focus .toggle-indicator:after {
+        color: #23282d;
 }
 
 #available-menu-items .open .accordion-section-title .toggle-indicator:after {
         content: "\f142";
+        color: #23282d;
 }
 

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

@@ -20 +20 @@
 
 .customize-control-widget_form .widget-top {
+        background: #fff;
         -webkit-transition: opacity 0.5s;
         transition: opacity 0.5s;
+}
+
+.customize-control .widget-action {
+        color: #72777c;
+}
+
+.customize-control .widget-top:hover .widget-action,
+.customize-control .widget-action:focus {
+        color: #23282d;
 }
 

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

@@ -537 +537 @@
         display: block;
         padding: 1px 2px 1px 0;
-        color: #666;
+        color: #444; /* same as table headers sort arrows */
         content: "\f140";
         font: normal 20px/1 dashicons;