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.
Fixes #48585.
Built from https://develop.svn.wordpress.org/trunk@46815


git-svn-id: http://core.svn.wordpress.org/trunk@46615 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2019-12-05 21:32:03 +00:00
parent 23abf27b1a
commit 20e18613d0
32 changed files with 216 additions and 290 deletions

View File

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

View File

@ -5,13 +5,13 @@
@mixin button( $button-color, $text-color: #fff ) { @mixin button( $button-color, $text-color: #fff ) {
background: $button-color; background: $button-color;
border-color: $button-color; border-color: $button-color;
color: $text-color; color: $button-text-color;
&:hover, &:hover,
&:focus { &:focus {
background: lighten( $button-color, 3% ); background: lighten( $button-color, 3% );
border-color: darken( $button-color, 3% ); border-color: darken( $button-color, 3% );
color: $text-color; color: $button-text-color;
} }
&:focus { &:focus {
@ -23,14 +23,14 @@
&:active { &:active {
background: darken( $button-color, 5% ); background: darken( $button-color, 5% );
border-color: darken( $button-color, 5% ); border-color: darken( $button-color, 5% );
color: $text-color; color: $button-text-color;
} }
&.active, &.active,
&.active:focus, &.active:focus,
&.active:hover { &.active:hover {
background: $button-color; background: $button-color;
color: $text-color; color: $button-text-color;
border-color: darken( $button-color, 15% ); border-color: darken( $button-color, 15% );
box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% ); 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; $link-focus: lighten( $link, 10% ) !default;
$button-color: $highlight-color !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 // admin menu & admin-bar

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #096484; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #e1a948; color: #32373c;
border-color: #e1a948;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #dd9f32; color: #262a2e;
color: #dd9f32;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #096484;
border-color: #e1a948; box-shadow: 0 0 0 1px #096484;
color: #dd9f32;
box-shadow: 0 0 0 1px #e1a948;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #dd9f32; border-color: #7e8993;
border-color: #dd9f32; color: #262a2e;
box-shadow: none;
} }
.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: #dd9f32;
color: #dd9f32; 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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #096484; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #e1a948; color: #32373c;
border-color: #e1a948;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #dd9f32; color: #262a2e;
color: #dd9f32;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #096484;
border-color: #e1a948; box-shadow: 0 0 0 1px #096484;
color: #dd9f32;
box-shadow: 0 0 0 1px #e1a948;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #dd9f32; border-color: #7e8993;
border-color: #dd9f32; color: #262a2e;
box-shadow: none;
} }
.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: #dd9f32;
color: #dd9f32; 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

View File

@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #c7a589; color: #32373c;
border-color: #c7a589;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #bf9878; color: #262a2e;
color: #bf9878;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #c7a589; border-color: #c7a589;
color: #bf9878;
box-shadow: 0 0 0 1px #c7a589; box-shadow: 0 0 0 1px #c7a589;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #bf9878; border-color: #7e8993;
border-color: #bf9878; color: #262a2e;
box-shadow: none;
} }
.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: #bf9878;
color: #bf9878; 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

View File

@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #c7a589; color: #32373c;
border-color: #c7a589;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #bf9878; color: #262a2e;
color: #bf9878;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #c7a589; border-color: #c7a589;
color: #bf9878;
box-shadow: 0 0 0 1px #c7a589; box-shadow: 0 0 0 1px #c7a589;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #bf9878; border-color: #7e8993;
border-color: #bf9878; color: #262a2e;
box-shadow: none;
} }
.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: #bf9878;
color: #bf9878; 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

View File

@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #a3b745; color: #32373c;
border-color: #a3b745;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #93a43e; color: #262a2e;
color: #93a43e;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #a3b745; border-color: #a3b745;
color: #93a43e;
box-shadow: 0 0 0 1px #a3b745; box-shadow: 0 0 0 1px #a3b745;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #93a43e; border-color: #7e8993;
border-color: #93a43e; color: #262a2e;
box-shadow: none;
} }
.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: #93a43e;
color: #93a43e; 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

View File

@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #a3b745; color: #32373c;
border-color: #a3b745;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #93a43e; color: #262a2e;
color: #93a43e;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #a3b745; border-color: #a3b745;
color: #93a43e;
box-shadow: 0 0 0 1px #a3b745; box-shadow: 0 0 0 1px #a3b745;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #93a43e; border-color: #7e8993;
border-color: #93a43e; color: #262a2e;
box-shadow: none;
} }
.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: #93a43e;
color: #93a43e; 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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #04a4cc; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,53 +62,48 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #04a4cc; color: #32373c;
border-color: #04a4cc;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #0490b3; color: #262a2e;
color: #0490b3;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #04a4cc; border-color: #04a4cc;
color: #0490b3;
box-shadow: 0 0 0 1px #04a4cc; box-shadow: 0 0 0 1px #04a4cc;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #0490b3; border-color: #7e8993;
border-color: #0490b3; color: #262a2e;
box-shadow: none;
} }
.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: #0490b3;
color: #0490b3; 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: #fff; color: #333;
} }
.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: #fff; color: #333;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
@ -118,12 +113,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: #fff; color: #333;
} }
.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: #fff; color: #333;
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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #04a4cc; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,53 +62,48 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #04a4cc; color: #32373c;
border-color: #04a4cc;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #0490b3; color: #262a2e;
color: #0490b3;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #04a4cc; border-color: #04a4cc;
color: #0490b3;
box-shadow: 0 0 0 1px #04a4cc; box-shadow: 0 0 0 1px #04a4cc;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #0490b3; border-color: #7e8993;
border-color: #0490b3; color: #262a2e;
box-shadow: none;
} }
.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: #0490b3;
color: #0490b3; 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: #fff; color: #333;
} }
.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: #fff; color: #333;
} }
.wp-core-ui .button-primary:focus { .wp-core-ui .button-primary:focus {
@ -118,12 +113,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: #fff; color: #333;
} }
.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: #fff; color: #333;
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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #e14d43; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #e14d43; color: #32373c;
border-color: #e14d43;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #dd382d; color: #262a2e;
color: #dd382d;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #e14d43; border-color: #e14d43;
color: #dd382d;
box-shadow: 0 0 0 1px #e14d43; box-shadow: 0 0 0 1px #e14d43;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #dd382d; border-color: #7e8993;
border-color: #dd382d; color: #262a2e;
box-shadow: none;
} }
.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: #dd382d;
color: #dd382d; 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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #e14d43; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #e14d43; color: #32373c;
border-color: #e14d43;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #dd382d; color: #262a2e;
color: #dd382d;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #e14d43; border-color: #e14d43;
color: #dd382d;
box-shadow: 0 0 0 1px #e14d43; box-shadow: 0 0 0 1px #e14d43;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #dd382d; border-color: #7e8993;
border-color: #dd382d; color: #262a2e;
box-shadow: none;
} }
.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: #dd382d;
color: #dd382d; 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

View File

@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #9ebaa0; color: #32373c;
border-color: #9ebaa0;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #8faf91; color: #262a2e;
color: #8faf91;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #9ebaa0; border-color: #9ebaa0;
color: #8faf91;
box-shadow: 0 0 0 1px #9ebaa0; box-shadow: 0 0 0 1px #9ebaa0;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #8faf91; border-color: #7e8993;
border-color: #8faf91; color: #262a2e;
box-shadow: none;
} }
.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: #8faf91;
color: #8faf91; 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

View File

@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #9ebaa0; color: #32373c;
border-color: #9ebaa0;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #8faf91; color: #262a2e;
color: #8faf91;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #9ebaa0; border-color: #9ebaa0;
color: #8faf91;
box-shadow: 0 0 0 1px #9ebaa0; box-shadow: 0 0 0 1px #9ebaa0;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #8faf91; border-color: #7e8993;
border-color: #8faf91; color: #262a2e;
box-shadow: none;
} }
.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: #8faf91;
color: #8faf91; 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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #dd823b; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #dd823b; color: #32373c;
border-color: #dd823b;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #d97426; color: #262a2e;
color: #d97426;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #dd823b; border-color: #dd823b;
color: #d97426;
box-shadow: 0 0 0 1px #dd823b; box-shadow: 0 0 0 1px #dd823b;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #d97426; border-color: #7e8993;
border-color: #d97426; color: #262a2e;
box-shadow: none;
} }
.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: #d97426;
color: #d97426; 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

View File

@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
/* Forms */ /* Forms */
input[type=checkbox]:checked::before { 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 { input[type=radio]:checked::before {
background: #dd823b; background: #7e8993;
} }
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:hover,
@ -62,41 +62,36 @@ textarea:focus {
} }
/* Core UI */ /* Core UI */
.wp-core-ui .button, .wp-core-ui .button {
.wp-core-ui .button-secondary { border-color: #7e8993;
color: #dd823b; color: #32373c;
border-color: #dd823b;
} }
.wp-core-ui .button.hover, .wp-core-ui .button.hover,
.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:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus { border-color: #717c87;
border-color: #d97426; color: #262a2e;
color: #d97426;
} }
.wp-core-ui .button.focus, .wp-core-ui .button.focus,
.wp-core-ui .button:focus, .wp-core-ui .button:focus {
.wp-core-ui .button-secondary:focus {
border-color: #dd823b; border-color: #dd823b;
color: #d97426;
box-shadow: 0 0 0 1px #dd823b; box-shadow: 0 0 0 1px #dd823b;
} }
.wp-core-ui .button:active { .wp-core-ui .button:active {
background: #d97426; border-color: #7e8993;
border-color: #d97426; color: #262a2e;
box-shadow: none;
} }
.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: #d97426;
color: #d97426; 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

View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.4-alpha-46814'; $wp_version = '5.4-alpha-46815';
/** /**
* 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.