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 {
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;

View File

@ -77,8 +77,9 @@ textarea:focus {
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #096484;
box-shadow: 0 0 0 1px #096484;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #dd9f32;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd9f32;
}
.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 {
border-color: #096484;
box-shadow: 0 0 0 1px #096484;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #dd9f32;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd9f32;
}
.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 {
border-color: #c7a589;
box-shadow: 0 0 0 1px #c7a589;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #bf9878;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #bf9878;
}
.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 {
border-color: #c7a589;
box-shadow: 0 0 0 1px #c7a589;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #bf9878;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #bf9878;
}
.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 {
border-color: #a3b745;
box-shadow: 0 0 0 1px #a3b745;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #93a43e;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #93a43e;
}
.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 {
border-color: #a3b745;
box-shadow: 0 0 0 1px #a3b745;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #93a43e;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #93a43e;
}
.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 {
border-color: #04a4cc;
box-shadow: 0 0 0 1px #04a4cc;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,18 +93,19 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #0490b3;
color: #262626;
box-shadow: inset 0 2px 5px -3px #0490b3;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #04a4cc;
color: #333;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #0498bd;
color: #333;
color: #fff;
}
.wp-core-ui .button-primary:focus {
@ -113,12 +115,12 @@ textarea:focus {
.wp-core-ui .button-primary:active {
background: #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 {
background: #04a4cc;
color: #333;
color: #fff;
border-color: #036881;
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 {
border-color: #04a4cc;
box-shadow: 0 0 0 1px #04a4cc;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,18 +93,19 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #0490b3;
color: #262626;
box-shadow: inset 0 2px 5px -3px #0490b3;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #04a4cc;
color: #333;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #0498bd;
color: #333;
color: #fff;
}
.wp-core-ui .button-primary:focus {
@ -113,12 +115,12 @@ textarea:focus {
.wp-core-ui .button-primary:active {
background: #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 {
background: #04a4cc;
color: #333;
color: #fff;
border-color: #036881;
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 {
border-color: #e14d43;
box-shadow: 0 0 0 1px #e14d43;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #dd382d;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd382d;
}
.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 {
border-color: #e14d43;
box-shadow: 0 0 0 1px #e14d43;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #dd382d;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd382d;
}
.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 {
border-color: #9ebaa0;
box-shadow: 0 0 0 1px #9ebaa0;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #8faf91;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #8faf91;
}
.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 {
border-color: #9ebaa0;
box-shadow: 0 0 0 1px #9ebaa0;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #8faf91;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #8faf91;
}
.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 {
border-color: #dd823b;
box-shadow: 0 0 0 1px #dd823b;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #d97426;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #d97426;
}
.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 {
border-color: #dd823b;
box-shadow: 0 0 0 1px #dd823b;
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
@ -92,6 +93,7 @@ textarea:focus {
.wp-core-ui .button.active:hover {
border-color: #d97426;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #d97426;
}
.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
*/
$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.