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

Follow-up to [46815].

Props melchoyce, ryelle, larrach, audrasjb, studiotwee, afercia, azaozz.
Fixes #48598.
Built from https://develop.svn.wordpress.org/trunk@46817


git-svn-id: http://core.svn.wordpress.org/trunk@46617 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2019-12-05 22:12:03 +00:00
parent 20e18613d0
commit 2165eef44c
31 changed files with 84 additions and 54 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;

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #096484; border-color: #7e8993;
box-shadow: 0 0 0 1px #096484; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd9f32; border-color: #dd9f32;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd9f32;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #096484; border-color: #7e8993;
box-shadow: 0 0 0 1px #096484; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd9f32; border-color: #dd9f32;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd9f32;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #c7a589; border-color: #7e8993;
box-shadow: 0 0 0 1px #c7a589; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #bf9878; border-color: #bf9878;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #bf9878;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #c7a589; border-color: #7e8993;
box-shadow: 0 0 0 1px #c7a589; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #bf9878; border-color: #bf9878;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #bf9878;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #a3b745; border-color: #7e8993;
box-shadow: 0 0 0 1px #a3b745; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #93a43e; border-color: #93a43e;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #93a43e;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #a3b745; border-color: #7e8993;
box-shadow: 0 0 0 1px #a3b745; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #93a43e; border-color: #93a43e;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #93a43e;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #04a4cc; border-color: #7e8993;
box-shadow: 0 0 0 1px #04a4cc; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,18 +93,19 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #0490b3; border-color: #0490b3;
color: #262626; color: #262626;
box-shadow: inset 0 2px 5px -3px #0490b3;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #04a4cc; background: #04a4cc;
border-color: #04a4cc; border-color: #04a4cc;
color: #333; color: #fff;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db; background: #04b0db;
border-color: #0498bd; border-color: #0498bd;
color: #333; color: #fff;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
@ -113,12 +115,12 @@ textarea:focus {
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #0490b3; background: #0490b3;
border-color: #0490b3; border-color: #0490b3;
color: #333; color: #fff;
} }
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover { .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #04a4cc; background: #04a4cc;
color: #333; color: #fff;
border-color: #036881; border-color: #036881;
box-shadow: inset 0 2px 5px -3px black; box-shadow: inset 0 2px 5px -3px black;
} }

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #04a4cc; border-color: #7e8993;
box-shadow: 0 0 0 1px #04a4cc; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,18 +93,19 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #0490b3; border-color: #0490b3;
color: #262626; color: #262626;
box-shadow: inset 0 2px 5px -3px #0490b3;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {
background: #04a4cc; background: #04a4cc;
border-color: #04a4cc; border-color: #04a4cc;
color: #333; color: #fff;
} }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db; background: #04b0db;
border-color: #0498bd; border-color: #0498bd;
color: #333; color: #fff;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
@ -113,12 +115,12 @@ textarea:focus {
.wp-core-ui .button-primary:active { .wp-core-ui .button-primary:active {
background: #0490b3; background: #0490b3;
border-color: #0490b3; border-color: #0490b3;
color: #333; color: #fff;
} }
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover { .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #04a4cc; background: #04a4cc;
color: #333; color: #fff;
border-color: #036881; border-color: #036881;
box-shadow: inset 0 2px 5px -3px black; box-shadow: inset 0 2px 5px -3px black;
} }

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #e14d43; border-color: #7e8993;
box-shadow: 0 0 0 1px #e14d43; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd382d; border-color: #dd382d;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd382d;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #e14d43; border-color: #7e8993;
box-shadow: 0 0 0 1px #e14d43; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd382d; border-color: #dd382d;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd382d;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #9ebaa0; border-color: #7e8993;
box-shadow: 0 0 0 1px #9ebaa0; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #8faf91; border-color: #8faf91;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #8faf91;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #9ebaa0; border-color: #7e8993;
box-shadow: 0 0 0 1px #9ebaa0; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #8faf91; border-color: #8faf91;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #8faf91;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #dd823b; border-color: #7e8993;
box-shadow: 0 0 0 1px #dd823b; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #d97426; border-color: #d97426;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #d97426;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus { .wp-core-ui .button:focus {
border-color: #dd823b; border-color: #7e8993;
box-shadow: 0 0 0 1px #dd823b; color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #d97426; border-color: #d97426;
color: #f2f2f2; color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #d97426;
} }
.wp-core-ui .button-primary { .wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.4-alpha-46815'; $wp_version = '5.4-alpha-46817';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.