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

View File

@ -91,9 +91,13 @@ textarea:focus {
.wp-core-ui .button.active, .wp-core-ui .button.active,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd9f32; border-color: #e1a948;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd9f32; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd9f32; border-color: #e1a948;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd9f32; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #bf9878; border-color: #c7a589;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #bf9878; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #bf9878; border-color: #c7a589;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #bf9878; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #93a43e; border-color: #a3b745;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #93a43e; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #93a43e; border-color: #a3b745;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #93a43e; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #0490b3; border-color: #04a4cc;
color: #262626; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #0490b3; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #0490b3; border-color: #04a4cc;
color: #262626; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #0490b3; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd382d; border-color: #e14d43;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd382d; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #dd382d; border-color: #e14d43;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd382d; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #8faf91; border-color: #9ebaa0;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #8faf91; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #8faf91; border-color: #9ebaa0;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #8faf91; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #d97426; border-color: #dd823b;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #d97426; 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 { .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,
.wp-core-ui .button.active:focus, .wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover { .wp-core-ui .button.active:hover {
border-color: #d97426; border-color: #dd823b;
color: #f2f2f2; color: #262a2e;
box-shadow: inset 0 2px 5px -3px #d97426; 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 { .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-46966'; $wp_version = '5.4-alpha-46967';
/** /**
* 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.