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

View File

@ -2,7 +2,7 @@
* Button mixin- creates a button effect with correct
* 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;
border-color: $button-color;
color: $button-text-color;