Admin: Miscellaneous reskin color and alignment fixes.

Fix a few miscellaneous colors and alignment shifts missed in previous updates. Apply the new admin link and button colors on missed cases in the customizer, classic widgets, skip links, help and screen options, and admin nav menus. 

Props joedolson, fabiankaegy.
Fixes #64652.

git-svn-id: https://develop.svn.wordpress.org/trunk@61682 602fd350-edb4-49c9-b593-d223f7449a82

Author: joedolson

src/wp-admin/css/common.css

@@ -155,17 +155,17 @@
 	font-weight: 600;
 	padding: 15px 23px 14px;
 	/* Background and color set to prevent false positives in automated accessibility tests. */
-	background: #f0f0f1;
-	color: #2271b1;
+	background: #ffffff;
+	color: var(--wp-admin-theme-color, #3858e9);
 	z-index: 100000;
 	line-height: normal;
 }
 
 .screen-reader-shortcut:focus {
 	top: -25px;
 	/* Overrides a:focus in the admin. See ticket #56789. */
-	color: #2271b1;
-	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+	color: var(--wp-admin-theme-color, #3858e9);
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	text-decoration: none;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -1894,8 +1894,8 @@ p.auto-update-status {
 }
 
 #screen-meta-links .show-settings:focus {
-	border-color: #2271b1;
-	box-shadow: 0 0 0 1px #2271b1;
+	border-color: var(--wp-admin-theme-color, #3858e9);
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
@@ -3445,7 +3445,7 @@ img {
 	/* Reset default focus style. */
 	box-shadow: none;
 	/* Use an inset outline instead, so it's visible also over the current file item. */
-	outline: 2px solid #2271b1;
+	outline: 2px solid var(--wp-admin-theme-color, #3858e9);
 	outline-offset: -2px;
 }
 

src/wp-admin/css/nav-menus.css

@@ -221,7 +221,6 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {
 
 .menu-settings-group {
 	margin: 0 0 10px;
-	overflow: hidden;
 	padding-left: 20%;
 }
 

src/wp-admin/css/widgets.css

@@ -582,6 +582,12 @@ div#widgets-right .closed .widgets-sortables {
 	padding: 0 15px;
 }
 
+.widget-control-actions {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
 .editwidget .widget-control-actions {
 	margin-top: 20px;
 }
@@ -724,7 +730,7 @@ div#widgets-right .widget-top:hover,
 }
 
 .widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
-	background: #2271b1;
+	background: var(--wp-admin-theme-color, #3858e9);
 	color: #fff;
 }
 

src/wp-admin/includes/widgets.php

@@ -303,7 +303,6 @@ function wp_widget_control( $sidebar_args ) {
 			<?php submit_button( __( 'Save' ), 'primary widget-control-save right', 'savewidget', false, array( 'id' => 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?>
 			<span class="spinner"></span>
 		</div>
-		<br class="clear" />
 	</div>
 	<?php echo $after_form; ?>
 	</div>

src/wp-admin/widgets-form.php

@@ -343,7 +343,7 @@
 	</div>
 
 	<div class="widget-control-actions">
-		<div class="alignleft">
+		<div class="left-actions">
 			<?php if ( ! isset( $_GET['addnew'] ) ) : ?>
 				<input type="submit" name="removewidget" id="removewidget" class="button-link button-link-delete widget-control-remove" value="<?php esc_attr_e( 'Delete' ); ?>" />
 				<span class="widget-control-close-wrapper">
@@ -353,14 +353,13 @@
 				<a href="widgets.php" class="button-link widget-control-close"><?php _e( 'Cancel' ); ?></a>
 			<?php endif; ?>
 		</div>
-		<div class="alignright">
+		<div class="right-actions">
 			<?php submit_button( __( 'Save Widget' ), 'primary alignright', 'savewidget', false ); ?>
 			<input type="hidden" name="widget-id" class="widget-id" value="<?php echo esc_attr( $widget_id ); ?>" />
 			<input type="hidden" name="id_base" class="id_base" value="<?php echo esc_attr( $id_base ); ?>" />
 			<input type="hidden" name="multi_number" class="multi_number" value="<?php echo esc_attr( $multi_number ); ?>" />
 			<?php wp_nonce_field( "save-delete-widget-$widget_id" ); ?>
 		</div>
-		<br class="clear" />
 	</div>
 
 	</form>

src/wp-includes/css/customize-preview.css

@@ -44,7 +44,7 @@
 	line-height: 1 !important;
 	font-size: 18px;
 	z-index: 5;
-	background: #3582c4 !important;
+	background: #3858e9;
 	border-radius: 50%;
 	border: 2px solid #fff;
 	box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15);
@@ -76,11 +76,11 @@
 }
 
 .customize-partial-edit-shortcut button:hover {
-	background: #4f94d4 !important; /* matches primary buttons */
+	background: #2145e6 !important; /* matches primary buttons */
 }
 
 .customize-partial-edit-shortcut button:focus {
-	box-shadow: 0 0 0 2px #4f94d4;
+	box-shadow: 0 0 0 1.5px #3858e9;
 }
 
 body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {