Changeset 36537

Timestamp:

02/16/2016 04:08:19 PM (11 years ago)

Author:

afercia

Message:

Accessibility: Reduce the WordPress shades of grey, first part.

See #35783.

Location:

trunk/src/wp-admin/css

Files:

• common.css (modified) (3 diffs)
• deprecated-media.css (modified) (1 diff)
• edit.css (modified) (2 diffs)
• list-tables.css (modified) (2 diffs)
• media.css (modified) (2 diffs)
• press-this.css (modified) (1 diff)
• themes.css (modified) (2 diffs)

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

@@ -662 +662 @@
 }
 
-.media-upload-form label.form-help,
-td.help {
-        color: #9a9a9a;
-}
-
 /* Helper classes for plugins to leverage the active WordPress color scheme */
 
@@ -2190 +2185 @@
 
 .media-icon img {
-        border: 1px solid #e7e7e7;
+        border: 1px solid #e5e5e5;
         border: 1px solid rgba(0, 0, 0, 0.07);
 }
@@ -2564 +2559 @@
         height: 17px;
         width: 92px;
-        background-color: #ececec;
+        background-color: #e5e5e5;
         float: left;
 }

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

@@ -70 +70 @@
 }
 
+.media-upload-form label.form-help,
+td.help {
+        color: #72777c;
+}
+
 form {
         margin: 1em;

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

@@ -1106 +1106 @@
 
 .ac_results {
+        display: none;
+        margin: -1px 0 0;
         padding: 0;
-        margin: 0;
         list-style: none;
         position: absolute;
         z-index: 10000;
-        display: none;
-        border: 1px solid #808080;
+        border: 1px solid #5b9dd9;
         background-color: #fff;
 }
@@ -1121 +1121 @@
 
 .ac_results li {
-        padding: 2px 5px;
+        margin: 0;
+        padding: 5px 10px;
         white-space: nowrap;
-        color: #101010;
         text-align: left;
 }
 
-.ac_over {
-        background-color: #f0f0b8;
+.ac_results .ac_over,
+.ac_over .ac_match {
+        background-color: #0073aa;
+        color: #fff;
         cursor: pointer;
 }

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

@@ -225 +225 @@
 #the-comment-list tr.undo,
 #the-comment-list div.undo {
-        background-color: #f4f4f4;
+        background-color: #f5f5f5;
 }
 
@@ -696 +696 @@
         display: inline-block;
         min-width: 17px;
-        border: 1px solid #d2d2d2;
+        border: 1px solid #ccc; /* same color as buttons border */
         padding: 3px 5px 7px;
         background: #e4e4e4;

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

@@ -493 +493 @@
         display: block;
         font: normal 16px/1 dashicons;
-        color: #bbb;
+        color: #b4b9be;
 }
 
@@ -910 +910 @@
 .media-disabled,
 .imgedit-settings .disabled {
-        color: grey;
+        /* WCAG 1.4.3 Text or images of text that are part of an inactive user
+           interface component ... have no contrast requirement. */
+        color: #a0a5aa;
 }
 

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

@@ -776 +776 @@
         padding: 6px 16px;
         white-space: nowrap;
-        color: #101010;
         text-align: left;
 }

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

@@ -247 +247 @@
  */
 .theme-browser .theme.active .theme-name {
-        background: #2f2f2f;
+        background: #23282d;
         color: #fff;
         padding-right: 110px;
@@ -735 +735 @@
 .theme-overlay .theme-author {
         margin: 15px 0 25px;
-        color: #686868;
+        color: #72777c;
         font-size: 16px;
         font-weight: 400;