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

Timestamp:

12/05/2019 09:30:58 PM (7 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% );
         }