Changeset 46815 for trunk/src/wp-admin/css/colors/_admin.scss

Timestamp:

12/05/2019 09:30:58 PM (4 years ago)

Author:

SergeyBiryukov

Message:

Accessibility: Administration: Apply a unified design to all secondary buttons across all color schemes.

This ensures that secondary buttons have an appropriate color contrast in the alternative color schemes.

Props melchoyce, ryelle, audrasjb, ate-up-with-motor, afercia, sabernhardt.
Fixes #48585.

File:

• trunk/src/wp-admin/css/colors/_admin.scss (modified) (2 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -76 +76 @@
 .wp-core-ui {
 
-    .button,
-    .button-secondary {
-        color: $button-color;
-        border-color: $button-color;
+    .button {
+        border-color: #7e8993;
+        color: #32373c;
     }
 
     .button.hover,
     .button:hover,
-    .button-secondary:hover,
     .button.focus,
-    .button:focus,
-    .button-secondary:focus {
-        border-color: darken( $button-color, 5% );
-        color: darken( $button-color, 5% );
+    .button:focus {
+        border-color: darken( #7e8993, 5% );
+        color: darken( #32373c, 5% );
     }
 
     .button.focus,
-    .button:focus,
-    .button-secondary:focus {
-        border-color: $button-color;
-        color: darken( $button-color, 5% );
-        box-shadow: 0 0 0 1px $button-color;
+    .button:focus {
+        border-color: $highlight-color;
+        box-shadow: 0 0 0 1px $highlight-color;
     }
 
     .button:active {
-        background: darken( $button-color, 5% );
-        border-color: darken( $button-color, 5% );
+        border-color: #7e8993;
+        color: darken( #32373c, 5% );
+        box-shadow: none;
     }
 
@@ -109 +105 @@
     .button.active:hover {
         border-color: darken( $button-color, 5% );
-        color: darken( $button-color, 5% );
-        box-shadow: inset 0 2px 5px -3px darken( $button-color, 5% );
+        color: darken( $button-text-color, 5% );
     }