From d0c1415415fb0d3195509e59dd85cce8c80f493f Mon Sep 17 00:00:00 2001 From: Sergey Biryukov Date: Thu, 5 Dec 2019 22:11:36 +0000 Subject: [PATCH] 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 --- src/wp-admin/css/colors/_admin.scss | 6 ++++-- src/wp-admin/css/colors/_mixins.scss | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss index ca1908d402..0b02251009 100644 --- a/src/wp-admin/css/colors/_admin.scss +++ b/src/wp-admin/css/colors/_admin.scss @@ -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 { diff --git a/src/wp-admin/css/colors/_mixins.scss b/src/wp-admin/css/colors/_mixins.scss index 7e6d4d4e88..4d0c079d1f 100644 --- a/src/wp-admin/css/colors/_mixins.scss +++ b/src/wp-admin/css/colors/_mixins.scss @@ -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;