Accessibility: Administration: Apply a unified design to all secondary buttons across all color schemes.

This ensures that secondary buttons have an appropriate color contrast in the alternative color schemes.

Props melchoyce, ryelle, audrasjb, ate-up-with-motor, afercia, sabernhardt.
Merges [46815] to the 5.3 branch.
Fixes #48585.
Built from https://develop.svn.wordpress.org/branches/5.3@46816


git-svn-id: http://core.svn.wordpress.org/branches/5.3@46616 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2019-12-05 21:34:05 +00:00
parent b7f33680dc
commit 6cd7126ff2
32 changed files with 216 additions and 290 deletions

View File

@ -75,41 +75,36 @@ textarea:focus {
.wp-core-ui {
.button,
.button-secondary {
color: $button-color;
border-color: $button-color;
.button {
border-color: #7e8993;
color: #32373c;
}
.button.hover,
.button:hover,
.button-secondary:hover,
.button.focus,
.button:focus,
.button-secondary:focus {
border-color: darken( $button-color, 5% );
color: darken( $button-color, 5% );
.button:focus {
border-color: darken( #7e8993, 5% );
color: darken( #32373c, 5% );
}
.button.focus,
.button:focus,
.button-secondary:focus {
border-color: $button-color;
color: darken( $button-color, 5% );
box-shadow: 0 0 0 1px $button-color;
.button:focus {
border-color: $highlight-color;
box-shadow: 0 0 0 1px $highlight-color;
}
.button:active {
background: darken( $button-color, 5% );
border-color: darken( $button-color, 5% );
border-color: #7e8993;
color: darken( #32373c, 5% );
box-shadow: none;
}
.button.active,
.button.active:focus,
.button.active:hover {
border-color: darken( $button-color, 5% );
color: darken( $button-color, 5% );
box-shadow: inset 0 2px 5px -3px darken( $button-color, 5% );
color: darken( $button-text-color, 5% );
}
.button-primary {

View File

@ -5,13 +5,13 @@
@mixin button( $button-color, $text-color: #fff ) {
background: $button-color;
border-color: $button-color;
color: $text-color;
color: $button-text-color;
&:hover,
&:focus {
background: lighten( $button-color, 3% );
border-color: darken( $button-color, 3% );
color: $text-color;
color: $button-text-color;
}
&:focus {
@ -23,14 +23,14 @@
&:active {
background: darken( $button-color, 5% );
border-color: darken( $button-color, 5% );
color: $text-color;
color: $button-text-color;
}
&.active,
&.active:focus,
&.active:hover {
background: $button-color;
color: $text-color;
color: $button-text-color;
border-color: darken( $button-color, 15% );
box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
}

View File

@ -18,8 +18,9 @@ $link: #0073aa !default;
$link-focus: lighten( $link, 10% ) !default;
$button-color: $highlight-color !default;
$form-checked: $highlight-color !default;
$button-text-color: $text-color !default;
$form-checked: #7e8993 !default;
// admin menu & admin-bar

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23096484%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #096484;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #e1a948;
border-color: #e1a948;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #dd9f32;
color: #dd9f32;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #e1a948;
color: #dd9f32;
box-shadow: 0 0 0 1px #e1a948;
.wp-core-ui .button:focus {
border-color: #096484;
box-shadow: 0 0 0 1px #096484;
}
.wp-core-ui .button:active {
background: #dd9f32;
border-color: #dd9f32;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #dd9f32;
color: #dd9f32;
box-shadow: inset 0 2px 5px -3px #dd9f32;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23096484%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #096484;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #e1a948;
border-color: #e1a948;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #dd9f32;
color: #dd9f32;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #e1a948;
color: #dd9f32;
box-shadow: 0 0 0 1px #e1a948;
.wp-core-ui .button:focus {
border-color: #096484;
box-shadow: 0 0 0 1px #096484;
}
.wp-core-ui .button:active {
background: #dd9f32;
border-color: #dd9f32;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #dd9f32;
color: #dd9f32;
box-shadow: inset 0 2px 5px -3px #dd9f32;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #c7a589;
border-color: #c7a589;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #bf9878;
color: #bf9878;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #c7a589;
color: #bf9878;
box-shadow: 0 0 0 1px #c7a589;
}
.wp-core-ui .button:active {
background: #bf9878;
border-color: #bf9878;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #bf9878;
color: #bf9878;
box-shadow: inset 0 2px 5px -3px #bf9878;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #c7a589;
border-color: #c7a589;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #bf9878;
color: #bf9878;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #c7a589;
color: #bf9878;
box-shadow: 0 0 0 1px #c7a589;
}
.wp-core-ui .button:active {
background: #bf9878;
border-color: #bf9878;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #bf9878;
color: #bf9878;
box-shadow: inset 0 2px 5px -3px #bf9878;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #a3b745;
border-color: #a3b745;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #93a43e;
color: #93a43e;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #a3b745;
color: #93a43e;
box-shadow: 0 0 0 1px #a3b745;
}
.wp-core-ui .button:active {
background: #93a43e;
border-color: #93a43e;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #93a43e;
color: #93a43e;
box-shadow: inset 0 2px 5px -3px #93a43e;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #a3b745;
border-color: #a3b745;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #93a43e;
color: #93a43e;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #a3b745;
color: #93a43e;
box-shadow: 0 0 0 1px #a3b745;
}
.wp-core-ui .button:active {
background: #93a43e;
border-color: #93a43e;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #93a43e;
color: #93a43e;
box-shadow: inset 0 2px 5px -3px #93a43e;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2304a4cc%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #04a4cc;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,53 +62,48 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #04a4cc;
border-color: #04a4cc;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #0490b3;
color: #0490b3;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #04a4cc;
color: #0490b3;
box-shadow: 0 0 0 1px #04a4cc;
}
.wp-core-ui .button:active {
background: #0490b3;
border-color: #0490b3;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #0490b3;
color: #0490b3;
box-shadow: inset 0 2px 5px -3px #0490b3;
color: #262626;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #04a4cc;
color: #fff;
color: #333;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #0498bd;
color: #fff;
color: #333;
}
.wp-core-ui .button-primary:focus {
@ -118,12 +113,12 @@ textarea:focus {
.wp-core-ui .button-primary:active {
background: #0490b3;
border-color: #0490b3;
color: #fff;
color: #333;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #04a4cc;
color: #fff;
color: #333;
border-color: #036881;
box-shadow: inset 0 2px 5px -3px black;
}

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2304a4cc%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #04a4cc;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,53 +62,48 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #04a4cc;
border-color: #04a4cc;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #0490b3;
color: #0490b3;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #04a4cc;
color: #0490b3;
box-shadow: 0 0 0 1px #04a4cc;
}
.wp-core-ui .button:active {
background: #0490b3;
border-color: #0490b3;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #0490b3;
color: #0490b3;
box-shadow: inset 0 2px 5px -3px #0490b3;
color: #262626;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #04a4cc;
color: #fff;
color: #333;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #0498bd;
color: #fff;
color: #333;
}
.wp-core-ui .button-primary:focus {
@ -118,12 +113,12 @@ textarea:focus {
.wp-core-ui .button-primary:active {
background: #0490b3;
border-color: #0490b3;
color: #fff;
color: #333;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #04a4cc;
color: #fff;
color: #333;
border-color: #036881;
box-shadow: inset 0 2px 5px -3px black;
}

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23e14d43%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #e14d43;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #e14d43;
border-color: #e14d43;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #dd382d;
color: #dd382d;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #e14d43;
color: #dd382d;
box-shadow: 0 0 0 1px #e14d43;
}
.wp-core-ui .button:active {
background: #dd382d;
border-color: #dd382d;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #dd382d;
color: #dd382d;
box-shadow: inset 0 2px 5px -3px #dd382d;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23e14d43%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #e14d43;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #e14d43;
border-color: #e14d43;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #dd382d;
color: #dd382d;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #e14d43;
color: #dd382d;
box-shadow: 0 0 0 1px #e14d43;
}
.wp-core-ui .button:active {
background: #dd382d;
border-color: #dd382d;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #dd382d;
color: #dd382d;
box-shadow: inset 0 2px 5px -3px #dd382d;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #9ebaa0;
border-color: #9ebaa0;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #8faf91;
color: #8faf91;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #9ebaa0;
color: #8faf91;
box-shadow: 0 0 0 1px #9ebaa0;
}
.wp-core-ui .button:active {
background: #8faf91;
border-color: #8faf91;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #8faf91;
color: #8faf91;
box-shadow: inset 0 2px 5px -3px #8faf91;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #9ebaa0;
border-color: #9ebaa0;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #8faf91;
color: #8faf91;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #9ebaa0;
color: #8faf91;
box-shadow: 0 0 0 1px #9ebaa0;
}
.wp-core-ui .button:active {
background: #8faf91;
border-color: #8faf91;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #8faf91;
color: #8faf91;
box-shadow: inset 0 2px 5px -3px #8faf91;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23dd823b%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #dd823b;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #dd823b;
border-color: #dd823b;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #d97426;
color: #d97426;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #dd823b;
color: #d97426;
box-shadow: 0 0 0 1px #dd823b;
}
.wp-core-ui .button:active {
background: #d97426;
border-color: #d97426;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #d97426;
color: #d97426;
box-shadow: inset 0 2px 5px -3px #d97426;
color: #f2f2f2;
}
.wp-core-ui .button-primary {

File diff suppressed because one or more lines are too long

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */
input[type=checkbox]:checked::before {
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23dd823b%27%2F%3E%3C%2Fsvg%3E");
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
}
input[type=radio]:checked::before {
background: #dd823b;
background: #7e8993;
}
.wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
}
/* Core UI */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #dd823b;
border-color: #dd823b;
.wp-core-ui .button {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
border-color: #d97426;
color: #d97426;
.wp-core-ui .button:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
.wp-core-ui .button:focus {
border-color: #dd823b;
color: #d97426;
box-shadow: 0 0 0 1px #dd823b;
}
.wp-core-ui .button:active {
background: #d97426;
border-color: #d97426;
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
border-color: #d97426;
color: #d97426;
box-shadow: inset 0 2px 5px -3px #d97426;
color: #f2f2f2;
}
.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.3.1-alpha-46798';
$wp_version = '5.3.1-alpha-46816';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.