Fix the colors in all color schemes for the .active class for buttons.

Props ryelle, audrasjb.
Fixes #49003 for trunk.
Built from https://develop.svn.wordpress.org/trunk@46967


git-svn-id: http://core.svn.wordpress.org/trunk@46767 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Ozz 2019-12-17 00:15:03 +00:00
parent ef7326129f
commit c67c3ee6a0
30 changed files with 120 additions and 60 deletions

View File

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

View File

@ -91,9 +91,13 @@ textarea:focus {
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #dd9f32;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd9f32;
border-color: #e1a948;
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #e1a948;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -91,9 +91,13 @@ textarea:focus {
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #dd9f32;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #dd9f32;
border-color: #e1a948;
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #e1a948;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -91,9 +91,13 @@ textarea:focus {
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #0490b3;
color: #262626;
box-shadow: inset 0 2px 5px -3px #0490b3;
border-color: #04a4cc;
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #04a4cc;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -91,9 +91,13 @@ textarea:focus {
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #0490b3;
color: #262626;
box-shadow: inset 0 2px 5px -3px #0490b3;
border-color: #04a4cc;
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #04a4cc;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

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

File diff suppressed because one or more lines are too long

View File

@ -91,9 +91,13 @@ textarea:focus {
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #d97426;
color: #f2f2f2;
box-shadow: inset 0 2px 5px -3px #d97426;
border-color: #dd823b;
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd823b;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.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-46966';
$wp_version = '5.4-alpha-46967';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.