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:
parent
20e18613d0
commit
2165eef44c
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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
|
@ -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.
|
||||||
|
|
Loading…
Reference in New Issue