Accessibility: Administration: Correct active button color for the alternative color schemes.

Follow-up to [46815].

Props melchoyce, ryelle, larrach, audrasjb, studiotwee, afercia, azaozz.
Merges [46817] to the 5.3 branch.
Fixes #48598.

git-svn-id: https://develop.svn.wordpress.org/branches/5.3@46818 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2019-12-05 22:11:36 +00:00
parent cc663e635b
commit d0c1415415
2 changed files with 5 additions and 3 deletions

View File

@ -90,8 +90,9 @@ textarea:focus {
.button.focus, .button.focus,
.button:focus { .button:focus {
border-color: $highlight-color; border-color: #7e8993;
box-shadow: 0 0 0 1px $highlight-color; color: darken( #32373c, 5% );
box-shadow: 0 0 0 1px #32373c;
} }
.button:active { .button:active {
@ -105,6 +106,7 @@ textarea:focus {
.button.active:hover { .button.active:hover {
border-color: darken( $button-color, 5% ); border-color: darken( $button-color, 5% );
color: darken( $button-text-color, 5% ); color: darken( $button-text-color, 5% );
box-shadow: inset 0 2px 5px -3px darken( $button-color, 5% );
} }
.button-primary { .button-primary {

View File

@ -2,7 +2,7 @@
* Button mixin- creates a button effect with correct * Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color. * highlights/shadows, based on a base color.
*/ */
@mixin button( $button-color, $text-color: #fff ) { @mixin button( $button-color, $button-text-color: #fff ) {
background: $button-color; background: $button-color;
border-color: $button-color; border-color: $button-color;
color: $button-text-color; color: $button-text-color;