Tag 6.0.6

Built from https://develop.svn.wordpress.org/tags/6.0.6@56902


git-svn-id: http://core.svn.wordpress.org/tags/6.0.6@56413 1a063a9b-81f0-0310-95a4-ce76da25c4cd

license.txt

@@ -1,6 +1,6 @@
 WordPress - Web publishing software
 
-Copyright 2011-2023 by the contributors
+Copyright 2011-2022 by the contributors
 
 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by

readme.html

@@ -47,18 +47,18 @@
 </ol>
 
 <h2>Migrating from other systems</h2>
-<p>WordPress can <a href="https://wordpress.org/documentation/article/importing-content/">import from a number of systems</a>. First you need to get WordPress installed and working as described above, before using <a href="wp-admin/import.php">our import tools</a>.</p>
+<p>WordPress can <a href="https://wordpress.org/support/article/importing-content/">import from a number of systems</a>. First you need to get WordPress installed and working as described above, before using <a href="wp-admin/import.php">our import tools</a>.</p>
 
 <h2>System Requirements</h2>
 <ul>
-	<li><a href="https://secure.php.net/">PHP</a> version <strong>7.0</strong> or greater.</li>
+	<li><a href="https://secure.php.net/">PHP</a> version <strong>5.6.20</strong> or greater.</li>
 	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.0</strong> or greater.</li>
 </ul>
 
 <h3>Recommendations</h3>
 <ul>
 	<li><a href="https://secure.php.net/">PHP</a> version <strong>7.4</strong> or greater.</li>
-	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.7</strong> or greater OR <a href="https://mariadb.org/">MariaDB</a> version <strong>10.4</strong> or greater.</li>
+	<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.7</strong> or greater OR <a href="https://mariadb.org/">MariaDB</a> version <strong>10.2</strong> or greater.</li>
 	<li>The <a href="https://httpd.apache.org/docs/2.2/mod/mod_rewrite.html">mod_rewrite</a> Apache module.</li>
 	<li><a href="https://wordpress.org/news/2016/12/moving-toward-ssl/">HTTPS</a> support.</li>
 	<li>A link to <a href="https://wordpress.org/">wordpress.org</a> on your site.</li>
@@ -67,8 +67,8 @@
 <h2>Online Resources</h2>
 <p>If you have any questions that are not addressed in this document, please take advantage of WordPress&#8217; numerous online resources:</p>
 <dl>
-	<dt><a href="https://wordpress.org/documentation/">HelpHub</a></dt>
-		<dd>HelpHub is the encyclopedia of all things WordPress. It is the most comprehensive source of information for WordPress available.</dd>
+	<dt><a href="https://codex.wordpress.org/">The WordPress Codex</a></dt>
+		<dd>The Codex is the encyclopedia of all things WordPress. It is the most comprehensive source of information for WordPress available.</dd>
 	<dt><a href="https://wordpress.org/news/">The WordPress Blog</a></dt>
 		<dd>This is where you&#8217;ll find the latest updates and news related to WordPress. Recent WordPress news appears in your administrative dashboard by default.</dd>
 	<dt><a href="https://planet.wordpress.org/">WordPress Planet</a></dt>
@@ -88,7 +88,7 @@
 <h2>Share the Love</h2>
 <p>WordPress has no multi-million dollar marketing campaign or celebrity sponsors, but we do have something even better&#8212;you. If you enjoy WordPress please consider telling a friend, setting it up for someone less knowledgeable than yourself, or writing the author of a media article that overlooks us.</p>
 
-<p>WordPress is the official continuation of <a href="https://cafelog.com/">b2/caf&#233;log</a>, which came from Michel V. The work has been continued by the <a href="https://wordpress.org/about/">WordPress developers</a>. If you would like to support WordPress, please consider <a href="https://wordpress.org/donate/">donating</a>.</p>
+<p>WordPress is the official continuation of <a href="http://cafelog.com/">b2/caf&#233;log</a>, which came from Michel V. The work has been continued by the <a href="https://wordpress.org/about/">WordPress developers</a>. If you would like to support WordPress, please consider <a href="https://wordpress.org/donate/">donating</a>.</p>
 
 <h2>License</h2>
 <p>WordPress is free software, and is released under the terms of the <abbr>GPL</abbr> (GNU General Public License) version 2 or (at your option) any later version. See <a href="license.txt">license.txt</a>.</p>

wp-activate.php

@@ -87,7 +87,7 @@ do_action( 'activate_header' );
  */
 function do_activate_header() {
 	/**
-	 * Fires within the `<head>` section of the Site Activation page.
+	 * Fires before the Site Activation page is loaded.
 	 *
 	 * Fires on the {@see 'wp_head'} action.
 	 *
@@ -105,11 +105,10 @@ add_action( 'wp_head', 'do_activate_header' );
 function wpmu_activate_stylesheet() {
 	?>
 	<style type="text/css">
-		.wp-activate-container { width: 90%; margin: 0 auto; }
-		.wp-activate-container form { margin-top: 2em; }
-		#submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
-		#language { margin-top: 0.5em; }
-		.wp-activate-container .error { background: #f66; color: #333; }
+		form { margin-top: 2em; }
+		#submit, #key { width: 90%; font-size: 24px; }
+		#language { margin-top: .5em; }
+		.error { background: #f66; }
 		span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }
 	</style>
 	<?php
@@ -120,7 +119,7 @@ add_filter( 'wp_robots', 'wp_robots_sensitive_page' );
 
 get_header( 'wp-activate' );
 
-$blog_details = get_site();
+$blog_details = get_blog_details();
 ?>
 
 <div id="signup-content" class="widecolumn">
@@ -131,7 +130,7 @@ $blog_details = get_site();
 		<form name="activateform" id="activateform" method="post" action="<?php echo network_site_url( $blog_details->path . 'wp-activate.php' ); ?>">
 			<p>
 				<label for="key"><?php _e( 'Activation Key:' ); ?></label>
-				<br /><input type="text" name="key" id="key" value="" size="50" autofocus="autofocus" />
+				<br /><input type="text" name="key" id="key" value="" size="50" />
 			</p>
 			<p class="submit">
 				<input id="submit" type="submit" name="Submit" class="submit" value="<?php esc_attr_e( 'Activate' ); ?>" />
@@ -214,5 +213,9 @@ $blog_details = get_site();
 	?>
 	</div>
 </div>
+<script type="text/javascript">
+	var key_input = document.getElementById('key');
+	key_input && key_input.focus();
+</script>
 <?php
 get_footer( 'wp-activate' );

wp-admin/about.php

@@ -22,41 +22,30 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<div class="about__header">
 			<div class="about__header-title">
 				<h1>
-					<?php
-					printf(
-						/* translators: %s: Version number. */
-						__( 'WordPress %s' ),
-						$display_version
-					);
-					?>
+					<?php _e( 'WordPress' ); ?>
+					<span class="screen-reader-text"><?php echo $display_version; ?></span>
 				</h1>
 			</div>
 
 			<div class="about__header-text"></div>
+
+			<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+				<a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
+				<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
+				<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+				<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+			</nav>
 		</div>
 
-		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
-			<a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
-			<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
-			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
-			<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
-			<a href="contribute.php" class="nav-tab"><?php _e( 'Get Involved' ); ?></a>
-		</nav>
-
-		<div class="about__section changelog has-subtle-background-color">
+		<div class="about__section changelog">
 			<div class="column">
-				<h2><?php _e( 'Maintenance Release' ); ?></h2>
+				<h2><?php _e( 'Maintenance and Security Releases' ); ?></h2>
 				<p>
 					<?php
 					printf(
-						/* translators: 1: WordPress version number, 2: Plural number of bugs. */
-						_n(
-							'<strong>Version %1$s</strong> addressed %2$s bug.',
-							'<strong>Version %1$s</strong> addressed %2$s bugs.',
-							10
-						),
-						'6.4.1',
-						'4'
+						/* translators: %s: WordPress version number. */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'6.0.6'
 					);
 					?>
 					<?php
@@ -66,7 +55,122 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 						sprintf(
 							/* translators: %s: WordPress version. */
 							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
-							sanitize_title( '6.4.1' )
+							sanitize_title( '6.0.6' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: Plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed a security issue and fixed %2$s bugs.',
+							1
+						),
+						'6.0.5',
+						'1'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL. */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '6.0.5' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number. */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'6.0.4'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL. */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '6.0.4' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress version number. */
+						__( '<strong>Version %s</strong> addressed some security issues.' ),
+						'6.0.3'
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL. */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '6.0.3' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							17
+						),
+						'6.0.2',
+						number_format_i18n( 17 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '6.0.2' )
+						)
+					);
+					?>
+				</p>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: Plural number of bugs. */
+						_n(
+							'<strong>Version %1$s</strong> addressed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed %2$s bugs.',
+							31
+						),
+						'6.0.1',
+						number_format_i18n( 31 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL. */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '6.0.1' )
 						)
 					);
 					?>
@@ -86,159 +190,217 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 					?>
 				</h2>
 				<p class="is-subheading">
-					<?php _e( 'Every version of WordPress empowers your creative freedom, and WordPress 6.4 is no different. New features and upgrades to your site editing, design, and writing experience allow your ideas to take shape seamlessly. Elevate your site-building journey with the flexibility and power of WordPress 6.4.' ); ?>
-				</p>
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns has-accent-4-background-color is-wider-right">
-			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Say hello to<br>Twenty Twenty-Four' ); ?></h3>
-				<p>
-					<?php
-					printf(
-						/* translators: %s: Introduction to Twenty Twenty-Four link. */
-						__( 'Experience the latest advancements in site editing with <a href="%s">Twenty Twenty-Four</a>. Built with three distinct use cases in mind, the versatility of the new default theme makes it an ideal choice for almost any type of website. Dive into its collection of templates and patterns and unlock a world of creative possibilities with just a few tweaks.' ),
-						__( 'https://make.wordpress.org/core/2023/08/24/introducing-twenty-twenty-four/' )
-					);
-					?>
-				</p>
-			</div>
-			<div class="column is-vertically-aligned-bottom is-edge-to-edge">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/1-Twenty-Twenty-Four.webp" alt="" height="600" width="600" />
-				</div>
-			</div>
-		</div>
-
-		<div class="about__section has-3-columns">
-			<div class="column">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/2-image-lightbox.webp" alt="" height="270" width="270" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Add a lightbox effect to images' ); ?></h3>
-				<p><?php _e( 'Turn lightbox functionality on for interactive, full-screen images with a simple click. Apply it globally or to specific images to customize the viewing experience.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/3-categorize-patterns.webp" alt="" height="270" width="270" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Categorize and filter patterns' ); ?></h3>
-				<p><?php _e( 'Organize your synced and unsynced patterns with categories. Explore advanced filtering in the Patterns section of the inserter to find them all more intuitively.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/4-command-palette.webp" alt="" height="270" width="270" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Get more done with the Command Palette' ); ?></h3>
-				<p>
-					<?php
-					printf(
-						/* translators: %s: Command palette improvement link. */
-						__( 'Enjoy <a href="%s">a refreshed design and more commands</a> to find what you\'re looking for, perform tasks efficiently, and save time as you create.' ),
-						__( 'https://make.wordpress.org/core/2023/09/12/core-editor-improvement-commanding-the-command-palette/' )
-					);
-					?>
-				</p>
-			</div>
-		</div>
-
-		<div class="about__section has-3-columns">
-			<div class="column">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/5-renaming-groups.webp" alt="" height="270" width="270" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Rename Group blocks' ); ?></h3>
-				<p><?php _e( 'Set custom names for Group blocks to easily organize and differentiate parts of your content. These names will be visible in List View.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/6-image-preview.webp" alt="" height="270" width="270" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Image previews in List View' ); ?></h3>
-				<p><?php _e( 'New media previews for Gallery and Image blocks in List View let you visualize and locate at a glance where images on your content are.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/7-import-export-patterns.webp" alt="" height="270" width="270" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Share patterns across sites' ); ?></h3>
-				<p><?php _e( 'Need to use your custom patterns on another site? It\'s simple! Import and export them as JSON files from the Site Editor\'s patterns view.' ); ?></p>
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns has-subtle-background-color is-wider-left">
-			<div class="column is-vertically-aligned-center">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/8-captured-toolbar.webp" alt="" height="434" width="536" />
-				</div>
-			</div>
-			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Enjoy new writing improvements' ); ?></h3>
-				<p>
-					<?php
-					printf(
-						/* translators: %s: New enhancements link. */
-						__( '<a href="%s">New enhancements</a> ensure your content creation journey is smooth. Find new keyboard shortcuts in List View, refined list merging, and enhanced control over link settings. A revamped and cohesive toolbar experience for Navigation, List, and Quote blocks lets you efficiently work with the tooling options you need.' ),
-						__( 'https://make.wordpress.org/core/2023/10/05/core-editor-improvement-ensuring-excellence-in-the-writing-experience/' )
-					);
-					?>
+					<?php _e( 'WordPress 6.0 includes more than 500 enhancements and 400 bug fixes. This page highlights several key advancements aimed at making your WordPress content-creating and site-building experience more feature-rich and intuitive. You will also find resources for developers and anyone wanting a deeper understanding of WordPress.' ); ?>
 				</p>
 			</div>
 		</div>
 
 		<div class="about__section has-2-columns">
-			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Build your creative vision with more design tools' ); ?></h3>
-				<p><?php _e( 'Get creative with new background images in Group blocks and ensure consistent image dimensions with placeholder aspect ratios. Do you want to add buttons to your Navigation block? You can now do it conveniently without custom CSS. If you\'re working with synced patterns, alignment settings stay intact for a seamless pattern creation experience.' ); ?></p>
-			</div>
-			<div class="column is-vertically-aligned-center">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/9-design-tools.webp" alt="" height="355" width="436" />
-				</div>
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns">
-			<div class="column is-vertically-aligned-center">
-				<div class="about__image">
-					<img src="https://s.w.org/images/core/6.4/10-block-hooks.webp" alt="" height="436" width="436" />
-				</div>
-			</div>
-			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Introducing Block Hooks' ); ?></h3>
-				<p><?php _e( 'Block Hooks is a new powerful feature that enables plugins to auto-insert blocks into content relative to another block. Think of it as recommendations to make your work with blocks more intuitive. A new "Plugins" panel gives you complete control to match them to your needs—add, dismiss, and rearrange Block Hooks as desired.' ); ?></p>
-			</div>
-		</div>
-
-		<div class="about__section has-2-columns">
-			<div class="column">
-				<div class="about__image">
-					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
-						<rect width="48" height="48" rx="4" fill="#CFCABE"/>
-						<path d="M25.7781 16.8569L25.8 22.8573L28.9984 22.8572C29.805 22.8572 30.2796 23.6339 29.8204 24.2024L23.8213 31.6292C23.2633 32.3201 22.2013 31.9819 22.2013 31.1416L22.2 25.1481H19.0016C18.1961 25.1481 17.7212 24.3733 18.1782 23.8047L24.1496 16.3722C24.7055 15.6804 25.7749 16.0169 25.7781 16.8569Z" fill="#151515"/>
-					</svg>
-				</div>
-				<h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Performance' ); ?></h3>
-				<p><?php _e( 'WordPress 6.4 includes more than 100 performance updates for a faster and more efficient experience. Enhancements focus on template loading performance for Block Themes and Classic Themes, usage of the script loading strategies “defer” and “async” in core, blocks, and themes, and optimization of autoloaded options.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
-						<rect width="48" height="48" rx="4" fill="#CFCABE"/>
-						<path d="M24 18.285C23.55 18.285 23.1638 18.1237 22.8413 17.8012C22.5188 17.4788 22.3575 17.0925 22.3575 16.6425C22.3575 16.1925 22.5188 15.8062 22.8413 15.4837C23.1638 15.1612 23.55 15 24 15C24.45 15 24.8363 15.1612 25.1588 15.4837C25.4813 15.8062 25.6425 16.1925 25.6425 16.6425C25.6425 17.0925 25.4813 17.4788 25.1588 17.8012C24.8363 18.1237 24.45 18.285 24 18.285ZM21.5925 33V21.0075C20.5725 20.9325 19.5863 20.8275 18.6338 20.6925C17.6813 20.5575 16.77 20.385 15.9 20.175L16.2375 18.825C17.5125 19.125 18.78 19.3387 20.04 19.4662C21.3 19.5938 22.62 19.6575 24 19.6575C25.38 19.6575 26.7 19.5938 27.96 19.4662C29.22 19.3387 30.4875 19.125 31.7625 18.825L32.1 20.175C31.23 20.385 30.3187 20.5575 29.3663 20.6925C28.4137 20.8275 27.4275 20.9325 26.4075 21.0075V33H25.0575V27.15H22.9425V33H21.5925Z" fill="#151515"/>
-					</svg>
-				</div>
-				<h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Accessibility' ); ?></h3>
-				<p><?php _e( 'Every release is committed to making WordPress accessible to everyone. 6.4 brings List View improvements and aria-label support for the Navigation block, among other highlights. The admin user interface (UI) includes enhancements to button placements, "Add New" menu items context, and Site Health spoken messages.' ); ?></p>
-			</div>
-		</div>
-
-		<div class="about__section has-3-columns">
 			<div class="column about__image is-vertically-aligned-top">
-				<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.4' ) ); ?>" alt="" height="270" width="270" />
+				<img src="https://s.w.org/images/core/6.0/about-60-writing-improvements.png" alt="" />
 			</div>
-			<div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
+			<div class="column">
+				<h3>
+					<?php _e( 'Enhanced Writing Experience' ); ?>
+				</h3>
+				<p>
+					<?php _e( 'Writing improvements abound, whether you&#8217;re writing a brand new post or adding elements to an existing page. Explore more ways to streamline your content creation process, including:' ); ?>
+				</p>
+				<ul>
+					<li><?php _e( 'Select text across multiple blocks and edit it all at once.' ); ?></li>
+					<li><?php _e( 'Type two open brackets <code>[[</code> to quickly access the link menu.' ); ?></li>
+					<li><?php _e( 'Keep existing styles when you transform some blocks from one kind to another—from a Paragraph block to a Code block, for instance.' ); ?></li>
+					<li><?php _e( 'Create customized buttons and any new buttons you make will retain the style customizations automatically.' ); ?></li>
+					<li><?php _e( 'Make tag clouds and social icons even more appealing with updated settings and controls, and a new outline style for the tag cloud.' ); ?></li>
+				</ul>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns is-wider-right">
+			<div class="column">
+				<h3>
+					<?php _e( 'Style Switching' ); ?>
+				</h3>
+				<p>
+					<?php _e( 'Block themes now include the option to contain multiple style variations. This expands the new Style system even further and enables shortcuts to switch the look and feel of your site all within a single theme. You can change both the available settings, like the font weight, and the style options, like the default color palette. Change the look and feel of your site with just a few clicks.' ); ?>
+				</p>
+			</div>
+			<div class="column about__image is-vertically-aligned-top">
+				<img src="https://s.w.org/images/core/6.0/about-60-style-switching.gif" alt="" />
+			</div>
+		</div>
+
+		<div class="about__section has-1-column">
+			<div class="column about__image is-vertically-aligned-top">
+				<img src="https://s.w.org/images/core/6.0/about-60-templates.png" alt="" />
+			</div>
+			<div class="column" style="padding-bottom:0">
+				<h3>
+					<?php _e( 'More Template Choices' ); ?>
+				</h3>
+				<p>
+					<?php _e( 'WordPress 6.0 includes five new template options: author, date, categories, tag, and taxonomy. These additional templates provide greater flexibility for content creators. Tailor each with the tools you already know or with the following new options in this release.' ); ?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-3-columns">
+			<div class="column">
+				<div class="about__image">
+					<img src="https://s.w.org/images/core/6.0/about-60-sub-feature-1.png" alt="" />
+				</div>
+				<p><?php _e( 'Featured images can be used in the cover block.' ); ?></p>
+				<p><?php _e( 'New featured image sizing controls make it easier to get the results you want.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<img src="https://s.w.org/images/core/6.0/about-60-sub-feature-2.png" alt="" />
+				</div>
+				<p><?php _e( 'While editing a template, at the root, or between blocks, the quick inserter shows you patterns and template parts to help you work faster and discover new layout options.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image">
+					<img src="https://s.w.org/images/core/6.0/about-60-sub-feature-3.png" alt="" />
+				</div>
+				<p><?php _e( 'The query block supports filtering on multiple authors, support for custom taxonomies, and support for customizing what is shown when there are no results.' ); ?></p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns is-wider-left">
+			<div class="column about__image is-vertically-aligned-top">
+				<img src="https://s.w.org/images/core/6.0/about-60-integrated-patterns.png" alt="" />
+			</div>
+			<div class="column">
+				<h3>
+					<?php _e( 'Integrated Patterns' ); ?>
+				</h3>
+				<p>
+					<?php
+					printf(
+						/* translators: %s Working with Patterns dev note link. */
+						__( 'Patterns will now appear when you need them in even more places, like in the quick inserter or when creating a new header or footer. If you&#8217;re a block theme author, you can even <a href="%s">register patterns from the Pattern Directory using <code>theme.json</code></a>, enabling you to prioritize specific patterns that are most helpful to your theme&#8217;s users.' ),
+						'https://make.wordpress.org/core/2022/05/02/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0/'
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns is-wider-right">
+			<div class="column">
+				<h3>
+					<?php _e( 'Better List View' ); ?>
+				</h3>
+				<p>
+					<?php _e( 'New keyboard shortcuts enable you to select multiple blocks from the list view, modify them in bulk, and drag-and-drop them within the list. List View can be opened and closed easily; it comes collapsed by default and it automatically expands to the current selection whenever you select a block.' ); ?>
+				</p>
+			</div>
+			<div class="column about__image is-vertically-aligned-top">
+				<img src="https://s.w.org/images/core/6.0/about-60-list-view.png" alt="" />
+			</div>
+		</div>
+
+		<div class="about__section has-2-columns is-wider-left">
+			<div class="column about__image is-vertically-aligned-top">
+				<img src="https://s.w.org/images/core/6.0/about-60-block-locking-controls.png" alt="" />
+			</div>
+			<div class="column">
+				<h3>
+					<?php _e( 'Block Locking Controls' ); ?>
+				</h3>
+				<p>
+					<?php _e( 'Now you can lock your blocks. Choose to disable the option to move a block, remove a block, or both. This simplifies project handover, allowing your clients to unleash their creativity without worrying about accidentally breaking their site in the process.' ); ?>
+				</p>
+			</div>
+		</div>
+
+		<hr class="is-large" />
+
+		<div class="about__section" style="margin-bottom:0;">
+			<div class="column">
+				<h2 class="aligncenter">
+					<?php _e( 'Additional Design Tools' ); ?>
+				</h2>
+				<p class="is-subheading aligncenter">
+					<?php _e( 'Design tools grow more powerful and intuitive with each release.' ); ?><br />
+					<?php _e( 'Some highlights for 6.0 include:' ); ?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section has-3-columns" style="margin-bottom:0;">
+			<div class="column">
+				<div class="about__image aligncenter">
+					<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M15.203 6.892c.776-.963 1.297-1.559 1.297-1.559s.521.596 1.297 1.559c2.266 2.81 6.703 8.75 6.703 12.155 0 4.572-3.18 7.62-8 7.62s-8-3.048-8-7.62c0-3.404 4.437-9.345 6.703-12.155Zm1.297 1.58a64.727 64.727 0 0 0-2.361 3.15c-.972 1.388-1.911 2.87-2.6 4.248-.72 1.44-1.039 2.52-1.039 3.177 0 1.805.616 3.164 1.573 4.077.965.921 2.441 1.542 4.427 1.542 1.986 0 3.462-.621 4.427-1.542.957-.913 1.573-2.272 1.573-4.077 0-.657-.32-1.738-1.039-3.177-.689-1.378-1.628-2.86-2.6-4.247A64.727 64.727 0 0 0 16.5 8.47Z" fill="#1E1E1E"/>
+					</svg>
+				</div>
+				<p><?php _e( 'A new color panel design saves space, but still shows your options at a glance.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image aligncenter">
+					<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path d="M4.5 9.333v13.334h2.667V9.333H4.5ZM9.833 6.667V4h13.334v2.667H9.833ZM25.833 9.333v13.334H28.5V9.333h-2.667ZM23.167 28v-2.667H9.833V28h13.334Z" fill="#1E1E1E"/>
+					</svg>
+				</div>
+				<p><?php _e( 'New border controls offer a simpler way to set your border exactly as you like it.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image aligncenter">
+					<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+						<circle cx="16" cy="16" r="12" fill="#fff"/>
+						<circle cx="16" cy="16" r="12" fill="url(#a)"/>
+						<circle cx="16" cy="16" r="12" stroke="#1E1E1E" stroke-width="2"/>
+						<defs>
+							<pattern id="a" patternContentUnits="objectBoundingBox" width=".385" height=".385">
+								<use xlink:href="#b" transform="scale(.01923)"/>
+							</pattern>
+							<image id="b" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAfUlEQVQ4Ee2TSw6AMAhES4/C/a/EWTAuptFJR4m6MFE25dO88ikWEdkmkpnNzEbE3Yd+pHQV3MLUnZlfAmeXK74vAtdpPin96jRVEu8fimWxiRGx2xwuGZtVLvms14iXgZyRsn+g6oz28ye53UNMF0+WgZwJAHyWgZwJg2AvIbMZwqZwPC4AAAAASUVORK5CYII="/>
+						</defs>
+					</svg>
+				</div>
+				<p><?php _e( 'Transparency levels for your colors allow for even more creative color options.' ); ?></p>
+			</div>
+		</div>
+
+		<div class="about__section has-3-columns">
+			<div class="column">
+				<div class="about__image aligncenter">
+					<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path fill-rule="evenodd" clip-rule="evenodd" d="M15.165 7.335h9.333c.369 0 .667.298.667.667v9.333a.667.667 0 0 1-.667.667h-4v-3.333a2.667 2.667 0 0 0-2.666-2.667h-3.334v-4c0-.369.299-.667.667-.667Zm-2.667 4.667v-4a2.667 2.667 0 0 1 2.667-2.667h9.333a2.667 2.667 0 0 1 2.667 2.667v9.333a2.667 2.667 0 0 1-2.667 2.667h-4v4a2.667 2.667 0 0 1-2.666 2.667H8.499a2.667 2.667 0 0 1-2.667-2.667V14.67a2.667 2.667 0 0 1 2.667-2.667h4Zm6 8v4a.667.667 0 0 1-.666.667H8.499a.667.667 0 0 1-.667-.667V14.67c0-.368.299-.667.667-.667h4v3.333a2.667 2.667 0 0 0 2.666 2.667H18.5Zm0-2h-3.333a.667.667 0 0 1-.667-.667v-3.333h3.334c.368 0 .667.299.667.667v3.333Z" fill="#1E1E1E"/>
+					</svg>
+				</div>
+				<p><?php _e( 'Control gaps, margins, typography, and more on a collection of blocks, all at once, in the Group block.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image aligncenter">
+					<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path d="M12.833 8.667h-7v2h7c.368 0 .667.299.667.667v9.333a.667.667 0 0 1-.667.667h-7v2h7a2.667 2.667 0 0 0 2.667-2.667v-9.333a2.667 2.667 0 0 0-2.667-2.667ZM20.167 8.667h7v2h-7a.667.667 0 0 0-.667.667v9.333c0 .368.299.667.667.667h7v2h-7a2.667 2.667 0 0 1-2.667-2.667v-9.333a2.667 2.667 0 0 1 2.667-2.667Z" fill="#1E1E1E"/>
+					</svg>
+				</div>
+				<p><?php _e( 'Switch between stack, row, and group variations to position groups of blocks with more layout flexibility.' ); ?></p>
+			</div>
+			<div class="column">
+				<div class="about__image aligncenter">
+					<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path d="M28.5 10.667v14.667A2.665 2.665 0 0 1 25.835 28H8.5" stroke="#1E1E1E" stroke-width="2"/>
+						<rect x="5.5" y="5" width="18" height="18" rx="1.167" stroke="#1E1E1E" stroke-width="2"/>
+						<path d="M5.834 18.667 10.786 16l3.715 1.778 4.333-3.111 4.333 3.111" stroke="#1E1E1E" stroke-width="2" stroke-linejoin="round"/>
+					</svg>
+				</div>
+				<p><?php _e( 'Use the gap support functionality in the Gallery block to create different looks–from adding spacing between all images, to removing spacing altogether.' ); ?></p>
+			</div>
+		</div>
+
+		<hr class="is-large" />
+
+		<div class="about__section has-2-columns is-wider-right">
+			<div class="column about__image is-vertically-aligned-top">
+				<a href="https://www.youtube.com/watch?v=oe452WcY7fA">
+					<img src="https://s.w.org/images/core/6.0/about-60-video.png?ver=6.0" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.0 video' ) ); ?>" />
+				</a>
+			</div>
+			<div class="column">
 				<h3>
 					<?php
 					printf(
@@ -251,78 +413,65 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				<p>
 					<?php
 					printf(
-						/* translators: 1: Learn WordPress link, 2: Workshops link. */
-						__( '<a href="%1$s">Learn WordPress</a> is a free resource for new and experienced WordPress users. Learn is stocked with how-to videos on using various features in WordPress, <a href="%2$s">interactive workshops</a> for exploring topics in-depth, and lesson plans for diving deep into specific areas of WordPress.' ),
-						'https://learn.wordpress.org/',
-						'https://learn.wordpress.org/online-workshops/'
+						/* translators: %s: 6.0 overview video link. */
+						__( 'See WordPress 6.0 in action! <a href="%s">Watch a brief overview video</a> highlighting some of the major features debuting in WordPress 6.0.' ),
+						'https://www.youtube.com/watch?v=oe452WcY7fA'
 					);
 					?>
 				</p>
 			</div>
 		</div>
 
-		<div class="about__section has-2-columns">
-			<div class="column">
-				<div class="about__image">
-					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
-						<rect width="48" height="48" rx="4" fill="#CFCABE"/>
-						<path d="M23 34v-4h-5l-2.293-2.293a1 1 0 0 1 0-1.414L18 24h5v-2h-7v-6h7v-2h2v2h5l2.293 2.293a1 1 0 0 1 0 1.414L30 22h-5v2h7v6h-7v4h-2Zm-5-14h11.175l.646-.646a.5.5 0 0 0 0-.708L29.175 18H18v2Zm.825 8H30v-2H18.825l-.646.646a.5.5 0 0 0 0 .708l.646.646Z" fill="#151515"/>
-					</svg>
-				</div>
-				<p style="margin-top:calc(var(--gap) / 2);">
+		<div class="about__section has-3-columns">
+			<div class="column" style="padding-top:0">
+				<p>
 					<?php
 					printf(
-						/* translators: %s: WordPress Field Guide link. */
-						__( 'Explore the <a href="%1$s">WordPress %2$s Field Guide</a>. Learn about the changes in this release with detailed developer notes to help you build with WordPress.' ),
-						__( 'https://make.wordpress.org/core/2023/10/23/wordpress-6-4-field-guide/' ),
-						'6.4'
+						/* translators: 1: Learn WordPress workshops link, 2: Learn WordPress social learning link. */
+						__( 'Explore <a href="%1$s">learn.wordpress.org/&#8203;workshops</a> for quick how-to videos and lots more on new features in WordPress. Or join a live <a href="%2$s">interactive online learning session</a> on a specific WordPress topic.' ),
+						'https://learn.wordpress.org/workshops/',
+						'https://learn.wordpress.org/social-learning/'
 					);
 					?>
 				</p>
 			</div>
-			<div class="column">
-				<div class="about__image">
-					<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
-						<rect width="48" height="48" rx="4" fill="#CFCABE"/>
-						<path d="M28 19.75h-8v1.5h8v-1.5ZM20 23h8v1.5h-8V23ZM26 26.25h-6v1.5h6v-1.5Z" fill="#151515"/>
-						<path fill-rule="evenodd" clip-rule="evenodd" d="M29 16H19a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V18a2 2 0 0 0-2-2Zm-10 1.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H19a.5.5 0 0 1-.5-.5V18a.5.5 0 0 1 .5-.5Z" fill="#151515"/>
-					</svg>
-				</div>
-				<p style="margin-top:calc(var(--gap) / 2);">
+			<div class="column" style="padding-top:0">
+				<p>
 					<?php
 					printf(
-						/* translators: 1: WordPress Release Notes link, 2: WordPress version number. */
-						__( '<a href="%1$s">Read the WordPress %2$s Release Notes</a> for information on installation, enhancements, fixed issues, release contributors, learning resources, and the list of file changes.' ),
+						/* translators: %s: WordPress 6.0 Field Guide link. */
+						__( 'Check out the latest version of the <a href="%s">WordPress Field Guide</a>. It is overflowing with detailed developer notes to help you build with WordPress.' ),
+						__( 'https://make.wordpress.org/core/2022/05/03/wordpress-6-0-field-guide/' )
+					);
+					?>
+				</p>
+			</div>
+			<div class="column" style="padding-top:0">
+				<p>
+					<?php
+					printf(
+						/* translators: %s: WordPress 6.0 Release Notes link. */
+						__( '<a href="%s">Read the WordPress 6.0 Release Notes</a> for more information on the included enhancements and issues fixed, installation information, developer notes and resources, release contributors, and the list of file changes in this release.' ),
 						sprintf(
-							/* translators: %s: WordPress version number. */
-							esc_url( __( 'https://wordpress.org/documentation/wordpress-version/version-%s/' ) ),
-							'6-4'
-						),
-						'6.4'
+							/* translators: %s: WordPress version. */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							'6-0'
+						)
 					);
 					?>
 				</p>
 			</div>
 		</div>
 
-		<hr class="is-large" />
+		<hr />
 
 		<div class="return-to-dashboard">
-			<?php
-			if ( isset( $_GET['updated'] ) && current_user_can( 'update_core' ) ) {
-				printf(
-					'<a href="%1$s">%2$s</a> | ',
-					esc_url( self_admin_url( 'update-core.php' ) ),
-					is_multisite() ? __( 'Go to Updates' ) : __( 'Go to Dashboard &rarr; Updates' )
-				);
-			}
-
-			printf(
-				'<a href="%1$s">%2$s</a>',
-				esc_url( self_admin_url() ),
-				is_blog_admin() ? __( 'Go to Dashboard &rarr; Home' ) : __( 'Go to Dashboard' )
-			);
-			?>
+			<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
+				<a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
+					<?php is_multisite() ? _e( 'Go to Updates' ) : _e( 'Go to Dashboard &rarr; Updates' ); ?>
+				</a> |
+			<?php endif; ?>
+			<a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
 		</div>
 	</div>
 

wp-admin/admin-ajax.php

@@ -153,8 +153,7 @@ $core_actions_post_deprecated = array(
 	'health-check-background-updates',
 	'health-check-loopback-requests',
 );
-
-$core_actions_post = array_merge( $core_actions_post, $core_actions_post_deprecated );
+$core_actions_post            = array_merge( $core_actions_post, $core_actions_post_deprecated );
 
 // Register core Ajax calls.
 if ( ! empty( $_GET['action'] ) && in_array( $_GET['action'], $core_actions_get, true ) ) {

wp-admin/admin-header.php

@@ -109,7 +109,7 @@ var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?
 <?php
 
 /**
- * Fires when enqueuing scripts for all admin pages.
+ * Enqueue scripts for all admin pages.
  *
  * @since 2.8.0
  *
@@ -242,7 +242,7 @@ unset( $error_get_last );
 $admin_body_classes = apply_filters( 'admin_body_class', '' );
 $admin_body_classes = ltrim( $admin_body_classes . ' ' . $admin_body_class );
 ?>
-<body class="wp-admin wp-core-ui no-js <?php echo esc_attr( $admin_body_classes ); ?>">
+<body class="wp-admin wp-core-ui no-js <?php echo $admin_body_classes; ?>">
 <script type="text/javascript">
 	document.body.className = document.body.className.replace('no-js','js');
 </script>

wp-admin/admin.php

@@ -348,7 +348,7 @@ if ( isset( $plugin_page ) ) {
 	define( 'WP_IMPORTING', true );
 
 	/**
-	 * Filters whether to filter imported data through kses on import.
+	 * Whether to filter imported data through kses on import.
 	 *
 	 * Multisite uses this hook to filter all data through kses by default,
 	 * as a super administrator may be assisting an untrusted user.

wp-admin/async-upload.php

@@ -113,8 +113,8 @@ if ( isset( $_REQUEST['post_id'] ) ) {
 
 $id = media_handle_upload( 'async-upload', $post_id );
 if ( is_wp_error( $id ) ) {
-	$message = sprintf(
-		'%s <strong>%s</strong><br />%s',
+	printf(
+		'<div class="error-div error">%s <strong>%s</strong><br />%s</div>',
 		sprintf(
 			'<button type="button" class="dismiss button-link" onclick="jQuery(this).parents(\'div.media-item\').slideUp(200, function(){jQuery(this).remove();});">%s</button>',
 			__( 'Dismiss' )
@@ -126,13 +126,6 @@ if ( is_wp_error( $id ) ) {
 		),
 		esc_html( $id->get_error_message() )
 	);
-	wp_admin_notice(
-		$message,
-		array(
-			'additional_classes' => array( 'error-div', 'error' ),
-			'paragraph_wrap'     => false,
-		)
-	);
 	exit;
 }
 

wp-admin/authorize-application.php

@@ -137,16 +137,9 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 <div class="wrap">
 	<h1><?php echo esc_html( $title ); ?></h1>
 
-	<?php
-	if ( is_wp_error( $error ) ) {
-		wp_admin_notice(
-			$error->get_error_message(),
-			array(
-				'type' => 'error',
-			)
-		);
-	}
-	?>
+	<?php if ( is_wp_error( $error ) ) : ?>
+		<div class="notice notice-error"><p><?php echo $error->get_error_message(); ?></p></div>
+	<?php endif; ?>
 
 	<div class="card auth-app-card">
 		<h2 class="title"><?php _e( 'An application would like to connect to your account.' ); ?></h2>
@@ -201,25 +194,24 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		}
 		?>
 
-		<?php
-		if ( $new_password ) :
-			$message = '<p class="application-password-display">
-				<label for="new-application-password-value">' . sprintf(
-				/* translators: %s: Application name. */
-				esc_html__( 'Your new password for %s is:' ),
-				'<strong>' . esc_html( $app_name ) . '</strong>'
-			) . '
-				</label>
-				<input id="new-application-password-value" type="text" class="code" readonly="readonly" value="' . esc_attr( WP_Application_Passwords::chunk_password( $new_password ) ) . '" />
-			</p>
-			<p>' . __( 'Be sure to save this in a safe location. You will not be able to retrieve it.' ) . '</p>';
-			$args = array(
-				'type'               => 'success',
-				'additional_classes' => array( 'notice-alt', 'below-h2' ),
-				'paragraph_wrap'     => false,
-			);
-			wp_admin_notice( $message, $args );
+		<?php if ( $new_password ) : ?>
+			<div class="notice notice-success notice-alt below-h2">
+				<p class="application-password-display">
+					<label for="new-application-password-value">
+						<?php
+						printf(
+							/* translators: %s: Application name. */
+							esc_html__( 'Your new password for %s is:' ),
+							'<strong>' . esc_html( $app_name ) . '</strong>'
+						);
+						?>
+					</label>
+					<input id="new-application-password-value" type="text" class="code" readonly="readonly" value="<?php esc_attr( WP_Application_Passwords::chunk_password( $new_password ) ); ?>" />
+				</p>
+				<p><?php _e( 'Be sure to save this in a safe location. You will not be able to retrieve it.' ); ?></p>
+			</div>
 
+			<?php
 			/**
 			 * Fires in the Authorize Application Password new password section in the no-JS version.
 			 *
@@ -234,8 +226,8 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			 * @param WP_User $user         The user authorizing the application.
 			 */
 			do_action( 'wp_authorize_application_password_form_approved_no_js', $new_password, $request, $user );
-		else :
 			?>
+		<?php else : ?>
 			<form action="<?php echo esc_url( admin_url( 'authorize-application.php' ) ); ?>" method="post" class="form-wrap">
 				<?php wp_nonce_field( 'authorize_application_password' ); ?>
 				<input type="hidden" name="action" value="authorize_application_password" />
@@ -258,8 +250,8 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				 *     The array of request data. All arguments are optional and may be empty.
 				 *
 				 *     @type string $app_name    The suggested name of the application.
-				 *     @type string $success_url The URL the user will be redirected to after approving the application.
-				 *     @type string $reject_url  The URL the user will be redirected to after rejecting the application.
+				 *     @type string $success_url The url the user will be redirected to after approving the application.
+				 *     @type string $reject_url  The url the user will be redirected to after rejecting the application.
 				 * }
 				 * @param WP_User $user The user authorizing the application.
 				 */

wp-admin/comment.php

@@ -68,8 +68,8 @@ switch ( $action ) {
 
 		get_current_screen()->set_help_sidebar(
 			'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
-			'<p>' . __( '<a href="https://wordpress.org/documentation/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
-			'<p>' . __( '<a href="https://wordpress.org/support/forums/">Support forums</a>' ) . '</p>'
+			'<p>' . __( '<a href="https://wordpress.org/support/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
+			'<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
 		);
 
 		wp_enqueue_script( 'comment' );
@@ -161,23 +161,11 @@ switch ( $action ) {
 					break;
 			}
 			if ( $message ) {
-				wp_admin_notice(
-					$message,
-					array(
-						'type' => 'info',
-						'id'   => 'message',
-					)
-				);
+				echo '<div id="message" class="notice notice-info"><p>' . $message . '</p></div>';
 			}
 		}
-		wp_admin_notice(
-			'<strong>' . __( 'Caution:' ) . '</strong> ' . $caution_msg,
-			array(
-				'type' => 'warning',
-				'id'   => 'message',
-			)
-		);
 		?>
+<div id="message" class="notice notice-warning"><p><strong><?php _e( 'Caution:' ); ?></strong> <?php echo $caution_msg; ?></p></div>
 
 <table class="form-table comment-ays">
 <tr>
@@ -294,7 +282,7 @@ switch ( $action ) {
 			comment_footer_die( __( 'Sorry, you are not allowed to edit comments on this post.' ) );
 		}
 
-		if ( wp_get_referer() && ! $noredir && ! str_contains( wp_get_referer(), 'comment.php' ) ) {
+		if ( wp_get_referer() && ! $noredir && false === strpos( wp_get_referer(), 'comment.php' ) ) {
 			$redir = wp_get_referer();
 		} elseif ( wp_get_original_referer() && ! $noredir ) {
 			$redir = wp_get_original_referer();

wp-admin/contribute.php

@@ -1,107 +0,0 @@
-<?php
-/**
- * Contribute administration panel.
- *
- * @package WordPress
- * @subpackage Administration
- */
-
-/** WordPress Administration Bootstrap */
-require_once __DIR__ . '/admin.php';
-
-// Used in the HTML title tag.
-$title = __( 'Get Involved' );
-
-list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
-
-require_once ABSPATH . 'wp-admin/admin-header.php';
-?>
-<div class="wrap about__container">
-
-	<div class="about__header">
-		<div class="about__header-title">
-			<h1>
-				<?php _e( 'Get Involved' ); ?>
-			</h1>
-		</div>
-
-		<div class="about__header-text"></div>
-	</div>
-
-	<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
-		<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
-		<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
-		<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
-		<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
-		<a href="contribute.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Get Involved' ); ?></a>
-	</nav>
-
-	<div class="about__section has-2-columns is-wider-right">
-		<div class="column">
-			<img src="<?php echo esc_url( admin_url( 'images/contribute-main.svg?ver=6.4' ) ); ?>" alt="" width="290" height="290" />
-		</div>
-		<div class="column is-vertically-aligned-center">
-			<p><?php _e( 'Do you use WordPress for work, for personal projects, or even just for fun? You can help shape the long-term success of the open source project that powers millions of websites around the world.' ); ?></p>
-			<p><?php _e( 'Join the diverse WordPress contributor community and connect with other people who are passionate about maintaining a free and open web.' ); ?></p>
-
-			<ul>
-				<li><?php _e( 'Be part of a global open source community.' ); ?></li>
-				<li><?php _e( 'Apply your skills or learn new ones.' ); ?></li>
-				<li><?php _e( 'Grow your network and make friends.' ); ?></li>
-			</ul>
-		</div>
-	</div>
-
-	<div class="about__section has-2-columns is-wider-left">
-		<div class="column is-vertically-aligned-center">
-			<h3><?php _e( 'No-code contribution' ); ?></h3>
-			<p><?php _e( 'WordPress may thrive on technical contributions, but you don&#8217;t have to code to contribute. Here are some of the ways you can make an impact without writing a single line of code:' ); ?></p>
-			<ul>
-				<li><?php _e( '<strong>Share</strong> your knowledge in the WordPress support forums.' ); ?></li>
-				<li><?php _e( '<strong>Write</strong> or improve documentation for WordPress.' ); ?></li>
-				<li><?php _e( '<strong>Translate</strong> WordPress into your local language.' ); ?></li>
-				<li><?php _e( '<strong>Create</strong> and improve WordPress educational materials.' ); ?></li>
-				<li><?php _e( '<strong>Promote</strong> the WordPress project to your community.' ); ?></li>
-				<li><?php _e( '<strong>Curate</strong> submissions or take photos for the Photo Directory.' ); ?></li>
-				<li><?php _e( '<strong>Organize</strong> or participate in local Meetups and WordCamps.' ); ?></li>
-				<li><?php _e( '<strong>Lend</strong> your creative imagination to the WordPress UI design.' ); ?></li>
-				<li><?php _e( '<strong>Edit</strong> videos and add captions to WordPress.tv.' ); ?></li>
-				<li><?php _e( '<strong>Explore</strong> ways to reduce the environmental impact of websites.' ); ?></li>
-			</ul>
-		</div>
-		<div class="column">
-			<img src="<?php echo esc_url( admin_url( 'images/contribute-no-code.svg?ver=6.4' ) ); ?>" alt="" width="290" height="290" />
-		</div>
-	</div>
-	<div class="about__section has-2-columns is-wider-right">
-		<div class="column">
-			<img src="<?php echo esc_url( admin_url( 'images/contribute-code.svg?ver=6.4' ) ); ?>" alt="" width="290" height="290" />
-		</div>
-		<div class="column is-vertically-aligned-center">
-			<h3><?php _e( 'Code-based contribution' ); ?></h3>
-			<p><?php _e( 'If you do code, or want to learn how, you can contribute technically in numerous ways:' ); ?></p>
-			<ul>
-				<li><?php _e( '<strong>Find</strong> and report bugs in the WordPress core software.' ); ?></li>
-				<li><?php _e( '<strong>Test</strong> new releases and proposed features for the Block Editor.' ); ?></li>
-				<li><?php _e( '<strong>Write</strong> and submit patches to fix bugs or help build new features.' ); ?></li>
-				<li><?php _e( '<strong>Contribute</strong> to the code, improve the UX, and test the WordPress app.' ); ?></li>
-			</ul>
-			<p><?php _e( 'WordPress embraces new technologies, while being committed to backward compatibility. The WordPress project uses the following languages and libraries:' ); ?></p>
-			<ul>
-				<li><?php _e( 'WordPress Core and Block Editor: HTML, CSS, PHP, SQL, JavaScript, and React.' ); ?></li>
-				<li><?php _e( 'WordPress app: Kotlin, Java, Swift, Objective-C, Vue, Python, and TypeScript.' ); ?></li>
-			</ul>
-		</div>
-	</div>
-
-	<div class="about__section is-feature has-accent-4-background-color">
-		<div class="column">
-			<h2><?php _e( 'Shape the future of the web with WordPress' ); ?></h2>
-			<p><?php _e( 'Finding the area that aligns with your skills and interests is the first step toward meaningful contribution. With more than 20 Make WordPress teams working on different parts of the open source WordPress project, there&#8217;s a place for everyone, no matter what your skill set is.' ); ?></p>
-			<p><a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Find your team &rarr;' ); ?></a></p>
-		</div>
-	</div>
-
-</div>
-<?php
-require_once ABSPATH . 'wp-admin/admin-footer.php';

wp-admin/credits.php

@@ -28,18 +28,25 @@ $credits = wp_credits();
 			</h1>
 		</div>
 
-		<div class="about__header-text"></div>
+		<div class="about__header-text">
+			<?php
+			printf(
+				/* translators: %s: Version number. */
+				__( 'WordPress %s was created by a worldwide team of passionate individuals' ),
+				$display_version
+			);
+			?>
+		</div>
+
+		<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
+			<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
+			<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
+			<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
+			<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
+		</nav>
 	</div>
 
-	<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
-		<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
-		<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
-		<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
-		<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
-		<a href="contribute.php" class="nav-tab"><?php _e( 'Get Involved' ); ?></a>
-	</nav>
-
-	<div class="about__section has-1-column has-gutters">
+	<div class="about__section has-1-column">
 		<div class="column aligncenter">
 			<?php if ( ! $credits ) : ?>
 
@@ -52,7 +59,7 @@ $credits = wp_credits();
 				);
 				?>
 				<br />
-				<a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Get involved in WordPress.' ); ?></a>
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php else : ?>
@@ -60,7 +67,7 @@ $credits = wp_credits();
 			<p>
 				<?php _e( 'Want to see your name in lights on this page?' ); ?>
 				<br />
-				<a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Get involved in WordPress.' ); ?></a>
+				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php endif; ?>
@@ -75,7 +82,7 @@ if ( ! $credits ) {
 }
 ?>
 
-	<hr class="is-large" />
+	<hr />
 
 	<div class="about__section">
 		<div class="column is-edge-to-edge">

wp-admin/css/about-rtl.css

@@ -2,13 +2,12 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   1.0 Global: About, Credits, Freedoms, Privacy, Get Involved
+   1.0 Global: About, Credits, Freedoms, Privacy
     1.1 Layout
     1.2 Typography & Elements
     1.3 Header
    2.0 Credits Page
    3.0 Freedoms Page
-   4.0 Privacy Page
    x.2.0 Legacy About Styles: Global
     x.2.1 Typography
     x.2.2 Structure
@@ -22,18 +21,16 @@
 
 .about__container {
 	/* Section backgrounds */
-	--background: #EAE9E7;
-	--subtle-background: #EAE9E7;
+	--background: transparent;
+	--subtle-background: #f0f0f0;
 
 	/* Main text color */
-	--text: #1e1e1e;
+	--text: #000;
 	--text-light: #fff;
 
 	/* Accent colors: used in header, on special classes. */
-	--accent-1: #C94C26; /* Link color */
-	--accent-2: #CFCABE; /* Accent background */
-	--accent-3: #f0f0f1; /* hr background */
-	--accent-4: #B1C5A4; /* Light green */
+	--accent-1: #3858e9; /* Accent background, link color */
+	--accent-2: #3858e9; /* Header background */
 
 	/* Navigation colors. */
 	--nav-background: #fff;
@@ -45,22 +42,20 @@
 }
 
 /*------------------------------------------------------------------------------
-  1.0 - Global: About, Credits, Freedoms, Privacy, Get Involved
+  1.0 - Global: About, Credits, Freedoms, Privacy
 ------------------------------------------------------------------------------*/
 
 .about-php,
 .credits-php,
 .freedoms-php,
-.privacy-php,
-.contribute-php {
+.privacy-php {
 	background: #fff;
 }
 
 .about-php #wpcontent,
 .credits-php #wpcontent,
 .freedoms-php #wpcontent,
-.privacy-php #wpcontent,
-.contribute-php #wpcontent {
+.privacy-php #wpcontent {
 	background: #fff;
 	padding: 0 24px;
 }
@@ -69,8 +64,7 @@
 	.about-php.auto-fold #wpcontent,
 	.credits-php.auto-fold #wpcontent,
 	.freedoms-php.auto-fold #wpcontent,
-	.privacy-php.auto-fold #wpcontent,
-	.contribute-php.auto-fold #wpcontent {
+	.privacy-php.auto-fold #wpcontent {
 		padding-right: 24px;
 	}
 }
@@ -106,16 +100,17 @@
 }
 
 .about__section {
-	background: transparent;
+	background: var(--background);
 	clear: both;
 }
 
 .about__container .has-accent-background-color {
-	background-color: var(--accent-2);
+	background-color: var(--accent-1);
+	color: var(--text-light);
 }
 
-.about__container .has-accent-4-background-color {
-	background-color: var(--accent-4);
+.about__container .has-accent-background-color a {
+	color: var(--text-light);
 }
 
 .about__container .has-transparent-background-color {
@@ -123,7 +118,7 @@
 }
 
 .about__container .has-accent-color {
-	color: var(--accent-2);
+	color: var(--accent-1);
 }
 
 .about__container .has-border {
@@ -143,7 +138,7 @@
 /* 1.1 - Layout */
 
 .about__section {
-	margin: 0;
+	margin: 0 0 var(--gap);
 }
 
 .about__section .column:not(.is-edge-to-edge) {
@@ -154,9 +149,9 @@
 	padding-bottom: var(--gap);
 }
 
-.about__section .column[class*="background-color"]:not(.is-edge-to-edge),
-.about__section:where([class*="background-color"]) .column:not(.is-edge-to-edge),
-.about__section .column.has-border:not(.is-edge-to-edge) {
+.about__section .column[class*="background-color"],
+.about__section:where([class*="background-color"]) .column,
+.about__section .column.has-border {
 	padding-top: var(--gap);
 	padding-bottom: var(--gap);
 }
@@ -215,7 +210,7 @@
 
 .about__section.has-gutters {
 	gap: var(--gap);
-	margin-bottom: var(--gap);
+	margin-bottom: calc(var(--gap) * 2);
 }
 
 .about__section.has-2-columns {
@@ -230,19 +225,76 @@
 	grid-template-columns: 3fr 2fr;
 }
 
-.about__section .is-section-header {
+.about__section.has-2-columns .is-section-header {
 	grid-column-start: 1;
-	grid-column-end: -1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
 }
 
 .about__section.has-3-columns {
 	grid-template-columns: repeat(3, 1fr);
 }
 
+.about__section.has-3-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
 .about__section.has-4-columns {
 	grid-template-columns: repeat(4, 1fr);
 }
 
+.about__section.has-4-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column,
+.about__section.has-overlap-style .is-section-header ~ .column {
+	grid-row-start: 2;
+}
+
 .about__section.has-overlap-style {
 	grid-template-columns: repeat(7, 1fr);
 }
@@ -253,11 +305,13 @@
 
 .about__section.has-overlap-style .column:nth-of-type(2n+1) {
 	grid-column-start: 2;
+	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
 }
 
 .about__section.has-overlap-style .column:nth-of-type(2n) {
 	grid-column-start: 4;
+	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
 }
 
@@ -305,6 +359,29 @@
 		grid-template-columns: repeat(2, 1fr);
 	}
 
+	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		grid-column-start: 1;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n) {
+		grid-column-start: 2;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .column:nth-of-type(4n) {
+		grid-row-start: 2;
+	}
+
+	.about__section.has-4-columns .is-section-header {
+		-ms-grid-column-span: 2;
+		grid-column-end: span 2;
+	}
+
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		grid-row-start: 3;
+	}
+
 	.about__section.has-overlap-style {
 		grid-template-columns: 1fr;
 	}
@@ -312,8 +389,10 @@
 	/* At this size, the two columns fully overlap */
 	.about__section.has-overlap-style .column.column {
 		grid-column-start: 1;
+		-ms-grid-column-span: 1;
 		grid-column-end: 2;
 		grid-row-start: 1;
+		-ms-grid-row-span: 1;
 		grid-row-end: 2;
 	}
 }
@@ -375,6 +454,7 @@
 
 .about__container h1 {
 	padding: 0;
+	color: inherit;
 }
 
 .about__container h1,
@@ -396,14 +476,6 @@
 	line-height: 1.4;
 }
 
-.about__container h4,
-.about__container h3.is-smaller-heading {
-	margin-top: 0;
-	font-size: 1.125rem;
-	font-weight: 600;
-	line-height: 1.6;
-}
-
 .about__container p {
 	font-size: inherit;
 	line-height: inherit;
@@ -417,14 +489,14 @@
 }
 
 .about__section a {
-	color: var(--text);
+	color: var(--accent-1);
 	text-decoration: underline;
 }
 
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
-	color: var(--text);
+	color: var(--accent-1);
 	text-decoration: none;
 }
 
@@ -444,7 +516,7 @@
 }
 
 .about__container li {
-	margin-bottom: 0.5rem;
+	margin-bottom: 0.75rem;
 }
 
 .about__container img {
@@ -473,28 +545,27 @@
 	margin-left: auto;
 }
 
-.about__container .about__image svg {
-	vertical-align: middle;
-}
-
 .about__container .about__image + h3 {
 	margin-top: 1.5em;
 }
 
+.about__container .column .about__image {
+	margin-bottom: calc(var(--gap) / 2);
+}
+
 .about__container hr {
-	margin: calc(var(--gap) / 2) var(--gap);
-	height: 0;
+	margin: 0;
+	height: var(--gap);
 	border: none;
-	border-top: 4px solid var(--accent-3);
 }
 
 .about__container hr.is-small {
-	margin-top: 0;
-	margin-bottom: 0;
+	height: calc(var(--gap) / 4);
 }
 
 .about__container hr.is-large {
-	margin: var(--gap) auto;
+	height: calc(var(--gap) * 2);
+	margin: calc(var(--gap) / 2) auto;
 }
 
 .about__container div.updated,
@@ -512,11 +583,6 @@
 	font-size: 1.6em;
 }
 
-.about__section.has-3-columns,
-.about__section.has-4-columns {
-	font-size: 1rem;
-}
-
 @media screen and (max-width: 480px) {
 	.about__section.is-feature {
 		font-size: 1.4em;
@@ -532,37 +598,45 @@
 /* 1.3 - Header */
 
 .about__header {
+	--about-header-image-width: 521px;
+	--about-header-image-height: 504px;
+	--about-header-bg-width: var(--about-header-image-width);
+	--about-header-bg-height: var(--about-header-image-height);
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
+
 	position: relative;
-	display: flex;
-	flex-direction: column;
-	align-items: start;
-	justify-content: end;
-	box-sizing: border-box;
-	padding: var(--gap) 0;
-	height: clamp(12.5rem, -1.25rem + 36.67vw, 26.25rem);
-	color: var(--text-light);
-	background-image: url('../images/about-header-about.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
-	background-size: auto 70%, cover;
-	border-radius: 5px;
-	background-repeat: no-repeat;
-	background-position: left 7% center, top right;
-	background-color: var(--background);
+	margin-bottom: var(--gap);
+	padding-top: 0;
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
+	background-position: left var(--about-header-bg-offset-inline) center;
 }
 
 .credits-php .about__header {
-	background-image: url('../images/about-header-credits.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+	--about-header-image-width: 477px;
+	--about-header-image-height: 470px;
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
+
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
 }
 
 .freedoms-php .about__header {
-	background-image: url('../images/about-header-freedoms.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+	--about-header-image-width: 411px;
+	--about-header-image-height: 498px;
+	--about-header-bg-offset-inline: var(--gap);
+
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
+	background-position: left var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
 }
 
 .privacy-php .about__header {
-	background-image: url('../images/about-header-privacy.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
-}
+	--about-header-image-width: 277px;
+	--about-header-image-height: 361px;
+	--about-header-bg-offset-inline: var(--gap);
 
-.contribute-php .about__header {
-	background-image: url('../images/about-header-contribute.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
+	background-position: left var(--about-header-bg-offset-inline) top var(--gap);
 }
 
 .about__header-image {
@@ -571,37 +645,44 @@
 
 .about__header-title {
 	box-sizing: border-box;
-	margin: 0 calc(var(--gap) + 2rem);
-	padding: 0;
-	max-width: 55%;
+	margin: 0 var(--gap) 0 0;
+	padding: 8rem 0 0;
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
+}
+
+.credits-php .about__header-title,
+.privacy-php .about__header-title {
+	padding-top: 6rem;
+}
+
+.freedoms-php .about__header-title {
+	padding-top: 3rem;
 }
 
 .about__header-title h1 {
 	margin: 0 0 1rem;
 	padding: 0;
-	/* Fluid font size scales on browser size 960px - 1200px. */
-	font-size: clamp(2rem, 20vw - 9rem, 4rem);
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
 	line-height: 1;
-	font-weight: 600;
-}
-
-.about-php .about__header-title h1,
-.credits-php .about__header-title h1,
-.freedoms-php .about__header-title h1,
-.privacy-php .about__header-title h1,
-.contribute-php .about__header-title h1 {
-	/* Fluid font size scales on browser size 960px - 1200px. */
-	font-size: clamp(2rem, 10vw - 3rem, 4rem);
+	font-weight: 400;
 }
 
 .about__header-text {
 	box-sizing: border-box;
-	max-width: 26em;
-	margin: 0 auto;
-	padding: 0;
+	margin: 0 0 9rem;
+	padding: 0 2rem 0 0;
+	padding-left: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
 	font-size: 1.6rem;
 	line-height: 1.15;
-	text-align: center;
+}
+
+.credits-php .about__header-text,
+.privacy-php .about__header-text {
+	margin-bottom: 7rem;
+}
+
+.freedoms-php .about__header-text {
+	margin-bottom: 6rem;
 }
 
 .about__header-navigation {
@@ -610,7 +691,6 @@
 	display: flex;
 	justify-content: center;
 	padding-top: 0;
-	margin-bottom: var(--gap);
 	background: var(--nav-background);
 	color: var(--nav-color);
 	border-bottom: 3px solid var(--nav-border);
@@ -650,18 +730,14 @@
 }
 
 @media screen and (max-width: 960px) {
-
-	.about-php .about__header-title h1,
-	.credits-php .about__header-title h1,
-	.freedoms-php .about__header-title h1,
-	.privacy-php .about__header-title h1,
-	.contribute-php .about__header-title h1 {
-		/* Fluid font size scales on browser size 600px - 960px. */
-		font-size: clamp(3rem, 6.67vw - 0.5rem, 4.5rem);
+	.about__header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
 	}
 
-	.about__header-navigation .nav-tab {
-		padding: calc(var(--gap) * 0.75) calc(var(--gap) * 0.5);
+	.about__header-title h1 {
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
 	}
 }
 
@@ -682,6 +758,8 @@
 
 	.about__header-text {
 		margin-top: 0;
+		margin-left: 0;
+		padding-right: calc(var(--gap) / 2);
 	}
 
 	.about__header-navigation .nav-tab {
@@ -693,25 +771,34 @@
 }
 
 @media screen and (max-width: 600px) {
-	.about__header {
-		min-height: auto;
-	}
-
 	.about__header,
 	.credits-php .about__header,
-	.freedoms-php .about__header,
 	.privacy-php .about__header,
-	.contribute-php .about__header {
+	.freedoms-php .about__header {
 		background-image: none;
 	}
 
+	.about__header-title,
+	.about__header-text {
+		padding-left: calc(var(--gap) / 2) !important;
+	}
+
+	.about__header-title h1 {
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
+	}
+}
+
+@media screen and (max-width: 480px) {
 	.about__header-title p {
 		font-size: 2.4em;
 	}
 
+	.about__header-title {
+		padding-top: 2rem;
+	}
+
 	.about__header-text {
-		margin-right: calc(var(--gap) / 2);
-		margin-left: calc(var(--gap) / 2);
+		margin-bottom: 2rem;
 	}
 
 	.about__header-navigation {
@@ -738,7 +825,7 @@
 ------------------------------------------------------------------------------*/
 
 .about__section .wp-people-group-title {
-	margin-bottom: calc(var(--gap) * 2 - 10px);
+	margin-bottom: calc(var(--gap) * 2);
 	text-align: center;
 
 }
@@ -753,7 +840,7 @@
 	display: inline-block;
 	vertical-align: top;
 	box-sizing: border-box;
-	margin-bottom: calc(var(--gap) - 10px);
+	margin-bottom: var(--gap);
 	width: 25%;
 	text-align: center;
 }
@@ -770,12 +857,14 @@
 	height: 140px;
 	border-radius: 100%;
 	overflow: hidden;
+	background: var(--accent-1);
 }
 
 .about__section .wp-person .gravatar {
 	width: 140px;
 	height: 140px;
 	filter: grayscale(100%);
+	mix-blend-mode: screen;
 }
 
 .about__section .compact .wp-person-avatar,
@@ -785,10 +874,8 @@
 }
 
 .about__section .wp-person .web {
-	display: block;
 	font-size: 1.4em;
 	font-weight: 600;
-	padding: 10px 10px 0;
 	text-decoration: none;
 }
 
@@ -856,19 +943,7 @@
 
 .about__section .column .freedom-image {
 	margin-bottom: var(--gap);
-	max-height: 180px;
-}
-
-
-/*------------------------------------------------------------------------------
-  4.0 - Privacy Page
-------------------------------------------------------------------------------*/
-
-.about__section .column .privacy-image {
-	display: block;
-	margin-right: auto;
-	margin-left: auto;
-	max-width: 25rem;
+	max-height: 140px;
 }
 
 

wp-admin/css/about.css

@@ -1,13 +1,12 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   1.0 Global: About, Credits, Freedoms, Privacy, Get Involved
+   1.0 Global: About, Credits, Freedoms, Privacy
     1.1 Layout
     1.2 Typography & Elements
     1.3 Header
    2.0 Credits Page
    3.0 Freedoms Page
-   4.0 Privacy Page
    x.2.0 Legacy About Styles: Global
     x.2.1 Typography
     x.2.2 Structure
@@ -21,18 +20,16 @@
 
 .about__container {
 	/* Section backgrounds */
-	--background: #EAE9E7;
-	--subtle-background: #EAE9E7;
+	--background: transparent;
+	--subtle-background: #f0f0f0;
 
 	/* Main text color */
-	--text: #1e1e1e;
+	--text: #000;
 	--text-light: #fff;
 
 	/* Accent colors: used in header, on special classes. */
-	--accent-1: #C94C26; /* Link color */
-	--accent-2: #CFCABE; /* Accent background */
-	--accent-3: #f0f0f1; /* hr background */
-	--accent-4: #B1C5A4; /* Light green */
+	--accent-1: #3858e9; /* Accent background, link color */
+	--accent-2: #3858e9; /* Header background */
 
 	/* Navigation colors. */
 	--nav-background: #fff;
@@ -44,22 +41,20 @@
 }
 
 /*------------------------------------------------------------------------------
-  1.0 - Global: About, Credits, Freedoms, Privacy, Get Involved
+  1.0 - Global: About, Credits, Freedoms, Privacy
 ------------------------------------------------------------------------------*/
 
 .about-php,
 .credits-php,
 .freedoms-php,
-.privacy-php,
-.contribute-php {
+.privacy-php {
 	background: #fff;
 }
 
 .about-php #wpcontent,
 .credits-php #wpcontent,
 .freedoms-php #wpcontent,
-.privacy-php #wpcontent,
-.contribute-php #wpcontent {
+.privacy-php #wpcontent {
 	background: #fff;
 	padding: 0 24px;
 }
@@ -68,8 +63,7 @@
 	.about-php.auto-fold #wpcontent,
 	.credits-php.auto-fold #wpcontent,
 	.freedoms-php.auto-fold #wpcontent,
-	.privacy-php.auto-fold #wpcontent,
-	.contribute-php.auto-fold #wpcontent {
+	.privacy-php.auto-fold #wpcontent {
 		padding-left: 24px;
 	}
 }
@@ -105,16 +99,17 @@
 }
 
 .about__section {
-	background: transparent;
+	background: var(--background);
 	clear: both;
 }
 
 .about__container .has-accent-background-color {
-	background-color: var(--accent-2);
+	background-color: var(--accent-1);
+	color: var(--text-light);
 }
 
-.about__container .has-accent-4-background-color {
-	background-color: var(--accent-4);
+.about__container .has-accent-background-color a {
+	color: var(--text-light);
 }
 
 .about__container .has-transparent-background-color {
@@ -122,7 +117,7 @@
 }
 
 .about__container .has-accent-color {
-	color: var(--accent-2);
+	color: var(--accent-1);
 }
 
 .about__container .has-border {
@@ -142,7 +137,7 @@
 /* 1.1 - Layout */
 
 .about__section {
-	margin: 0;
+	margin: 0 0 var(--gap);
 }
 
 .about__section .column:not(.is-edge-to-edge) {
@@ -153,9 +148,9 @@
 	padding-bottom: var(--gap);
 }
 
-.about__section .column[class*="background-color"]:not(.is-edge-to-edge),
-.about__section:where([class*="background-color"]) .column:not(.is-edge-to-edge),
-.about__section .column.has-border:not(.is-edge-to-edge) {
+.about__section .column[class*="background-color"],
+.about__section:where([class*="background-color"]) .column,
+.about__section .column.has-border {
 	padding-top: var(--gap);
 	padding-bottom: var(--gap);
 }
@@ -214,7 +209,7 @@
 
 .about__section.has-gutters {
 	gap: var(--gap);
-	margin-bottom: var(--gap);
+	margin-bottom: calc(var(--gap) * 2);
 }
 
 .about__section.has-2-columns {
@@ -229,19 +224,76 @@
 	grid-template-columns: 3fr 2fr;
 }
 
-.about__section .is-section-header {
+.about__section.has-2-columns .is-section-header {
 	grid-column-start: 1;
-	grid-column-end: -1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	grid-column-start: 2;
 }
 
 .about__section.has-3-columns {
 	grid-template-columns: repeat(3, 1fr);
 }
 
+.about__section.has-3-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	grid-column-start: 3;
+}
+
 .about__section.has-4-columns {
 	grid-template-columns: repeat(4, 1fr);
 }
 
+.about__section.has-4-columns .is-section-header {
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column,
+.about__section.has-overlap-style .is-section-header ~ .column {
+	grid-row-start: 2;
+}
+
 .about__section.has-overlap-style {
 	grid-template-columns: repeat(7, 1fr);
 }
@@ -252,11 +304,13 @@
 
 .about__section.has-overlap-style .column:nth-of-type(2n+1) {
 	grid-column-start: 2;
+	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
 }
 
 .about__section.has-overlap-style .column:nth-of-type(2n) {
 	grid-column-start: 4;
+	-ms-grid-column-span: 3;
 	grid-column-end: span 3;
 }
 
@@ -304,6 +358,29 @@
 		grid-template-columns: repeat(2, 1fr);
 	}
 
+	.about__section.has-4-columns .column:nth-of-type(2n+1) {
+		grid-column-start: 1;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(2n) {
+		grid-column-start: 2;
+	}
+
+	.about__section.has-4-columns .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .column:nth-of-type(4n) {
+		grid-row-start: 2;
+	}
+
+	.about__section.has-4-columns .is-section-header {
+		-ms-grid-column-span: 2;
+		grid-column-end: span 2;
+	}
+
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n+3),
+	.about__section.has-4-columns .is-section-header ~ .column:nth-of-type(4n) {
+		grid-row-start: 3;
+	}
+
 	.about__section.has-overlap-style {
 		grid-template-columns: 1fr;
 	}
@@ -311,8 +388,10 @@
 	/* At this size, the two columns fully overlap */
 	.about__section.has-overlap-style .column.column {
 		grid-column-start: 1;
+		-ms-grid-column-span: 1;
 		grid-column-end: 2;
 		grid-row-start: 1;
+		-ms-grid-row-span: 1;
 		grid-row-end: 2;
 	}
 }
@@ -374,6 +453,7 @@
 
 .about__container h1 {
 	padding: 0;
+	color: inherit;
 }
 
 .about__container h1,
@@ -395,14 +475,6 @@
 	line-height: 1.4;
 }
 
-.about__container h4,
-.about__container h3.is-smaller-heading {
-	margin-top: 0;
-	font-size: 1.125rem;
-	font-weight: 600;
-	line-height: 1.6;
-}
-
 .about__container p {
 	font-size: inherit;
 	line-height: inherit;
@@ -416,14 +488,14 @@
 }
 
 .about__section a {
-	color: var(--text);
+	color: var(--accent-1);
 	text-decoration: underline;
 }
 
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
-	color: var(--text);
+	color: var(--accent-1);
 	text-decoration: none;
 }
 
@@ -443,7 +515,7 @@
 }
 
 .about__container li {
-	margin-bottom: 0.5rem;
+	margin-bottom: 0.75rem;
 }
 
 .about__container img {
@@ -472,28 +544,27 @@
 	margin-right: auto;
 }
 
-.about__container .about__image svg {
-	vertical-align: middle;
-}
-
 .about__container .about__image + h3 {
 	margin-top: 1.5em;
 }
 
+.about__container .column .about__image {
+	margin-bottom: calc(var(--gap) / 2);
+}
+
 .about__container hr {
-	margin: calc(var(--gap) / 2) var(--gap);
-	height: 0;
+	margin: 0;
+	height: var(--gap);
 	border: none;
-	border-top: 4px solid var(--accent-3);
 }
 
 .about__container hr.is-small {
-	margin-top: 0;
-	margin-bottom: 0;
+	height: calc(var(--gap) / 4);
 }
 
 .about__container hr.is-large {
-	margin: var(--gap) auto;
+	height: calc(var(--gap) * 2);
+	margin: calc(var(--gap) / 2) auto;
 }
 
 .about__container div.updated,
@@ -511,11 +582,6 @@
 	font-size: 1.6em;
 }
 
-.about__section.has-3-columns,
-.about__section.has-4-columns {
-	font-size: 1rem;
-}
-
 @media screen and (max-width: 480px) {
 	.about__section.is-feature {
 		font-size: 1.4em;
@@ -531,37 +597,45 @@
 /* 1.3 - Header */
 
 .about__header {
+	--about-header-image-width: 521px;
+	--about-header-image-height: 504px;
+	--about-header-bg-width: var(--about-header-image-width);
+	--about-header-bg-height: var(--about-header-image-height);
+	--about-header-bg-offset-inline: calc(var(--gap) * -2);
+
 	position: relative;
-	display: flex;
-	flex-direction: column;
-	align-items: start;
-	justify-content: end;
-	box-sizing: border-box;
-	padding: var(--gap) 0;
-	height: clamp(12.5rem, -1.25rem + 36.67vw, 26.25rem);
-	color: var(--text-light);
-	background-image: url('../images/about-header-about.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
-	background-size: auto 70%, cover;
-	border-radius: 5px;
-	background-repeat: no-repeat;
-	background-position: right 7% center, top left;
-	background-color: var(--background);
+	margin-bottom: var(--gap);
+	padding-top: 0;
+	background: var(--subtle-background) url('../images/about-header-about.svg?ver=6.0') no-repeat;
+	background-size: var(--about-header-bg-width) var(--about-header-bg-height);
+	background-position: right var(--about-header-bg-offset-inline) center;
 }
 
 .credits-php .about__header {
-	background-image: url('../images/about-header-credits.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+	--about-header-image-width: 477px;
+	--about-header-image-height: 470px;
+	--about-header-bg-offset-inline: calc(var(--gap) * -4);
+
+	background-image: url('../images/about-header-credits.svg?ver=6.0');
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
 }
 
 .freedoms-php .about__header {
-	background-image: url('../images/about-header-freedoms.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+	--about-header-image-width: 411px;
+	--about-header-image-height: 498px;
+	--about-header-bg-offset-inline: var(--gap);
+
+	background-image: url('../images/about-header-freedoms.svg?ver=6.0');
+	background-position: right var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
 }
 
 .privacy-php .about__header {
-	background-image: url('../images/about-header-privacy.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
-}
+	--about-header-image-width: 277px;
+	--about-header-image-height: 361px;
+	--about-header-bg-offset-inline: var(--gap);
 
-.contribute-php .about__header {
-	background-image: url('../images/about-header-contribute.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
+	background-image: url('../images/about-header-privacy.svg?ver=6.0');
+	background-position: right var(--about-header-bg-offset-inline) top var(--gap);
 }
 
 .about__header-image {
@@ -570,37 +644,44 @@
 
 .about__header-title {
 	box-sizing: border-box;
-	margin: 0 calc(var(--gap) + 2rem);
-	padding: 0;
-	max-width: 55%;
+	margin: 0 0 0 var(--gap);
+	padding: 8rem 0 0;
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
+}
+
+.credits-php .about__header-title,
+.privacy-php .about__header-title {
+	padding-top: 6rem;
+}
+
+.freedoms-php .about__header-title {
+	padding-top: 3rem;
 }
 
 .about__header-title h1 {
 	margin: 0 0 1rem;
 	padding: 0;
-	/* Fluid font size scales on browser size 960px - 1200px. */
-	font-size: clamp(2rem, 20vw - 9rem, 4rem);
+	font-size: clamp(3rem, 18.46vw - 8.08rem, 6rem);
 	line-height: 1;
-	font-weight: 600;
-}
-
-.about-php .about__header-title h1,
-.credits-php .about__header-title h1,
-.freedoms-php .about__header-title h1,
-.privacy-php .about__header-title h1,
-.contribute-php .about__header-title h1 {
-	/* Fluid font size scales on browser size 960px - 1200px. */
-	font-size: clamp(2rem, 10vw - 3rem, 4rem);
+	font-weight: 400;
 }
 
 .about__header-text {
 	box-sizing: border-box;
-	max-width: 26em;
-	margin: 0 auto;
-	padding: 0;
+	margin: 0 0 9rem;
+	padding: 0 0 0 2rem;
+	padding-right: calc(var(--about-header-bg-width) + var(--about-header-bg-offset-inline) + var(--gap));
 	font-size: 1.6rem;
 	line-height: 1.15;
-	text-align: center;
+}
+
+.credits-php .about__header-text,
+.privacy-php .about__header-text {
+	margin-bottom: 7rem;
+}
+
+.freedoms-php .about__header-text {
+	margin-bottom: 6rem;
 }
 
 .about__header-navigation {
@@ -609,7 +690,6 @@
 	display: flex;
 	justify-content: center;
 	padding-top: 0;
-	margin-bottom: var(--gap);
 	background: var(--nav-background);
 	color: var(--nav-color);
 	border-bottom: 3px solid var(--nav-border);
@@ -649,18 +729,14 @@
 }
 
 @media screen and (max-width: 960px) {
-
-	.about-php .about__header-title h1,
-	.credits-php .about__header-title h1,
-	.freedoms-php .about__header-title h1,
-	.privacy-php .about__header-title h1,
-	.contribute-php .about__header-title h1 {
-		/* Fluid font size scales on browser size 600px - 960px. */
-		font-size: clamp(3rem, 6.67vw - 0.5rem, 4.5rem);
+	.about__header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.7);
+		--about-header-bg-height: calc(var(--about-header-image-height) * 0.7);
+		--about-header-bg-offset-inline: calc(var(--gap) * -1);
 	}
 
-	.about__header-navigation .nav-tab {
-		padding: calc(var(--gap) * 0.75) calc(var(--gap) * 0.5);
+	.about__header-title h1 {
+		font-size: clamp(3rem, 18.46vw - 5.08rem, 6rem);
 	}
 }
 
@@ -681,6 +757,8 @@
 
 	.about__header-text {
 		margin-top: 0;
+		margin-right: 0;
+		padding-left: calc(var(--gap) / 2);
 	}
 
 	.about__header-navigation .nav-tab {
@@ -692,25 +770,34 @@
 }
 
 @media screen and (max-width: 600px) {
-	.about__header {
-		min-height: auto;
-	}
-
 	.about__header,
 	.credits-php .about__header,
-	.freedoms-php .about__header,
 	.privacy-php .about__header,
-	.contribute-php .about__header {
+	.freedoms-php .about__header {
 		background-image: none;
 	}
 
+	.about__header-title,
+	.about__header-text {
+		padding-right: calc(var(--gap) / 2) !important;
+	}
+
+	.about__header-title h1 {
+		font-size: clamp(2rem, 11.43vw - 0.29rem, 4rem);
+	}
+}
+
+@media screen and (max-width: 480px) {
 	.about__header-title p {
 		font-size: 2.4em;
 	}
 
+	.about__header-title {
+		padding-top: 2rem;
+	}
+
 	.about__header-text {
-		margin-left: calc(var(--gap) / 2);
-		margin-right: calc(var(--gap) / 2);
+		margin-bottom: 2rem;
 	}
 
 	.about__header-navigation {
@@ -737,7 +824,7 @@
 ------------------------------------------------------------------------------*/
 
 .about__section .wp-people-group-title {
-	margin-bottom: calc(var(--gap) * 2 - 10px);
+	margin-bottom: calc(var(--gap) * 2);
 	text-align: center;
 
 }
@@ -752,7 +839,7 @@
 	display: inline-block;
 	vertical-align: top;
 	box-sizing: border-box;
-	margin-bottom: calc(var(--gap) - 10px);
+	margin-bottom: var(--gap);
 	width: 25%;
 	text-align: center;
 }
@@ -769,12 +856,14 @@
 	height: 140px;
 	border-radius: 100%;
 	overflow: hidden;
+	background: var(--accent-1);
 }
 
 .about__section .wp-person .gravatar {
 	width: 140px;
 	height: 140px;
 	filter: grayscale(100%);
+	mix-blend-mode: screen;
 }
 
 .about__section .compact .wp-person-avatar,
@@ -784,10 +873,8 @@
 }
 
 .about__section .wp-person .web {
-	display: block;
 	font-size: 1.4em;
 	font-weight: 600;
-	padding: 10px 10px 0;
 	text-decoration: none;
 }
 
@@ -855,19 +942,7 @@
 
 .about__section .column .freedom-image {
 	margin-bottom: var(--gap);
-	max-height: 180px;
-}
-
-
-/*------------------------------------------------------------------------------
-  4.0 - Privacy Page
-------------------------------------------------------------------------------*/
-
-.about__section .column .privacy-image {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-	max-width: 25rem;
+	max-height: 140px;
 }
 
 

wp-admin/css/admin-menu-rtl.css

@@ -37,21 +37,108 @@
 	width: 36px;
 }
 
+.icon16 {
+	height: 18px;
+	width: 18px;
+	padding: 6px;
+	margin: -6px -8px 0 0;
+	float: right;
+}
+
 /* New Menu icons */
 
+.icon16:before {
+	color: #8c8f94; /* same as new icons */
+	font: normal 20px/1 dashicons;
+	speak: never;
+	padding: 6px 0;
+	height: 34px;
+	width: 20px;
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	transition: all .1s ease-in-out;
+}
+
+.icon16.icon-dashboard:before {
+	content: "\f226";
+}
+
+.icon16.icon-post:before {
+	content: "\f109";
+}
+
+.icon16.icon-media:before {
+	content: "\f104";
+}
+
+.icon16.icon-links:before {
+	content: "\f103";
+}
+
+.icon16.icon-page:before {
+	content: "\f105";
+}
+
+.icon16.icon-comments:before {
+	content: "\f101";
+	margin-top: 1px;
+}
+
+.icon16.icon-appearance:before {
+	content: "\f100";
+}
+
+.icon16.icon-plugins:before {
+	content: "\f106";
+}
+
+.icon16.icon-users:before {
+	content: "\f110";
+}
+
+.icon16.icon-tools:before {
+	content: "\f107";
+}
+
+.icon16.icon-settings:before {
+	content: "\f108";
+}
+
+.icon16.icon-site:before {
+	content: "\f541";
+}
+
+.icon16.icon-generic:before {
+	content: "\f111";
+}
+
 /* hide background-image for icons above */
+.icon16.icon-dashboard,
 .menu-icon-dashboard div.wp-menu-image,
+.icon16.icon-post,
 .menu-icon-post div.wp-menu-image,
+.icon16.icon-media,
 .menu-icon-media div.wp-menu-image,
+.icon16.icon-links,
 .menu-icon-links div.wp-menu-image,
+.icon16.icon-page,
 .menu-icon-page div.wp-menu-image,
+.icon16.icon-comments,
 .menu-icon-comments div.wp-menu-image,
+.icon16.icon-appearance,
 .menu-icon-appearance div.wp-menu-image,
+.icon16.icon-plugins,
 .menu-icon-plugins div.wp-menu-image,
+.icon16.icon-users,
 .menu-icon-users div.wp-menu-image,
+.icon16.icon-tools,
 .menu-icon-tools div.wp-menu-image,
+.icon16.icon-settings,
 .menu-icon-settings div.wp-menu-image,
+.icon16.icon-site,
 .menu-icon-site div.wp-menu-image,
+.icon16.icon-generic,
 .menu-icon-generic div.wp-menu-image {
 	background-image: none !important;
 }
@@ -428,7 +515,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* @todo: consider to use a single rule for these counters and the list table comments counters. */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
 	display: inline-block;

wp-admin/css/admin-menu.css

@@ -36,21 +36,108 @@
 	width: 36px;
 }
 
+.icon16 {
+	height: 18px;
+	width: 18px;
+	padding: 6px;
+	margin: -6px 0 0 -8px;
+	float: left;
+}
+
 /* New Menu icons */
 
+.icon16:before {
+	color: #8c8f94; /* same as new icons */
+	font: normal 20px/1 dashicons;
+	speak: never;
+	padding: 6px 0;
+	height: 34px;
+	width: 20px;
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	transition: all .1s ease-in-out;
+}
+
+.icon16.icon-dashboard:before {
+	content: "\f226";
+}
+
+.icon16.icon-post:before {
+	content: "\f109";
+}
+
+.icon16.icon-media:before {
+	content: "\f104";
+}
+
+.icon16.icon-links:before {
+	content: "\f103";
+}
+
+.icon16.icon-page:before {
+	content: "\f105";
+}
+
+.icon16.icon-comments:before {
+	content: "\f101";
+	margin-top: 1px;
+}
+
+.icon16.icon-appearance:before {
+	content: "\f100";
+}
+
+.icon16.icon-plugins:before {
+	content: "\f106";
+}
+
+.icon16.icon-users:before {
+	content: "\f110";
+}
+
+.icon16.icon-tools:before {
+	content: "\f107";
+}
+
+.icon16.icon-settings:before {
+	content: "\f108";
+}
+
+.icon16.icon-site:before {
+	content: "\f541";
+}
+
+.icon16.icon-generic:before {
+	content: "\f111";
+}
+
 /* hide background-image for icons above */
+.icon16.icon-dashboard,
 .menu-icon-dashboard div.wp-menu-image,
+.icon16.icon-post,
 .menu-icon-post div.wp-menu-image,
+.icon16.icon-media,
 .menu-icon-media div.wp-menu-image,
+.icon16.icon-links,
 .menu-icon-links div.wp-menu-image,
+.icon16.icon-page,
 .menu-icon-page div.wp-menu-image,
+.icon16.icon-comments,
 .menu-icon-comments div.wp-menu-image,
+.icon16.icon-appearance,
 .menu-icon-appearance div.wp-menu-image,
+.icon16.icon-plugins,
 .menu-icon-plugins div.wp-menu-image,
+.icon16.icon-users,
 .menu-icon-users div.wp-menu-image,
+.icon16.icon-tools,
 .menu-icon-tools div.wp-menu-image,
+.icon16.icon-settings,
 .menu-icon-settings div.wp-menu-image,
+.icon16.icon-site,
 .menu-icon-site div.wp-menu-image,
+.icon16.icon-generic,
 .menu-icon-generic div.wp-menu-image {
 	background-image: none !important;
 }
@@ -427,7 +514,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* @todo: consider to use a single rule for these counters and the list table comments counters. */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
 	display: inline-block;

wp-admin/css/colors/_admin.scss

@@ -2,10 +2,6 @@
 @import 'variables';
 @import 'mixins';
 
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 @function url-friendly-colour( $color ) {
 	@return '%23' + str-slice( '#{ $color }', 2, -1 );
 }
@@ -354,7 +350,6 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: bubble */
 
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
 	color: $menu-bubble-text;
@@ -786,3 +781,20 @@ div#wp-responsive-toggle a:before {
 		color: $link;
 	}
 }
+
+/* Welcome Panel */
+.welcome-panel {
+	background-color: mix($dashboard-accent-1, white, 12%);
+}
+
+.welcome-panel-header-image .about-six {
+	fill: $dashboard-accent-1;
+}
+
+.welcome-panel-header-image .about-zero {
+	fill: $dashboard-accent-2;
+}
+
+[class*="welcome-panel-icon"] {
+	background-color: $dashboard-icon-background;
+}

wp-admin/css/colors/_variables.scss

@@ -65,9 +65,8 @@ $menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
 
 // Dashboard Colors
 
-$custom-welcome-panel: "true" !default;
-$dashboard-accent-1: $menu-submenu-background !default;
-$dashboard-accent-2: $menu-background !default;
+$dashboard-accent-1: $highlight-color !default;
+$dashboard-accent-2: $base-color !default;
 $dashboard-icon-background: $dashboard-accent-2 !default;
 
 $low-contrast-theme: "false" !default;

wp-admin/css/colors/blue/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #e1a948;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e1ecf0;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #096484;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #52accc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #096484;
 }

wp-admin/css/colors/blue/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #e1a948;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e1ecf0;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #096484;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #52accc;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #096484;
 }

wp-admin/css/colors/coffee/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -171,7 +167,7 @@ textarea:focus {
   color: #9ea476;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 /* List tables */
@@ -200,7 +196,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -296,7 +292,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -313,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -338,7 +333,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -382,7 +377,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -417,12 +412,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -558,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -571,7 +566,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -674,4 +669,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #c7a589;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #f8f4f1;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #c7a589;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #59524c;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #59524c;
 }

wp-admin/css/colors/coffee/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -171,7 +167,7 @@ textarea:focus {
   color: #9ea476;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 /* List tables */
@@ -200,7 +196,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -296,7 +292,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -313,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -338,7 +333,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -382,7 +377,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -417,12 +412,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -558,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -571,7 +566,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(27.6923076923, 7%, 95%);
+  color: hsl(27.6923076923deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -674,4 +669,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #c7a589;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #f8f4f1;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #c7a589;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #59524c;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #59524c;
 }

wp-admin/css/colors/ectoplasm/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #a3b745;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #f4f6e9;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #a3b745;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #523f6d;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #523f6d;
 }

wp-admin/css/colors/ectoplasm/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #a3b745;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #f4f6e9;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #a3b745;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #523f6d;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #523f6d;
 }

wp-admin/css/colors/light/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f5f5f5;
 }
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -709,6 +704,23 @@ div#wp-responsive-toggle a:before {
   color: #0073aa;
 }
 
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e1f4f9;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #04a4cc;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #999;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #333;
+}
+
 /* Override the theme filter highlight color for this scheme */
 .theme-section.current,
 .theme-filter.current {

wp-admin/css/colors/light/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f5f5f5;
 }
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -709,6 +704,23 @@ div#wp-responsive-toggle a:before {
   color: #0073aa;
 }
 
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e1f4f9;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #04a4cc;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #999;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #333;
+}
+
 /* Override the theme filter highlight color for this scheme */
 .theme-section.current,
 .theme-filter.current {

wp-admin/css/colors/light/colors.scss

@@ -18,8 +18,7 @@ $menu-submenu-background: #fff;
 $menu-collapse-text: #777;
 $menu-collapse-focus-icon: #555;
 
-$dashboard-accent-1: $highlight-color;
-$dashboard-accent-2: desaturate( lighten( $highlight-color, 7% ), 15% );
+$dashboard-accent-2: $icon-color;
 $dashboard-icon-background: $text-color;
 
 @import "../_admin.scss";

wp-admin/css/colors/midnight/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -192,7 +188,7 @@ textarea:focus {
   color: #69a8bb;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 /* List tables */
@@ -233,7 +229,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -346,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -371,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -415,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -591,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +599,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #e14d43;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #fbeae8;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #e14d43;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #363b3f;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #e14d43;
 }

wp-admin/css/colors/midnight/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -192,7 +188,7 @@ textarea:focus {
   color: #69a8bb;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 /* List tables */
@@ -233,7 +229,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -346,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -371,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -415,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -591,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +599,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(206.6666666667, 7%, 95%);
+  color: hsl(206.6666666667deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #e14d43;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #fbeae8;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #e14d43;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #363b3f;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #e14d43;
 }

wp-admin/css/colors/midnight/colors.scss

@@ -3,6 +3,6 @@ $base-color: #363b3f;
 $highlight-color: #e14d43;
 $notification-color: #69a8bb;
 
-$dashboard-accent-2: mix($base-color, $notification-color, 90%);
+$dashboard-icon-background: $highlight-color;
 
 @import "../_admin.scss";

wp-admin/css/colors/modern/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -192,7 +188,7 @@ textarea:focus {
   color: #3858e9;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 /* List tables */
@@ -233,7 +229,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -346,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -371,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -415,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -591,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +599,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #3858e9;
   color: #3858e9;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e7ebfc;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #3858e9;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #1b8362;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #1d2327;
 }

wp-admin/css/colors/modern/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -192,7 +188,7 @@ textarea:focus {
   color: #3858e9;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 /* List tables */
@@ -233,7 +229,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -346,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -371,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -415,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -591,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +599,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(0, 7%, 95%);
+  color: hsl(0deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #3858e9;
   color: #3858e9;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #e7ebfc;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #3858e9;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #1b8362;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #1d2327;
 }

wp-admin/css/colors/modern/colors.scss

@@ -7,6 +7,8 @@ $notification-color: $highlight-color;
 $link: $highlight-color;
 $link-focus: darken($highlight-color, 10%);
 
-$custom-welcome-panel: "false";
+$dashboard-accent-1: #3858e9;
+$dashboard-accent-2: #1b8362;
+$dashboard-icon-background: #1d2327;
 
 @import "../_admin.scss";

wp-admin/css/colors/ocean/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -296,7 +292,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -674,4 +669,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #9ebaa0;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #f3f7f4;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #9ebaa0;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #738e96;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #738e96;
 }

wp-admin/css/colors/ocean/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -296,7 +292,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -674,4 +669,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #9ebaa0;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #f3f7f4;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #9ebaa0;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #738e96;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #738e96;
 }

wp-admin/css/colors/sunrise/colors-rtl.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -192,7 +188,7 @@ textarea:focus {
   color: #ccaf0b;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 /* List tables */
@@ -233,7 +229,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -346,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -371,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -415,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -591,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +599,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #dd823b;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #fbf0e7;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #dd823b;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #cf4944;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #cf4944;
 }

wp-admin/css/colors/sunrise/colors.css

@@ -3,10 +3,6 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-/**
- * This function name uses British English to maintain backward compatibility, as developers
- * may use the function in their own admin CSS files. See #56811.
- */
 body {
   background: #f1f1f1;
 }
@@ -192,7 +188,7 @@ textarea:focus {
   color: #ccaf0b;
 }
 .wp-core-ui .wp-ui-text-icon {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 /* List tables */
@@ -233,7 +229,7 @@ textarea:focus {
 }
 
 #adminmenu div.wp-menu-image:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #adminmenu a:hover,
@@ -329,7 +325,6 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 /* Admin Menu: bubble */
-#adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
   color: #fff;
@@ -346,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Menu: collapse button */
 #collapse-button {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #collapse-button:hover,
@@ -371,7 +366,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -415,7 +410,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +445,12 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 /* Admin Bar: search */
 #wpadminbar #adminbarsearch:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -591,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Responsive Component */
 div#wp-responsive-toggle a:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +599,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-  color: hsl(2.1582733813, 7%, 95%);
+  color: hsl(2.1582733813deg, 7%, 95%);
 }
 
 /* TinyMCE */
@@ -707,4 +702,21 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
   border-bottom-color: #dd823b;
   color: #0073aa;
+}
+
+/* Welcome Panel */
+.welcome-panel {
+  background-color: #fbf0e7;
+}
+
+.welcome-panel-header-image .about-six {
+  fill: #dd823b;
+}
+
+.welcome-panel-header-image .about-zero {
+  fill: #cf4944;
+}
+
+[class*=welcome-panel-icon] {
+  background-color: #cf4944;
 }

wp-admin/css/common-rtl.css

@@ -139,32 +139,24 @@
 	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
 }
 
-.screen-reader-text + .dashicons-external {
-	margin-top: -1px;
-	margin-right: 2px;
-}
-
 .screen-reader-shortcut {
 	position: absolute;
 	top: -1000em;
+}
+
+.screen-reader-shortcut:focus {
 	right: 6px;
+	top: -25px;
 	height: auto;
 	width: auto;
 	display: block;
 	font-size: 14px;
 	font-weight: 600;
 	padding: 15px 23px 14px;
-	/* Background and color set to prevent false positives in automated accessibility tests. */
 	background: #f0f0f1;
 	color: #2271b1;
 	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);
 	text-decoration: none;
 	/* Only visible in Windows High Contrast mode */
@@ -197,6 +189,7 @@ p.popular-tags,
 .wp-editor-container,
 .popular-tags,
 .feature-filter,
+.imgedit-group,
 .comment-ays {
 	border: 1px solid #c3c4c7;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -209,6 +202,7 @@ p.popular-tags,
 .widgets-holder-wrap,
 .popular-tags,
 .feature-filter,
+.imgedit-group,
 .comment-ays {
 	background: #fff;
 }
@@ -559,14 +553,6 @@ code {
 	margin-right: 0;
 }
 
-.js-update-details-toggle .dashicons {
-	text-decoration: none;
-}
-
-.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
-	content: "\f142";
-}
-
 .no-js .widefat thead .check-column input,
 .no-js .widefat tfoot .check-column input {
 	display: none;
@@ -587,6 +573,10 @@ code {
 	margin: 10px 2px 0 20px;
 }
 
+.wrap.block-editor-no-js {
+	padding-right: 20px;
+}
+
 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
 .postbox .inside h2, /* Back-compat for pre-4.4 */
@@ -625,26 +615,20 @@ code {
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
 .wrap .page-title-action:active {
-	display: inline-block;
-	position: relative;
-	box-sizing: border-box;
-	cursor: pointer;
-	white-space: nowrap;
-	text-decoration: none;
-	text-shadow: none;
-	top: -3px;
 	margin-right: 4px;
+	padding: 4px 8px;
+	position: relative;
+	top: -3px;
+	text-decoration: none;
 	border: 1px solid #2271b1;
-	border-radius: 3px;
-	background: #f6f7f7;
+	border-radius: 2px;
+	text-shadow: none;
+	font-weight: 600;
 	font-size: 13px;
-	font-weight: 400;
-	line-height: 2.15384615;
+	line-height: normal; /* IE8-IE11 need this for buttons */
 	color: #2271b1; /* use the standard color used for buttons */
-	padding: 0 10px;
-	min-height: 30px;
-	-webkit-appearance: none;
-
+	background: #f6f7f7;
+	cursor: pointer;
 }
 
 .wrap .wp-heading-inline + .page-title-action {
@@ -966,7 +950,6 @@ a#remove-post-thumbnail:hover,
 	padding: 6px 10px 8px;
 }
 
-.word-wrap-break-word,
 .misc-pub-filename {
 	word-wrap: break-word;
 }
@@ -1097,6 +1080,7 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
+	margin: 1px 0;
 	width: 280px;
 	max-width: 100%;
 }
@@ -1591,9 +1575,6 @@ div.error {
 .wrap .notice p:before,
 .import-php .updating-message:before {
 	margin-left: 6px;
-}
-
-.import-php .updating-message:before {
 	vertical-align: bottom;
 }
 
@@ -3046,17 +3027,11 @@ div.action-links {
 
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
+	color: #135e96;
 	outline: none;
 	box-shadow: none;
 }
 
-.plugin-details-modal #TB_closeWindowButton:hover::after,
-.plugin-details-modal #TB_closeWindowButton:focus::after {
-	outline: 2px solid;
-	outline-offset: -4px;
-	border-radius: 4px;
-}
-
 .plugin-details-modal .tb-close-icon {
 	display: none;
 }
@@ -4079,7 +4054,6 @@ img {
 	}
 
 	.wp-filter .search-form input[type="search"] {
-		width: 100%;
 		font-size: 1rem;
 	}
 
@@ -4133,16 +4107,9 @@ img {
 	.nav-tab-active:focus:active {
 		border-bottom: 1px solid #c3c4c7;
 	}
-}
 
-@media screen and (max-width: 480px) {
-	.metabox-prefs-container {
-		display: grid;
-	}
-
-	.metabox-prefs-container > * {
-		display: inline-block;
-		padding: 2px;
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
 	}
 }
 

wp-admin/css/common.css

@@ -138,32 +138,24 @@
 	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
 }
 
-.screen-reader-text + .dashicons-external {
-	margin-top: -1px;
-	margin-left: 2px;
-}
-
 .screen-reader-shortcut {
 	position: absolute;
 	top: -1000em;
+}
+
+.screen-reader-shortcut:focus {
 	left: 6px;
+	top: -25px;
 	height: auto;
 	width: auto;
 	display: block;
 	font-size: 14px;
 	font-weight: 600;
 	padding: 15px 23px 14px;
-	/* Background and color set to prevent false positives in automated accessibility tests. */
 	background: #f0f0f1;
 	color: #2271b1;
 	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);
 	text-decoration: none;
 	/* Only visible in Windows High Contrast mode */
@@ -196,6 +188,7 @@ p.popular-tags,
 .wp-editor-container,
 .popular-tags,
 .feature-filter,
+.imgedit-group,
 .comment-ays {
 	border: 1px solid #c3c4c7;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -208,6 +201,7 @@ p.popular-tags,
 .widgets-holder-wrap,
 .popular-tags,
 .feature-filter,
+.imgedit-group,
 .comment-ays {
 	background: #fff;
 }
@@ -558,14 +552,6 @@ code {
 	margin-left: 0;
 }
 
-.js-update-details-toggle .dashicons {
-	text-decoration: none;
-}
-
-.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
-	content: "\f142";
-}
-
 .no-js .widefat thead .check-column input,
 .no-js .widefat tfoot .check-column input {
 	display: none;
@@ -586,6 +572,10 @@ code {
 	margin: 10px 20px 0 2px;
 }
 
+.wrap.block-editor-no-js {
+	padding-left: 20px;
+}
+
 .wrap > h2:first-child, /* Back-compat for pre-4.4 */
 .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
 .postbox .inside h2, /* Back-compat for pre-4.4 */
@@ -624,26 +614,20 @@ code {
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
 .wrap .page-title-action:active {
-	display: inline-block;
-	position: relative;
-	box-sizing: border-box;
-	cursor: pointer;
-	white-space: nowrap;
-	text-decoration: none;
-	text-shadow: none;
-	top: -3px;
 	margin-left: 4px;
+	padding: 4px 8px;
+	position: relative;
+	top: -3px;
+	text-decoration: none;
 	border: 1px solid #2271b1;
-	border-radius: 3px;
-	background: #f6f7f7;
+	border-radius: 2px;
+	text-shadow: none;
+	font-weight: 600;
 	font-size: 13px;
-	font-weight: 400;
-	line-height: 2.15384615;
+	line-height: normal; /* IE8-IE11 need this for buttons */
 	color: #2271b1; /* use the standard color used for buttons */
-	padding: 0 10px;
-	min-height: 30px;
-	-webkit-appearance: none;
-
+	background: #f6f7f7;
+	cursor: pointer;
 }
 
 .wrap .wp-heading-inline + .page-title-action {
@@ -965,7 +949,6 @@ a#remove-post-thumbnail:hover,
 	padding: 6px 10px 8px;
 }
 
-.word-wrap-break-word,
 .misc-pub-filename {
 	word-wrap: break-word;
 }
@@ -1096,6 +1079,7 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
+	margin: 1px 0;
 	width: 280px;
 	max-width: 100%;
 }
@@ -1590,9 +1574,6 @@ div.error {
 .wrap .notice p:before,
 .import-php .updating-message:before {
 	margin-right: 6px;
-}
-
-.import-php .updating-message:before {
 	vertical-align: bottom;
 }
 
@@ -3045,17 +3026,11 @@ div.action-links {
 
 .plugin-details-modal #TB_closeWindowButton:hover,
 .plugin-details-modal #TB_closeWindowButton:focus {
+	color: #135e96;
 	outline: none;
 	box-shadow: none;
 }
 
-.plugin-details-modal #TB_closeWindowButton:hover::after,
-.plugin-details-modal #TB_closeWindowButton:focus::after {
-	outline: 2px solid;
-	outline-offset: -4px;
-	border-radius: 4px;
-}
-
 .plugin-details-modal .tb-close-icon {
 	display: none;
 }
@@ -4078,7 +4053,6 @@ img {
 	}
 
 	.wp-filter .search-form input[type="search"] {
-		width: 100%;
 		font-size: 1rem;
 	}
 
@@ -4132,16 +4106,9 @@ img {
 	.nav-tab-active:focus:active {
 		border-bottom: 1px solid #c3c4c7;
 	}
-}
 
-@media screen and (max-width: 480px) {
-	.metabox-prefs-container {
-		display: grid;
-	}
-
-	.metabox-prefs-container > * {
-		display: inline-block;
-		padding: 2px;
+	.wp-filter .search-form input[type="search"] {
+		width: 100%;
 	}
 }
 

wp-admin/css/customize-controls-rtl.css

@@ -473,6 +473,7 @@ body.trashing #publish-settings {
 	height: 20px;
 	cursor: pointer;
 	box-shadow: none;
+	-webkit-appearance: none;
 	background: transparent;
 	color: #50575e;
 	border: none;
@@ -2319,7 +2320,7 @@ p.customize-section-description {
 
 .wp-customizer .theme-overlay .theme-actions {
 	text-align: left; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
-	padding: 10px 25px 5px;
+	padding: 10px 25px;
 	background: #f0f0f1;
 	border-top: 1px solid #dcdcde;
 }
@@ -2328,6 +2329,13 @@ p.customize-section-description {
 	margin-right: 8px;
 }
 
+.control-panel-themes .theme-actions .delete-theme {
+	right: 15px; /* these override themes.css on mobile */
+	left: auto;
+	bottom: auto;
+	position: absolute;
+}
+
 .modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
 	overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
 }

wp-admin/css/customize-controls.css

@@ -472,6 +472,7 @@ body.trashing #publish-settings {
 	height: 20px;
 	cursor: pointer;
 	box-shadow: none;
+	-webkit-appearance: none;
 	background: transparent;
 	color: #50575e;
 	border: none;
@@ -2318,7 +2319,7 @@ p.customize-section-description {
 
 .wp-customizer .theme-overlay .theme-actions {
 	text-align: right; /* Because there're only one or two actions, match the UI pattern of media modals and right-align the action. */
-	padding: 10px 25px 5px;
+	padding: 10px 25px;
 	background: #f0f0f1;
 	border-top: 1px solid #dcdcde;
 }
@@ -2327,6 +2328,13 @@ p.customize-section-description {
 	margin-left: 8px;
 }
 
+.control-panel-themes .theme-actions .delete-theme {
+	left: 15px; /* these override themes.css on mobile */
+	right: auto;
+	bottom: auto;
+	position: absolute;
+}
+
 .modal-open .in-themes-panel #customize-controls .wp-full-overlay-sidebar-content {
 	overflow: visible; /* Prevent the top-level Customizer controls from becoming visible when elements on the right of the details modal are focused. */
 }

wp-admin/css/dashboard-rtl.css

@@ -121,7 +121,7 @@
 	position: relative;
 	overflow: auto;
 	margin: 16px 0;
-	background-color: #151515;
+	background-color: #e7ebfd;
 	font-size: 14px;
 	line-height: 1.3;
 	clear: both;
@@ -147,35 +147,29 @@
 }
 
 .welcome-panel-header {
+	--about-header-image-width: 521px;
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
+	--about-header-bg-offset-inline: 2rem;
+
 	position: relative;
-	color: #fff;
 }
 
 .welcome-panel-header-image {
-	position: absolute !important;
-	top: 0;
-	left: 0;
+	position: absolute;
+	top: -1rem;
+	left: var(--about-header-bg-offset-inline);
 	bottom: 0;
-	right: 0;
-	z-index: 0 !important;
-	overflow: hidden;
+	width: var(--about-header-bg-width);
+	height: auto;
 }
 
 .welcome-panel-header-image svg {
-	display: block;
-	margin: auto;
 	width: 100%;
-	height: 100%;
+	height: auto;
 }
 
-.rtl .welcome-panel-header-image svg {
-	transform: scaleX(-1);
-}
-
-.welcome-panel-header * {
+.welcome-panel-header a {
 	color: inherit;
-	position: relative;
-	z-index: 1;
 }
 
 .welcome-panel-header a:focus,
@@ -215,18 +209,18 @@
 	transition: all .1s ease-in-out;
 	content: '\f335';
 	font-size: 24px;
-	color: #fff;
+	color: #1d2327;
 }
 
 .welcome-panel .welcome-panel-close {
-	color: #fff;
+	color: #1d2327;
 }
 
 .welcome-panel .welcome-panel-close:hover,
 .welcome-panel .welcome-panel-close:focus,
 .welcome-panel .welcome-panel-close:hover::before,
 .welcome-panel .welcome-panel-close:focus::before {
-	color: #fff972;
+	color: #2271b1;
 }
 
 /* @deprecated 5.9.0 -- Button removed from panel. */
@@ -252,6 +246,7 @@
 	max-width: 1500px;
 	width: 100%;
 	padding: 48px 48px 80px 0;
+	padding-left: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
 }
 
 .welcome-panel .welcome-panel-column-container {
@@ -270,16 +265,13 @@
 [class*="welcome-panel-icon"] {
 	height: 60px;
 	width: 60px;
+	background-color: #1d2327;
 	background-position: center;
 	background-size: 24px 24px;
 	background-repeat: no-repeat;
 	border-radius: 100%;
 }
 
-.welcome-panel-column > svg {
-	margin-top: 4px;
-}
-
 .welcome-panel-column {
 	display: grid;
 	grid-template-columns: min-content 1fr;
@@ -559,10 +551,6 @@
 	display: block;
 }
 
-.community-events .ce-separator::before {
-	content: "\2022";
-}
-
 .event-icon {
 	height: 18px;
 	padding-left: 10px;
@@ -894,32 +882,31 @@ body #dashboard-widgets .postbox form .submit {
 
 #future-posts ul,
 #published-posts ul {
-	margin: 8px -12px 0 -12px;
+	clear: both;
+	margin-bottom: 0;
 }
 
 #future-posts li,
 #published-posts li {
-	display: grid;
-	grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
-	column-gap: 10px;
-	color: #646970;
-	padding: 4px 12px;
+	margin-bottom: 8px;
 }
 
-#future-posts li:nth-child(odd),
-#published-posts li:nth-child(odd) {
-	background-color: #f6f7f7;
+#future-posts ul span,
+#published-posts ul span {
+	display: inline-block;
+	margin-left: 5px;
+	min-width: 150px;
+	color: #646970;
 }
 
 .activity-block {
 	border-bottom: 1px solid #f0f0f1;
-	margin: 0 -12px 6px -12px;
+	margin: 0 -12px;
 	padding: 8px 12px 4px;
 }
 
 .activity-block:last-child {
 	border-bottom: none;
-	margin-bottom: 0;
 }
 
 .activity-block .subsubsub li {
@@ -1200,8 +1187,7 @@ a.rsswidget {
 	padding-left: 6px;
 }
 
-#dashboard_php_nag.php-no-security-updates .dashicons-warning,
-#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
+#dashboard_php_nag.php-insecure .dashicons-warning {
 	color: #d63638;
 }
 
@@ -1213,13 +1199,12 @@ a.rsswidget {
 	margin: 12px 0;
 }
 
-#dashboard_php_nag .button .dashicons-external {
-	line-height: 25px;
+#dashboard_php_nag h3 {
+	font-weight: 600;
 }
 
-.bigger-bolder-text {
-	font-weight: 600;
-	font-size: 14px;
+#dashboard_php_nag .button .dashicons-external {
+	line-height: 25px;
 }
 
 /* =Media Queries
@@ -1366,13 +1351,21 @@ a.rsswidget {
 		grid-template-columns: 1fr;
 	}
 
-	[class*="welcome-panel-icon"],
-	.welcome-panel-column > svg {
+	[class*="welcome-panel-icon"] {
 		display: none;
 	}
 }
 
 @media screen and (max-width: 782px) {
+	.welcome-panel-header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
+		--about-header-bg-offset-inline: 1rem;
+	}
+
+	.welcome-panel-header-image {
+		top: 2rem;
+	}
+
 	.welcome-panel .welcome-panel-column-container {
 		grid-template-columns: 1fr;
 		box-sizing: border-box;
@@ -1463,8 +1456,7 @@ a.rsswidget {
 		grid-template-columns: 1fr;
 	}
 
-	[class*="welcome-panel-icon"],
-	.welcome-panel-column > svg {
+	[class*="welcome-panel-icon"] {
 		display: none;
 	}
 }

wp-admin/css/dashboard.css

@@ -120,7 +120,7 @@
 	position: relative;
 	overflow: auto;
 	margin: 16px 0;
-	background-color: #151515;
+	background-color: #e7ebfd;
 	font-size: 14px;
 	line-height: 1.3;
 	clear: both;
@@ -146,35 +146,29 @@
 }
 
 .welcome-panel-header {
+	--about-header-image-width: 521px;
+	--about-header-bg-width: calc(var(--about-header-image-width) * 0.55);
+	--about-header-bg-offset-inline: 2rem;
+
 	position: relative;
-	color: #fff;
 }
 
 .welcome-panel-header-image {
-	position: absolute !important;
-	top: 0;
-	right: 0;
+	position: absolute;
+	top: -1rem;
+	right: var(--about-header-bg-offset-inline);
 	bottom: 0;
-	left: 0;
-	z-index: 0 !important;
-	overflow: hidden;
+	width: var(--about-header-bg-width);
+	height: auto;
 }
 
 .welcome-panel-header-image svg {
-	display: block;
-	margin: auto;
 	width: 100%;
-	height: 100%;
+	height: auto;
 }
 
-.rtl .welcome-panel-header-image svg {
-	transform: scaleX(-1);
-}
-
-.welcome-panel-header * {
+.welcome-panel-header a {
 	color: inherit;
-	position: relative;
-	z-index: 1;
 }
 
 .welcome-panel-header a:focus,
@@ -214,18 +208,18 @@
 	transition: all .1s ease-in-out;
 	content: '\f335';
 	font-size: 24px;
-	color: #fff;
+	color: #1d2327;
 }
 
 .welcome-panel .welcome-panel-close {
-	color: #fff;
+	color: #1d2327;
 }
 
 .welcome-panel .welcome-panel-close:hover,
 .welcome-panel .welcome-panel-close:focus,
 .welcome-panel .welcome-panel-close:hover::before,
 .welcome-panel .welcome-panel-close:focus::before {
-	color: #fff972;
+	color: #2271b1;
 }
 
 /* @deprecated 5.9.0 -- Button removed from panel. */
@@ -251,6 +245,7 @@
 	max-width: 1500px;
 	width: 100%;
 	padding: 48px 0 80px 48px;
+	padding-right: calc(var(--about-header-bg-width) + (var(--about-header-bg-offset-inline) * 2));
 }
 
 .welcome-panel .welcome-panel-column-container {
@@ -269,16 +264,13 @@
 [class*="welcome-panel-icon"] {
 	height: 60px;
 	width: 60px;
+	background-color: #1d2327;
 	background-position: center;
 	background-size: 24px 24px;
 	background-repeat: no-repeat;
 	border-radius: 100%;
 }
 
-.welcome-panel-column > svg {
-	margin-top: 4px;
-}
-
 .welcome-panel-column {
 	display: grid;
 	grid-template-columns: min-content 1fr;
@@ -558,10 +550,6 @@
 	display: block;
 }
 
-.community-events .ce-separator::before {
-	content: "\2022";
-}
-
 .event-icon {
 	height: 18px;
 	padding-right: 10px;
@@ -893,32 +881,31 @@ body #dashboard-widgets .postbox form .submit {
 
 #future-posts ul,
 #published-posts ul {
-	margin: 8px -12px 0 -12px;
+	clear: both;
+	margin-bottom: 0;
 }
 
 #future-posts li,
 #published-posts li {
-	display: grid;
-	grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
-	column-gap: 10px;
-	color: #646970;
-	padding: 4px 12px;
+	margin-bottom: 8px;
 }
 
-#future-posts li:nth-child(odd),
-#published-posts li:nth-child(odd) {
-	background-color: #f6f7f7;
+#future-posts ul span,
+#published-posts ul span {
+	display: inline-block;
+	margin-right: 5px;
+	min-width: 150px;
+	color: #646970;
 }
 
 .activity-block {
 	border-bottom: 1px solid #f0f0f1;
-	margin: 0 -12px 6px -12px;
+	margin: 0 -12px;
 	padding: 8px 12px 4px;
 }
 
 .activity-block:last-child {
 	border-bottom: none;
-	margin-bottom: 0;
 }
 
 .activity-block .subsubsub li {
@@ -1199,8 +1186,7 @@ a.rsswidget {
 	padding-right: 6px;
 }
 
-#dashboard_php_nag.php-no-security-updates .dashicons-warning,
-#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
+#dashboard_php_nag.php-insecure .dashicons-warning {
 	color: #d63638;
 }
 
@@ -1212,13 +1198,12 @@ a.rsswidget {
 	margin: 12px 0;
 }
 
-#dashboard_php_nag .button .dashicons-external {
-	line-height: 25px;
+#dashboard_php_nag h3 {
+	font-weight: 600;
 }
 
-.bigger-bolder-text {
-	font-weight: 600;
-	font-size: 14px;
+#dashboard_php_nag .button .dashicons-external {
+	line-height: 25px;
 }
 
 /* =Media Queries
@@ -1365,13 +1350,21 @@ a.rsswidget {
 		grid-template-columns: 1fr;
 	}
 
-	[class*="welcome-panel-icon"],
-	.welcome-panel-column > svg {
+	[class*="welcome-panel-icon"] {
 		display: none;
 	}
 }
 
 @media screen and (max-width: 782px) {
+	.welcome-panel-header {
+		--about-header-bg-width: calc(var(--about-header-image-width) * 0.4);
+		--about-header-bg-offset-inline: 1rem;
+	}
+
+	.welcome-panel-header-image {
+		top: 2rem;
+	}
+
 	.welcome-panel .welcome-panel-column-container {
 		grid-template-columns: 1fr;
 		box-sizing: border-box;
@@ -1462,8 +1455,7 @@ a.rsswidget {
 		grid-template-columns: 1fr;
 	}
 
-	[class*="welcome-panel-icon"],
-	.welcome-panel-column > svg {
+	[class*="welcome-panel-icon"] {
 		display: none;
 	}
 }

wp-admin/css/edit-rtl.css

@@ -726,17 +726,6 @@ form#tags-filter {
 	padding-right: 0;
 }
 
-/* Better position for the WordPress admin notices. */
-.privacy-settings .notice,
-.site-health .notice {
-	margin: 25px 22px 15px 20px;
-}
-
-.privacy-settings .notice ~ .notice,
-.site-health .notice ~ .notice {
-	margin-top: 5px;
-}
-
 /* Emulates .wrap h1 styling */
 .privacy-settings-header h1,
 .health-check-header h1 {
@@ -1069,10 +1058,6 @@ form#tags-filter {
 	padding: 0 8px 8px;
 }
 
-#postcustom #postcustomstuff .add-custom-field {
-	padding: 12px 8px 8px;
-}
-
 #side-sortables #postcustom #postcustomstuff .submit {
 	margin: 0;
 	padding: 0;
@@ -1123,8 +1108,7 @@ form#tags-filter {
 	width: auto;
 }
 
-#postcustomstuff #newmetaleft a,
-#postcustomstuff #newmeta-button {
+#postcustomstuff #newmetaleft a {
 	display: inline-block;
 	margin: 0 8px 8px;
 	text-decoration: none;

wp-admin/css/edit.css

@@ -725,17 +725,6 @@ form#tags-filter {
 	padding-left: 0;
 }
 
-/* Better position for the WordPress admin notices. */
-.privacy-settings .notice,
-.site-health .notice {
-	margin: 25px 20px 15px 22px;
-}
-
-.privacy-settings .notice ~ .notice,
-.site-health .notice ~ .notice {
-	margin-top: 5px;
-}
-
 /* Emulates .wrap h1 styling */
 .privacy-settings-header h1,
 .health-check-header h1 {
@@ -1068,10 +1057,6 @@ form#tags-filter {
 	padding: 0 8px 8px;
 }
 
-#postcustom #postcustomstuff .add-custom-field {
-	padding: 12px 8px 8px;
-}
-
 #side-sortables #postcustom #postcustomstuff .submit {
 	margin: 0;
 	padding: 0;
@@ -1122,8 +1107,7 @@ form#tags-filter {
 	width: auto;
 }
 
-#postcustomstuff #newmetaleft a,
-#postcustomstuff #newmeta-button {
+#postcustomstuff #newmetaleft a {
 	display: inline-block;
 	margin: 0 8px 8px;
 	text-decoration: none;

wp-admin/css/forms-rtl.css

@@ -548,67 +548,10 @@ fieldset label,
 
 .wp-generate-pw {
 	margin-top: 1em;
-	position: relative;
-}
-
-.wp-pwd button {
-	height: min-content;
-}
-
-.wp-pwd button.pwd-toggle .dashicons {
-	position: relative;
-	top: 0.25rem;
 }
 
 .wp-pwd {
 	margin-top: 1em;
-	position: relative;
-}
-
-.mailserver-pass-wrap .wp-pwd {
-	display: inline-block;
-	margin-top: 0;
-}
-
-/* rtl:ignore */
-#mailserver_pass {
-	padding-right: 2.5rem;
-}
-
-/* rtl:ignore */
-.mailserver-pass-wrap .button.wp-hide-pw {
-	background: transparent;
-	border: 1px solid transparent;
-	box-shadow: none;
-	font-size: 14px;
-	line-height: 2;
-	width: 2.5rem;
-	min-width: 40px;
-	margin: 0;
-	padding: 0 9px;
-	position: absolute;
-	right: 0;
-	top: 0;
-}
-
-.mailserver-pass-wrap .button.wp-hide-pw:hover {
-	background: transparent;
-	border-color: transparent;
-}
-
-.mailserver-pass-wrap .button.wp-hide-pw:focus {
-	background: transparent;
-	border-color: #3582c4;
-	border-radius: 4px;
-	box-shadow: 0 0 0 1px #3582c4;
-	/* Only visible in Windows High Contrast mode */
-	outline: 2px solid transparent;
-}
-
-.mailserver-pass-wrap .button.wp-hide-pw:active {
-	background: transparent;
-	box-shadow: none;
-	transform: none;
 }
 
 #misc-publishing-actions label {
@@ -651,10 +594,6 @@ fieldset label,
 	opacity: 1;
 }
 
-.password-input-wrapper {
-	display: inline-block;
-}
-
 .password-input-wrapper input {
 	font-family: Consolas, Monaco, monospace;
 }
@@ -733,7 +672,7 @@ input[type="text"].ui-autocomplete-loading,
 input[type="email"].ui-autocomplete-loading {
 	background-image: url(../images/loading.gif);
 	background-repeat: no-repeat;
-	background-position: left 5px center;
+	background-position: left center;
 	visibility: visible;
 }
 
@@ -838,12 +777,6 @@ ul#add-to-blog-users {
 
 .form-table p.timezone-info {
 	margin: 1em 0;
-	display: flex;
-	flex-direction: column;
-}
-
-#local-time {
-	margin-top: 0.5em;
 }
 
 .form-table td fieldset label {
@@ -953,7 +886,6 @@ table.form-table td .updated p {
 #application-passwords-section .notice {
 	margin-top: 20px;
 	margin-bottom: 0;
-	word-wrap: break-word;
 }
 
 .application-password-display input.code {
@@ -1131,49 +1063,16 @@ table.form-table td .updated p {
 }
 
 .settings-php .language-install-spinner,
-.options-general-php .language-install-spinner,
-.user-edit-php .language-install-spinner,
-.profile-php .language-install-spinner {
+.options-general-php .language-install-spinner {
 	display: inline-block;
 	float: none;
 	margin: -3px 5px 0;
 	vertical-align: middle;
 }
 
-.form-table.permalink-structure .available-structure-tags {
-	margin-top: 8px;
-}
-
-.form-table.permalink-structure .available-structure-tags ul {
-	display: flex;
-	flex-wrap: wrap;
-	margin: 8px 0 0;
-}
-
 .form-table.permalink-structure .available-structure-tags li {
-	margin: 6px 0 0 5px;
-}
-
-.form-table.permalink-structure .available-structure-tags li:last-child {
-	margin-left: 0;
-}
-
-.form-table.permalink-structure .structure-selection .row {
-	margin-bottom: 16px;
-}
-
-.form-table.permalink-structure .structure-selection .row > div {
-	max-width: calc(100% - 24px);
-	display: inline-flex;
-	flex-direction: column;
-}
-
-.form-table.permalink-structure .structure-selection .row label {
-	font-weight: 600;
-}
-
-.form-table.permalink-structure .structure-selection .row p {
-	margin-top: 0;
+	float: right;
+	margin-left: 5px;
 }
 
 /*------------------------------------------------------------------------------
@@ -1209,11 +1108,6 @@ table.form-table td .updated p {
 	max-width: 60%;
 }
 
-.configuration-rules-label {
-	font-weight: 600;
-	margin-bottom: 4px;
-}
-
 /*------------------------------------------------------------------------------
    Credentials check dialog for Install and Updates
 ------------------------------------------------------------------------------*/
@@ -1645,15 +1539,13 @@ table.form-table td .updated p {
 		padding: 8px;
 	}
 
-	.password-input-wrapper {
-		display: block;
-	}
-
 	p.search-box {
 		float: none;
-		width: 100%;
+		position: absolute;
+		bottom: 0;
+		width: 98%;
+		height: 90px;
 		margin-bottom: 20px;
-		display: flex;
 	}
 
 	p.search-box input[name="s"] {
@@ -1685,20 +1577,14 @@ table.form-table td .updated p {
 	}
 
 	.form-table.permalink-structure td code {
+		margin-right: 32px;
 		display: inline-block;
 	}
 
-	.form-table.permalink-structure .structure-selection {
-		margin-top: 8px;
-	}
-
-	.form-table.permalink-structure .structure-selection .row > div {
-		max-width: calc(100% - 36px);
-		width: 100%;
-	}
-
 	.form-table.permalink-structure td input[type="text"] {
+		margin-right: 32px;
 		margin-top: 4px;
+		width: 96%;
 	}
 
 	.form-table input.regular-text {
@@ -1709,11 +1595,6 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
-	.form-table td > label:first-child {
-		display: inline-block;
-		margin-top: 0.35em;
-	}
-
 	.background-position-control .button-group > label {
 		font-size: 0;
 	}
@@ -1722,6 +1603,13 @@ table.form-table td .updated p {
 		display: block;
 	}
 
+	#utc-time,
+	#local-time {
+		display: block;
+		float: none;
+		margin-top: 0.5em;
+	}
+
 	.form-field #domain {
 		max-width: none;
 	}
@@ -1756,10 +1644,6 @@ table.form-table td .updated p {
 		left: 2.5rem;
 	}
 
-	body.user-new-php .wp-pwd button.wp-hide-pw {
-		left: 0;
-	}
-
 	.wp-pwd button.button:hover,
 	.wp-pwd button.button:focus {
 		background: transparent;
@@ -1781,24 +1665,10 @@ table.form-table td .updated p {
 		padding-left: 5rem;
 	}
 
-	body.user-new-php .wp-pwd [type="text"],
-	body.user-new-php .wp-pwd [type="password"] {
-		padding-left: 2.5rem;
-	}
-
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}
 
-	.mailserver-pass-wrap .wp-pwd {
-		display: block;
-	}
-
-	/* rtl:ignore */
-	#mailserver_pass {
-		padding-left: 10px;
-	}
-
 	.options-general-php input[type="text"].small-text {
 		max-width: 6.25em;
 		margin: 0;

wp-admin/css/forms.css

@@ -547,67 +547,10 @@ fieldset label,
 
 .wp-generate-pw {
 	margin-top: 1em;
-	position: relative;
-}
-
-.wp-pwd button {
-	height: min-content;
-}
-
-.wp-pwd button.pwd-toggle .dashicons {
-	position: relative;
-	top: 0.25rem;
 }
 
 .wp-pwd {
 	margin-top: 1em;
-	position: relative;
-}
-
-.mailserver-pass-wrap .wp-pwd {
-	display: inline-block;
-	margin-top: 0;
-}
-
-/* rtl:ignore */
-#mailserver_pass {
-	padding-right: 2.5rem;
-}
-
-/* rtl:ignore */
-.mailserver-pass-wrap .button.wp-hide-pw {
-	background: transparent;
-	border: 1px solid transparent;
-	box-shadow: none;
-	font-size: 14px;
-	line-height: 2;
-	width: 2.5rem;
-	min-width: 40px;
-	margin: 0;
-	padding: 0 9px;
-	position: absolute;
-	right: 0;
-	top: 0;
-}
-
-.mailserver-pass-wrap .button.wp-hide-pw:hover {
-	background: transparent;
-	border-color: transparent;
-}
-
-.mailserver-pass-wrap .button.wp-hide-pw:focus {
-	background: transparent;
-	border-color: #3582c4;
-	border-radius: 4px;
-	box-shadow: 0 0 0 1px #3582c4;
-	/* Only visible in Windows High Contrast mode */
-	outline: 2px solid transparent;
-}
-
-.mailserver-pass-wrap .button.wp-hide-pw:active {
-	background: transparent;
-	box-shadow: none;
-	transform: none;
 }
 
 #misc-publishing-actions label {
@@ -650,10 +593,6 @@ fieldset label,
 	opacity: 1;
 }
 
-.password-input-wrapper {
-	display: inline-block;
-}
-
 .password-input-wrapper input {
 	font-family: Consolas, Monaco, monospace;
 }
@@ -732,7 +671,7 @@ input[type="text"].ui-autocomplete-loading,
 input[type="email"].ui-autocomplete-loading {
 	background-image: url(../images/loading.gif);
 	background-repeat: no-repeat;
-	background-position: right 5px center;
+	background-position: right center;
 	visibility: visible;
 }
 
@@ -837,12 +776,6 @@ ul#add-to-blog-users {
 
 .form-table p.timezone-info {
 	margin: 1em 0;
-	display: flex;
-	flex-direction: column;
-}
-
-#local-time {
-	margin-top: 0.5em;
 }
 
 .form-table td fieldset label {
@@ -952,7 +885,6 @@ table.form-table td .updated p {
 #application-passwords-section .notice {
 	margin-top: 20px;
 	margin-bottom: 0;
-	word-wrap: break-word;
 }
 
 .application-password-display input.code {
@@ -1130,49 +1062,16 @@ table.form-table td .updated p {
 }
 
 .settings-php .language-install-spinner,
-.options-general-php .language-install-spinner,
-.user-edit-php .language-install-spinner,
-.profile-php .language-install-spinner {
+.options-general-php .language-install-spinner {
 	display: inline-block;
 	float: none;
 	margin: -3px 5px 0;
 	vertical-align: middle;
 }
 
-.form-table.permalink-structure .available-structure-tags {
-	margin-top: 8px;
-}
-
-.form-table.permalink-structure .available-structure-tags ul {
-	display: flex;
-	flex-wrap: wrap;
-	margin: 8px 0 0;
-}
-
 .form-table.permalink-structure .available-structure-tags li {
-	margin: 6px 5px 0 0;
-}
-
-.form-table.permalink-structure .available-structure-tags li:last-child {
-	margin-right: 0;
-}
-
-.form-table.permalink-structure .structure-selection .row {
-	margin-bottom: 16px;
-}
-
-.form-table.permalink-structure .structure-selection .row > div {
-	max-width: calc(100% - 24px);
-	display: inline-flex;
-	flex-direction: column;
-}
-
-.form-table.permalink-structure .structure-selection .row label {
-	font-weight: 600;
-}
-
-.form-table.permalink-structure .structure-selection .row p {
-	margin-top: 0;
+	float: left;
+	margin-right: 5px;
 }
 
 /*------------------------------------------------------------------------------
@@ -1208,11 +1107,6 @@ table.form-table td .updated p {
 	max-width: 60%;
 }
 
-.configuration-rules-label {
-	font-weight: 600;
-	margin-bottom: 4px;
-}
-
 /*------------------------------------------------------------------------------
    Credentials check dialog for Install and Updates
 ------------------------------------------------------------------------------*/
@@ -1644,15 +1538,13 @@ table.form-table td .updated p {
 		padding: 8px;
 	}
 
-	.password-input-wrapper {
-		display: block;
-	}
-
 	p.search-box {
 		float: none;
-		width: 100%;
+		position: absolute;
+		bottom: 0;
+		width: 98%;
+		height: 90px;
 		margin-bottom: 20px;
-		display: flex;
 	}
 
 	p.search-box input[name="s"] {
@@ -1684,20 +1576,14 @@ table.form-table td .updated p {
 	}
 
 	.form-table.permalink-structure td code {
+		margin-left: 32px;
 		display: inline-block;
 	}
 
-	.form-table.permalink-structure .structure-selection {
-		margin-top: 8px;
-	}
-
-	.form-table.permalink-structure .structure-selection .row > div {
-		max-width: calc(100% - 36px);
-		width: 100%;
-	}
-
 	.form-table.permalink-structure td input[type="text"] {
+		margin-left: 32px;
 		margin-top: 4px;
+		width: 96%;
 	}
 
 	.form-table input.regular-text {
@@ -1708,11 +1594,6 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
-	.form-table td > label:first-child {
-		display: inline-block;
-		margin-top: 0.35em;
-	}
-
 	.background-position-control .button-group > label {
 		font-size: 0;
 	}
@@ -1721,6 +1602,13 @@ table.form-table td .updated p {
 		display: block;
 	}
 
+	#utc-time,
+	#local-time {
+		display: block;
+		float: none;
+		margin-top: 0.5em;
+	}
+
 	.form-field #domain {
 		max-width: none;
 	}
@@ -1755,10 +1643,6 @@ table.form-table td .updated p {
 		right: 2.5rem;
 	}
 
-	body.user-new-php .wp-pwd button.wp-hide-pw {
-		right: 0;
-	}
-
 	.wp-pwd button.button:hover,
 	.wp-pwd button.button:focus {
 		background: transparent;
@@ -1780,24 +1664,10 @@ table.form-table td .updated p {
 		padding-right: 5rem;
 	}
 
-	body.user-new-php .wp-pwd [type="text"],
-	body.user-new-php .wp-pwd [type="password"] {
-		padding-right: 2.5rem;
-	}
-
 	.wp-cancel-pw .dashicons-no {
 		display: inline-block;
 	}
 
-	.mailserver-pass-wrap .wp-pwd {
-		display: block;
-	}
-
-	/* rtl:ignore */
-	#mailserver_pass {
-		padding-left: 10px;
-	}
-
 	.options-general-php input[type="text"].small-text {
 		max-width: 6.25em;
 		margin: 0;

wp-admin/css/install-rtl.css

@@ -132,7 +132,7 @@ textarea {
 	font-size: 14px;
 	text-align: right;
 	padding: 10px 0 10px 20px;
-	width: 115px;
+	width: 140px;
 	vertical-align: top;
 }
 
@@ -146,30 +146,12 @@ textarea {
 	font-size: 11px;
 }
 
-.form-table .setup-description {
-	margin: 4px 0 0;
-	line-height: 1.6;
-}
-
 .form-table input {
 	line-height: 1.33333333;
 	font-size: 15px;
 	padding: 3px 5px;
 }
 
-.wp-pwd {
-	margin-top: 0;
-}
-
-.form-table .wp-pwd {
-	display: flex;
-	column-gap: 4px;
-}
-
-.form-table .password-input-wrapper {
-	width: 100%;
-}
-
 input,
 submit {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -180,7 +162,7 @@ submit {
 .form-table input[type=url],
 .form-table input[type=password],
 #pass-strength-result {
-	width: 100%;
+	width: 218px;
 }
 
 .form-table th p {
@@ -305,10 +287,6 @@ body.rtl,
 		box-sizing: border-box;
 	}
 
-	#pwd {
-		padding-left: 2.5rem;
-	}
-
 	.wp-pwd #pass1 {
 		padding-left: 50px;
 	}

wp-admin/css/install.css

@@ -131,7 +131,7 @@ textarea {
 	font-size: 14px;
 	text-align: left;
 	padding: 10px 20px 10px 0;
-	width: 115px;
+	width: 140px;
 	vertical-align: top;
 }
 
@@ -145,30 +145,12 @@ textarea {
 	font-size: 11px;
 }
 
-.form-table .setup-description {
-	margin: 4px 0 0;
-	line-height: 1.6;
-}
-
 .form-table input {
 	line-height: 1.33333333;
 	font-size: 15px;
 	padding: 3px 5px;
 }
 
-.wp-pwd {
-	margin-top: 0;
-}
-
-.form-table .wp-pwd {
-	display: flex;
-	column-gap: 4px;
-}
-
-.form-table .password-input-wrapper {
-	width: 100%;
-}
-
 input,
 submit {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -179,7 +161,7 @@ submit {
 .form-table input[type=url],
 .form-table input[type=password],
 #pass-strength-result {
-	width: 100%;
+	width: 218px;
 }
 
 .form-table th p {
@@ -304,10 +286,6 @@ body.rtl,
 		box-sizing: border-box;
 	}
 
-	#pwd {
-		padding-right: 2.5rem;
-	}
-
 	.wp-pwd #pass1 {
 		padding-right: 50px;
 	}

wp-admin/css/list-tables-rtl.css

@@ -462,64 +462,50 @@ table.media .column-title .filename {
 	width: 160px;
 }
 
-.sorting-indicators {
-	display: grid;
-}
-
 .sorting-indicator {
 	display: block;
+	visibility: hidden;
 	width: 10px;
 	height: 4px;
-	margin-top: 4px;
+	margin-top: 8px;
 	margin-right: 7px;
 }
 
 .sorting-indicator:before {
+	content: "\f142";
 	font: normal 20px/1 dashicons;
 	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: -4px;
 	right: -8px;
+	color: #3c434a;
 	line-height: 0.5;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #a7aaad;
+	color: #3c434a;
 }
 
-.sorting-indicator.asc:before {
+.column-comments .sorting-indicator:before {
+	top: 0;
+	right: -10px;
+}
+
+th.sorted.asc .sorting-indicator:before,
+th.desc:hover span.sorting-indicator:before,
+th.desc a:focus span.sorting-indicator:before {
 	content: "\f142";
 }
 
-.sorting-indicator.desc:before {
+th.sorted.desc .sorting-indicator:before,
+th.asc:hover span.sorting-indicator:before,
+th.asc a:focus span.sorting-indicator:before {
 	content: "\f140";
 }
 
-th.sorted.desc .sorting-indicator.desc:before {
-	color: #1d2327;
-}
-
-th.sorted.asc .sorting-indicator.asc:before {
-	color: #1d2327;
-}
-
-th.sorted.asc a:focus .sorting-indicator.asc:before,
-th.sorted.asc:hover .sorting-indicator.asc:before,
-th.sorted.desc a:focus .sorting-indicator.desc:before,
-th.sorted.desc:hover .sorting-indicator.desc:before {
-	color: #a7aaad;
-}
-
-th.sorted.asc a:focus .sorting-indicator.desc:before,
-th.sorted.asc:hover .sorting-indicator.desc:before,
-th.sorted.desc a:focus .sorting-indicator.asc:before,
-th.sorted.desc:hover .sorting-indicator.asc:before {
-	color: #1d2327;
-}
-
 .wp-list-table .toggle-row {
 	position: absolute;
 	left: 8px;
@@ -567,35 +553,6 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 	content: "\f142";
 }
 
-.check-column {
-	position: relative;
-}
-
-.check-column label {
-	box-sizing: border-box;
-	width: 100%;
-	height: 100%;
-	display: block;
-	position: absolute;
-	top: 0;
-	right: 0;
-}
-
-.check-column input {
-	position: relative;
-	z-index: 1;
-}
-
-.check-column input:where(:not(:disabled)):hover,
-.check-column:hover input:where(:not(:disabled)) {
-	box-shadow: 0 0 0 1px #2271b1;
-}
-
-.check-column label:hover,
-.check-column input:hover + label {
-	background: rgba(0, 0, 0, 0.05);
-}
-
 .locked-indicator {
 	display: none;
 	margin-right: 6px;
@@ -635,6 +592,10 @@ tr.wp-locked .row-actions .trash {
 	display: none;
 }
 
+.fixed .column-comments .sorting-indicator {
+	margin-top: 3px;
+}
+
 #menu-locations-wrap .widefat {
 	width: 60%;
 }
@@ -662,6 +623,14 @@ th.sorted a span {
 	cursor: pointer;
 }
 
+th.sorted .sorting-indicator,
+th.desc:hover span.sorting-indicator,
+th.desc a:focus span.sorting-indicator,
+th.asc:hover span.sorting-indicator,
+th.asc a:focus span.sorting-indicator {
+	visibility: visible;
+}
+
 .tablenav-pages .current-page {
 	margin: 0 0 0 2px;
 	font-size: 13px;
@@ -1376,7 +1345,7 @@ ul.cat-checklist {
 }
 
 .plugins tr.paused th.check-column {
-	border-right: 4px solid #b32d2e;
+	border-right: 4px solid #d63638;
 }
 
 .plugins tr.paused th,
@@ -1386,7 +1355,7 @@ ul.cat-checklist {
 
 .plugins tr.paused .plugin-title,
 .plugins .paused .dashicons-warning {
-	color: #b32d2e;
+	color: #d63638;
 }
 
 .plugins .paused .error-display p,
@@ -1396,7 +1365,7 @@ ul.cat-checklist {
 }
 
 .plugins .resume-link {
-	color: #b32d2e;
+	color: #d63638;
 }
 
 .plugin-card .update-now:before {
@@ -1404,11 +1373,11 @@ ul.cat-checklist {
 	content: "\f463";
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	margin: -3px -2px 0 5px;
+	margin: 3px -2px 0 5px;
 	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	vertical-align: middle;
+	vertical-align: top;
 }
 
 .plugin-card .updating-message:before {
@@ -1430,17 +1399,6 @@ ul.cat-checklist {
 	content: "\f147";
 }
 
-.plugin-install-php #the-list {
-	display: flex;
-	flex-wrap: wrap;
-}
-
-.plugin-install-php .plugin-card {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-}
-
 .plugin-install-php h2 {
 	clear: both;
 }
@@ -1668,7 +1626,6 @@ div.action-links,
 	font-style: normal;
 	margin: 0;
 	padding: 100px 0 0;
-	width: 100%;
 	text-align: center;
 }
 
@@ -1796,15 +1753,6 @@ div.action-links,
 		display: none;
 	}
 
-	.tablenav.bottom .actions select {
-		margin-bottom: 5px;
-	}
-
-	.tablenav.bottom .actions.alignleft + .actions.alignleft {
-		clear: right;
-		margin-top: 10px;
-	}
-
 	.tablenav.bottom .tablenav-pages.one-page {
 		margin-top: 15px;
 		height: 0;

wp-admin/css/list-tables.css

@@ -461,64 +461,50 @@ table.media .column-title .filename {
 	width: 160px;
 }
 
-.sorting-indicators {
-	display: grid;
-}
-
 .sorting-indicator {
 	display: block;
+	visibility: hidden;
 	width: 10px;
 	height: 4px;
-	margin-top: 4px;
+	margin-top: 8px;
 	margin-left: 7px;
 }
 
 .sorting-indicator:before {
+	content: "\f142";
 	font: normal 20px/1 dashicons;
 	speak: never;
 	display: inline-block;
 	padding: 0;
 	top: -4px;
 	left: -8px;
+	color: #3c434a;
 	line-height: 0.5;
 	position: relative;
 	vertical-align: top;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	text-decoration: none !important;
-	color: #a7aaad;
+	color: #3c434a;
 }
 
-.sorting-indicator.asc:before {
+.column-comments .sorting-indicator:before {
+	top: 0;
+	left: -10px;
+}
+
+th.sorted.asc .sorting-indicator:before,
+th.desc:hover span.sorting-indicator:before,
+th.desc a:focus span.sorting-indicator:before {
 	content: "\f142";
 }
 
-.sorting-indicator.desc:before {
+th.sorted.desc .sorting-indicator:before,
+th.asc:hover span.sorting-indicator:before,
+th.asc a:focus span.sorting-indicator:before {
 	content: "\f140";
 }
 
-th.sorted.desc .sorting-indicator.desc:before {
-	color: #1d2327;
-}
-
-th.sorted.asc .sorting-indicator.asc:before {
-	color: #1d2327;
-}
-
-th.sorted.asc a:focus .sorting-indicator.asc:before,
-th.sorted.asc:hover .sorting-indicator.asc:before,
-th.sorted.desc a:focus .sorting-indicator.desc:before,
-th.sorted.desc:hover .sorting-indicator.desc:before {
-	color: #a7aaad;
-}
-
-th.sorted.asc a:focus .sorting-indicator.desc:before,
-th.sorted.asc:hover .sorting-indicator.desc:before,
-th.sorted.desc a:focus .sorting-indicator.asc:before,
-th.sorted.desc:hover .sorting-indicator.asc:before {
-	color: #1d2327;
-}
-
 .wp-list-table .toggle-row {
 	position: absolute;
 	right: 8px;
@@ -566,35 +552,6 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 	content: "\f142";
 }
 
-.check-column {
-	position: relative;
-}
-
-.check-column label {
-	box-sizing: border-box;
-	width: 100%;
-	height: 100%;
-	display: block;
-	position: absolute;
-	top: 0;
-	left: 0;
-}
-
-.check-column input {
-	position: relative;
-	z-index: 1;
-}
-
-.check-column input:where(:not(:disabled)):hover,
-.check-column:hover input:where(:not(:disabled)) {
-	box-shadow: 0 0 0 1px #2271b1;
-}
-
-.check-column label:hover,
-.check-column input:hover + label {
-	background: rgba(0, 0, 0, 0.05);
-}
-
 .locked-indicator {
 	display: none;
 	margin-left: 6px;
@@ -634,6 +591,10 @@ tr.wp-locked .row-actions .trash {
 	display: none;
 }
 
+.fixed .column-comments .sorting-indicator {
+	margin-top: 3px;
+}
+
 #menu-locations-wrap .widefat {
 	width: 60%;
 }
@@ -661,6 +622,14 @@ th.sorted a span {
 	cursor: pointer;
 }
 
+th.sorted .sorting-indicator,
+th.desc:hover span.sorting-indicator,
+th.desc a:focus span.sorting-indicator,
+th.asc:hover span.sorting-indicator,
+th.asc a:focus span.sorting-indicator {
+	visibility: visible;
+}
+
 .tablenav-pages .current-page {
 	margin: 0 2px 0 0;
 	font-size: 13px;
@@ -1375,7 +1344,7 @@ ul.cat-checklist {
 }
 
 .plugins tr.paused th.check-column {
-	border-left: 4px solid #b32d2e;
+	border-left: 4px solid #d63638;
 }
 
 .plugins tr.paused th,
@@ -1385,7 +1354,7 @@ ul.cat-checklist {
 
 .plugins tr.paused .plugin-title,
 .plugins .paused .dashicons-warning {
-	color: #b32d2e;
+	color: #d63638;
 }
 
 .plugins .paused .error-display p,
@@ -1395,7 +1364,7 @@ ul.cat-checklist {
 }
 
 .plugins .resume-link {
-	color: #b32d2e;
+	color: #d63638;
 }
 
 .plugin-card .update-now:before {
@@ -1403,11 +1372,11 @@ ul.cat-checklist {
 	content: "\f463";
 	display: inline-block;
 	font: normal 20px/1 dashicons;
-	margin: -3px 5px 0 -2px;
+	margin: 3px 5px 0 -2px;
 	speak: never;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
-	vertical-align: middle;
+	vertical-align: top;
 }
 
 .plugin-card .updating-message:before {
@@ -1429,17 +1398,6 @@ ul.cat-checklist {
 	content: "\f147";
 }
 
-.plugin-install-php #the-list {
-	display: flex;
-	flex-wrap: wrap;
-}
-
-.plugin-install-php .plugin-card {
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-}
-
 .plugin-install-php h2 {
 	clear: both;
 }
@@ -1667,7 +1625,6 @@ div.action-links,
 	font-style: normal;
 	margin: 0;
 	padding: 100px 0 0;
-	width: 100%;
 	text-align: center;
 }
 
@@ -1795,15 +1752,6 @@ div.action-links,
 		display: none;
 	}
 
-	.tablenav.bottom .actions select {
-		margin-bottom: 5px;
-	}
-
-	.tablenav.bottom .actions.alignleft + .actions.alignleft {
-		clear: left;
-		margin-top: 10px;
-	}
-
 	.tablenav.bottom .tablenav-pages.one-page {
 		margin-top: 15px;
 		height: 0;

wp-admin/css/login-rtl.css

@@ -43,8 +43,8 @@ p {
 }
 
 .login .message,
-.login .notice,
-.login .success {
+.login .success,
+.login #login_error {
 	border-right: 4px solid #72aee6;
 	padding: 12px;
 	margin-right: 0;
@@ -58,19 +58,10 @@ p {
 	border-right-color: #00a32a;
 }
 
-/* Match border color from common.css */
-.login .notice-error {
+.login #login_error {
 	border-right-color: #d63638;
 }
 
-.login .login-error-list {
-	list-style: none;
-}
-
-.login .login-error-list li + li {
-	margin-top: 4px;
-}
-
 #loginform p.submit,
 .login-action-lostpassword p.submit {
 	border: none;
@@ -247,11 +238,6 @@ p {
 	margin-bottom: 0;
 }
 
-#login form .indicator-hint,
-#login #reg_passmail {
-	margin-bottom: 16px;
-}
-
 #login form p.submit {
 	margin: 0;
 	padding: 0;
@@ -357,7 +343,9 @@ p {
 	font-family: Consolas, Monaco, monospace;
 }
 
-.js.login input.password-input {
+.js.login input.password-input,
+.js.login-action-rp form .input,
+.js.login-action-rp input[type="text"] {
 	padding-left: 2.5rem;
 }
 
@@ -367,8 +355,6 @@ p {
 	background: #fff;
 }
 
-.js.login-action-resetpass input[type="text"],
-.js.login-action-resetpass input[type="password"],
 .js.login-action-rp input[type="text"],
 .js.login-action-rp input[type="password"] {
 	margin-bottom: 0;
@@ -452,7 +438,8 @@ input::-ms-reveal {
 	height: auto;
 }
 
-.login .language-switcher .button {
+.login .language-switcher .button-primary {
+	float: none;
 	margin-bottom: 0;
 }
 
@@ -486,7 +473,7 @@ input::-ms-reveal {
 }
 
 @media screen and (max-width: 400px) {
-	.login .language-switcher .button {
+	.login .language-switcher .button-primary {
 		display: block;
 		margin: 5px auto 0;
 	}

wp-admin/css/login.css

@@ -42,8 +42,8 @@ p {
 }
 
 .login .message,
-.login .notice,
-.login .success {
+.login .success,
+.login #login_error {
 	border-left: 4px solid #72aee6;
 	padding: 12px;
 	margin-left: 0;
@@ -57,19 +57,10 @@ p {
 	border-left-color: #00a32a;
 }
 
-/* Match border color from common.css */
-.login .notice-error {
+.login #login_error {
 	border-left-color: #d63638;
 }
 
-.login .login-error-list {
-	list-style: none;
-}
-
-.login .login-error-list li + li {
-	margin-top: 4px;
-}
-
 #loginform p.submit,
 .login-action-lostpassword p.submit {
 	border: none;
@@ -246,11 +237,6 @@ p {
 	margin-bottom: 0;
 }
 
-#login form .indicator-hint,
-#login #reg_passmail {
-	margin-bottom: 16px;
-}
-
 #login form p.submit {
 	margin: 0;
 	padding: 0;
@@ -356,7 +342,9 @@ p {
 	font-family: Consolas, Monaco, monospace;
 }
 
-.js.login input.password-input {
+.js.login input.password-input,
+.js.login-action-rp form .input,
+.js.login-action-rp input[type="text"] {
 	padding-right: 2.5rem;
 }
 
@@ -366,8 +354,6 @@ p {
 	background: #fff;
 }
 
-.js.login-action-resetpass input[type="text"],
-.js.login-action-resetpass input[type="password"],
 .js.login-action-rp input[type="text"],
 .js.login-action-rp input[type="password"] {
 	margin-bottom: 0;
@@ -451,7 +437,8 @@ input::-ms-reveal {
 	height: auto;
 }
 
-.login .language-switcher .button {
+.login .language-switcher .button-primary {
+	float: none;
 	margin-bottom: 0;
 }
 
@@ -485,7 +472,7 @@ input::-ms-reveal {
 }
 
 @media screen and (max-width: 400px) {
-	.login .language-switcher .button {
+	.login .language-switcher .button-primary {
 		display: block;
 		margin: 5px auto 0;
 	}

wp-admin/css/media-rtl.css

@@ -131,7 +131,6 @@
 }
 
 .media-item .edit-attachment.copy-to-clipboard-container {
-	display: flex;
 	margin-top: 0;
 }
 
@@ -193,7 +192,7 @@
 
 .media-item .original {
 	position: relative;
-	min-height: 34px;
+	height: 34px;
 }
 
 .media-item .progress {
@@ -585,7 +584,7 @@ border color while dragging a file over the uploader drop area */
 	margin-top: 0;
 }
 
-.media-frame-content .media-search-input-label {
+.media-search-input-label {
 	margin: 0 0 0 .2em;
 	vertical-align: baseline;
 }
@@ -783,8 +782,8 @@ border color while dragging a file over the uploader drop area */
 
 .edit-attachment-frame input,
 .edit-attachment-frame textarea {
-	padding: 4px 8px;
-	line-height: 1.42857143;
+	padding: 6px 8px;
+	line-height: 1.14285714;
 }
 
 .edit-attachment-frame .attachment-info {
@@ -851,11 +850,6 @@ border color while dragging a file over the uploader drop area */
 	margin-bottom: 5px;
 }
 
-.wp_attachment_details #attachment_alt {
-	max-width: 500px;
-	height: 3.28571428em;
-}
-
 .wp_attachment_details .attachment-alt-text-description {
 	margin-top: 5px;
 }
@@ -879,16 +873,16 @@ border color while dragging a file over the uploader drop area */
 	padding-top: 10px;
 }
 
-.image-editor p,
-.image-editor fieldset {
+.imgedit-settings p,
+.imgedit-settings fieldset {
 	margin: 8px 0;
 }
 
-.image-editor legend {
+.imgedit-settings legend {
 	margin-bottom: 5px;
 }
 
-.describe .imgedit-wrap .image-editor {
+.describe .imgedit-wrap .imgedit-settings {
 	padding: 0 5px;
 }
 
@@ -900,31 +894,19 @@ border color while dragging a file over the uploader drop area */
 	height: auto;
 }
 
-.imgedit-panel-content {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 20px;
-	margin-bottom: 20px;
+.wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
+	float: right;
+	padding: 3px 0 0 16px;
+	min-width: 400px;
+	max-width: calc( 100% - 266px );
 }
 
-.imgedit-settings {
-	max-width: 400px; /* Prevent reflow when help info is expanded. */
-}
-
-.imgedit-group-controls > * {
-	display: none;
-}
-
-.imgedit-panel-active .imgedit-group-controls > * {
-	display: block;
-}
-
-.wp_attachment_holder .imgedit-wrap .image-editor {
+.wp_attachment_holder .imgedit-wrap .imgedit-settings {
 	float: left;
 	width: 250px;
 }
 
-.image-editor input {
+.imgedit-settings input {
 	margin-top: 0;
 	vertical-align: middle;
 }
@@ -959,7 +941,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 .media-disabled,
-.image-editor .disabled {
+.imgedit-settings .disabled {
 	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
 	   interface component ... have no contrast requirement. */
 	color: #a7aaad;
@@ -983,6 +965,10 @@ border color while dragging a file over the uploader drop area */
 	float: right;
 }
 
+.imgedit-menu {
+	margin: 0 0 12px;
+}
+
 .imgedit-menu .note-no-rotate {
 	clear: both;
 	margin: 0;
@@ -995,10 +981,10 @@ border color while dragging a file over the uploader drop area */
 	min-height: 28px;
 	font-size: 13px;
 	line-height: 2;
+	margin: 0 0 8px 8px;
 	padding: 0 10px;
 }
 
-.imgedit-menu .button:after,
 .imgedit-menu .button:before {
 	font: normal 16px/1 dashicons;
 	margin-left: 8px;
@@ -1010,16 +996,6 @@ border color while dragging a file over the uploader drop area */
 	-moz-osx-font-smoothing: grayscale;
 }
 
-.imgedit-menu .imgedit-rotate.button:after {
-	content: '\f140';
-	margin-right: 2px;
-	margin-left: 0;
-}
-
-.imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after {
-	content: '\f142';
-}
-
 .imgedit-menu .button.disabled {
 	color: #a7aaad;
 	border-color: #dcdcde;
@@ -1034,14 +1010,22 @@ border color while dragging a file over the uploader drop area */
 	content: "\f165";
 }
 
-.imgedit-scale:before {
-	content: "\f211";
+.imgedit-rleft:before {
+	content: "\f166";
 }
 
-.imgedit-rotate:before {
+.imgedit-rright:before {
 	content: "\f167";
 }
 
+.imgedit-flipv:before {
+	content: "\f168";
+}
+
+.imgedit-fliph:before {
+	content: "\f169";
+}
+
 .imgedit-undo:before {
 	content: "\f171";
 }
@@ -1060,19 +1044,23 @@ border color while dragging a file over the uploader drop area */
 	background-size: 20px 20px;
 }
 
-.imgedit-crop-wrap {
-	padding: 20px;
-	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
-	background-position: 100% 0, 10px 10px;
-	background-size: 20px 20px;
-}
-
-
 .imgedit-crop {
 	margin: 0 0 0 8px;
 }
 
-.imgedit-rotate {
+.imgedit-rleft {
+	margin: 0 3px;
+}
+
+.imgedit-rright {
+	margin: 0 3px 0 8px;
+}
+
+.imgedit-flipv {
+	margin: 0 3px;
+}
+
+.imgedit-fliph {
 	margin: 0 3px 0 8px;
 }
 
@@ -1084,12 +1072,6 @@ border color while dragging a file over the uploader drop area */
 	margin: 0 3px 0 8px;
 }
 
-.imgedit-thumbnail-preview-group {
-	display: flex;
-	flex-wrap: wrap;
-	column-gap: 10px;
-}
-
 .imgedit-thumbnail-preview {
 	margin: 10px 0 0 8px;
 }
@@ -1116,41 +1098,11 @@ border color while dragging a file over the uploader drop area */
 	padding: .5em 0 0;
 }
 
-.imgedit-popup-menu,
 .imgedit-help {
 	display: none;
 	padding-bottom: 8px;
 }
 
-.imgedit-panel-tools > .imgedit-menu {
-	display: flex;
-	column-gap: 4px;
-	align-items: start;
-	flex-wrap: wrap;
-}
-
-.imgedit-popup-menu {
-	width: calc( 100% - 20px );
-	position: absolute;
-	background: #fff;
-	padding: 10px;
-	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
-}
-
-.image-editor .imgedit-menu .imgedit-popup-menu button {
-	display: block;
-	margin: 2px 0;
-	width: 100%;
-	white-space: break-spaces;
-	line-height: 1.5;
-	padding-top: 3px;
-	padding-bottom: 2px;
-}
-
-.imgedit-rotate-menu-container {
-	position: relative;
-}
-
 .imgedit-help.imgedit-restore {
 	padding-bottom: 0;
 }
@@ -1183,6 +1135,10 @@ border color while dragging a file over the uploader drop area */
 	padding: 0;
 }
 
+.imgedit-submit {
+	margin: 8px 0 0;
+}
+
 .imgedit-submit-btn {
 	margin-right: 20px;
 }
@@ -1194,11 +1150,8 @@ border color while dragging a file over the uploader drop area */
 }
 
 span.imgedit-scale-warn {
-	display: flex;
-	align-items: center;
-	margin: 4px;
-	gap: 4px;
-	color: #b32d2e;
+	color: #d63638;
+	font-size: 20px;
 	font-style: normal;
 	visibility: hidden;
 	vertical-align: middle;
@@ -1213,19 +1166,17 @@ span.imgedit-scale-warn {
 }
 
 .imgedit-group {
-	margin-bottom: 20px;
+	margin-bottom: 8px;
+	padding: 10px;
 }
 
-.image-editor .imgedit-original-dimensions {
+.imgedit-settings .imgedit-original-dimensions {
 	display: inline-block;
 }
 
-.image-editor .imgedit-scale-controls input[type="text"],
-.image-editor .imgedit-crop-ratio input[type="text"],
-.image-editor .imgedit-crop-sel input[type="text"],
-.image-editor .imgedit-scale-controls input[type="number"],
-.image-editor .imgedit-crop-ratio input[type="number"],
-.image-editor .imgedit-crop-sel input[type="number"] {
+.imgedit-settings .imgedit-scale input[type="text"],
+.imgedit-settings .imgedit-crop-ratio input[type="text"],
+.imgedit-settings .imgedit-crop-sel input[type="text"] {
 	width: 80px;
 	font-size: 14px;
 	padding: 0 8px;
@@ -1239,12 +1190,12 @@ span.imgedit-scale-warn {
 	color: #3c434a;
 }
 
-.image-editor .imgedit-scale-button-wrapper {
+.imgedit-settings .imgedit-scale-button-wrapper {
 	margin-top: 0.3077em;
 	display: block;
 }
 
-.image-editor .imgedit-scale-controls .button {
+.imgedit-settings .imgedit-scale .button {
 	margin-bottom: 0;
 }
 
@@ -1281,24 +1232,11 @@ audio, video {
 }
 
 @media screen and (max-width: 782px) {
-	.edit-attachment-frame input,
-	.edit-attachment-frame textarea {
-		line-height: 1.5;
-	}
-	
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
 		line-height: 1.5;
 	}
 
-	.wp_attachment_details textarea {
-		line-height: 1.5;
-	}
-
-	.wp_attachment_details #attachment_alt {
-		height: 3.375em;
-	}
-
 	.media-upload-form .media-item.error,
 	.media-upload-form .media-item .error {
 		font-size: 13px;
@@ -1313,15 +1251,15 @@ audio, video {
 		padding: 10px 12px 10px 0;
 	}
 
-	.image-editor .imgedit-scale input[type="text"],
-	.image-editor .imgedit-crop-ratio input[type="text"],
-	.image-editor .imgedit-crop-sel input[type="text"] {
+	.imgedit-settings .imgedit-scale input[type="text"],
+	.imgedit-settings .imgedit-crop-ratio input[type="text"],
+	.imgedit-settings .imgedit-crop-sel input[type="text"] {
 		font-size: 16px;
 		padding: 6px 10px;
 	}
 
 	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
-	.wp_attachment_holder .imgedit-wrap .image-editor {
+	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
 		float: none;
 		width: auto;
 		max-width: none;
@@ -1338,16 +1276,16 @@ audio, video {
 	}
 
 	.media-modal .imgedit-wrap .imgedit-panel-content,
-	.media-modal .imgedit-wrap .image-editor {
+	.media-modal .imgedit-wrap .imgedit-settings {
 		position: initial !important;
 	}
 
-	.media-modal .imgedit-wrap .image-editor {
+	.media-modal .imgedit-wrap .imgedit-settings {
 		box-sizing: border-box;
 		width: 100% !important;
 	}
 
-	.image-editor .imgedit-scale-button-wrapper {
+	.imgedit-settings .imgedit-scale-button-wrapper {
 		display: inline-block;
 	}
 }
@@ -1361,6 +1299,7 @@ audio, video {
 /**
  * Media queries for media grid.
  */
+
 @media only screen and (max-width: 1120px) {
 	/* override for media-views.css */
 	#wp-media-grid .wp-filter .attachment-filters {
@@ -1368,17 +1307,6 @@ audio, video {
 	}
 }
 
-@media only screen and (max-width: 1000px) {
-	/* override for forms.css */
-	.wp-filter p.search-box {
-		float: none;
-		width: 100%;
-		margin-bottom: 20px;
-		display: flex;
-	}
-
-}
-
 @media only screen and (max-width: 782px) {
 	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
 		top: 46px;

wp-admin/css/media.css

@@ -130,7 +130,6 @@
 }
 
 .media-item .edit-attachment.copy-to-clipboard-container {
-	display: flex;
 	margin-top: 0;
 }
 
@@ -192,7 +191,7 @@
 
 .media-item .original {
 	position: relative;
-	min-height: 34px;
+	height: 34px;
 }
 
 .media-item .progress {
@@ -584,7 +583,7 @@ border color while dragging a file over the uploader drop area */
 	margin-top: 0;
 }
 
-.media-frame-content .media-search-input-label {
+.media-search-input-label {
 	margin: 0 .2em 0 0;
 	vertical-align: baseline;
 }
@@ -782,8 +781,8 @@ border color while dragging a file over the uploader drop area */
 
 .edit-attachment-frame input,
 .edit-attachment-frame textarea {
-	padding: 4px 8px;
-	line-height: 1.42857143;
+	padding: 6px 8px;
+	line-height: 1.14285714;
 }
 
 .edit-attachment-frame .attachment-info {
@@ -850,11 +849,6 @@ border color while dragging a file over the uploader drop area */
 	margin-bottom: 5px;
 }
 
-.wp_attachment_details #attachment_alt {
-	max-width: 500px;
-	height: 3.28571428em;
-}
-
 .wp_attachment_details .attachment-alt-text-description {
 	margin-top: 5px;
 }
@@ -878,16 +872,16 @@ border color while dragging a file over the uploader drop area */
 	padding-top: 10px;
 }
 
-.image-editor p,
-.image-editor fieldset {
+.imgedit-settings p,
+.imgedit-settings fieldset {
 	margin: 8px 0;
 }
 
-.image-editor legend {
+.imgedit-settings legend {
 	margin-bottom: 5px;
 }
 
-.describe .imgedit-wrap .image-editor {
+.describe .imgedit-wrap .imgedit-settings {
 	padding: 0 5px;
 }
 
@@ -899,31 +893,19 @@ border color while dragging a file over the uploader drop area */
 	height: auto;
 }
 
-.imgedit-panel-content {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 20px;
-	margin-bottom: 20px;
+.wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
+	float: left;
+	padding: 3px 16px 0 0;
+	min-width: 400px;
+	max-width: calc( 100% - 266px );
 }
 
-.imgedit-settings {
-	max-width: 400px; /* Prevent reflow when help info is expanded. */
-}
-
-.imgedit-group-controls > * {
-	display: none;
-}
-
-.imgedit-panel-active .imgedit-group-controls > * {
-	display: block;
-}
-
-.wp_attachment_holder .imgedit-wrap .image-editor {
+.wp_attachment_holder .imgedit-wrap .imgedit-settings {
 	float: right;
 	width: 250px;
 }
 
-.image-editor input {
+.imgedit-settings input {
 	margin-top: 0;
 	vertical-align: middle;
 }
@@ -958,7 +940,7 @@ border color while dragging a file over the uploader drop area */
 }
 
 .media-disabled,
-.image-editor .disabled {
+.imgedit-settings .disabled {
 	/* WCAG 1.4.3 Text or images of text that are part of an inactive user
 	   interface component ... have no contrast requirement. */
 	color: #a7aaad;
@@ -982,6 +964,10 @@ border color while dragging a file over the uploader drop area */
 	float: left;
 }
 
+.imgedit-menu {
+	margin: 0 0 12px;
+}
+
 .imgedit-menu .note-no-rotate {
 	clear: both;
 	margin: 0;
@@ -994,10 +980,10 @@ border color while dragging a file over the uploader drop area */
 	min-height: 28px;
 	font-size: 13px;
 	line-height: 2;
+	margin: 0 8px 8px 0;
 	padding: 0 10px;
 }
 
-.imgedit-menu .button:after,
 .imgedit-menu .button:before {
 	font: normal 16px/1 dashicons;
 	margin-right: 8px;
@@ -1009,16 +995,6 @@ border color while dragging a file over the uploader drop area */
 	-moz-osx-font-smoothing: grayscale;
 }
 
-.imgedit-menu .imgedit-rotate.button:after {
-	content: '\f140';
-	margin-left: 2px;
-	margin-right: 0;
-}
-
-.imgedit-menu .imgedit-rotate.button[aria-expanded="true"]:after {
-	content: '\f142';
-}
-
 .imgedit-menu .button.disabled {
 	color: #a7aaad;
 	border-color: #dcdcde;
@@ -1033,14 +1009,22 @@ border color while dragging a file over the uploader drop area */
 	content: "\f165";
 }
 
-.imgedit-scale:before {
-	content: "\f211";
+.imgedit-rleft:before {
+	content: "\f166";
 }
 
-.imgedit-rotate:before {
+.imgedit-rright:before {
 	content: "\f167";
 }
 
+.imgedit-flipv:before {
+	content: "\f168";
+}
+
+.imgedit-fliph:before {
+	content: "\f169";
+}
+
 .imgedit-undo:before {
 	content: "\f171";
 }
@@ -1059,19 +1043,23 @@ border color while dragging a file over the uploader drop area */
 	background-size: 20px 20px;
 }
 
-.imgedit-crop-wrap {
-	padding: 20px;
-	background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
-	background-position: 0 0, 10px 10px;
-	background-size: 20px 20px;
-}
-
-
 .imgedit-crop {
 	margin: 0 8px 0 0;
 }
 
-.imgedit-rotate {
+.imgedit-rleft {
+	margin: 0 3px;
+}
+
+.imgedit-rright {
+	margin: 0 8px 0 3px;
+}
+
+.imgedit-flipv {
+	margin: 0 3px;
+}
+
+.imgedit-fliph {
 	margin: 0 8px 0 3px;
 }
 
@@ -1083,12 +1071,6 @@ border color while dragging a file over the uploader drop area */
 	margin: 0 8px 0 3px;
 }
 
-.imgedit-thumbnail-preview-group {
-	display: flex;
-	flex-wrap: wrap;
-	column-gap: 10px;
-}
-
 .imgedit-thumbnail-preview {
 	margin: 10px 8px 0 0;
 }
@@ -1115,41 +1097,11 @@ border color while dragging a file over the uploader drop area */
 	padding: .5em 0 0;
 }
 
-.imgedit-popup-menu,
 .imgedit-help {
 	display: none;
 	padding-bottom: 8px;
 }
 
-.imgedit-panel-tools > .imgedit-menu {
-	display: flex;
-	column-gap: 4px;
-	align-items: start;
-	flex-wrap: wrap;
-}
-
-.imgedit-popup-menu {
-	width: calc( 100% - 20px );
-	position: absolute;
-	background: #fff;
-	padding: 10px;
-	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
-}
-
-.image-editor .imgedit-menu .imgedit-popup-menu button {
-	display: block;
-	margin: 2px 0;
-	width: 100%;
-	white-space: break-spaces;
-	line-height: 1.5;
-	padding-top: 3px;
-	padding-bottom: 2px;
-}
-
-.imgedit-rotate-menu-container {
-	position: relative;
-}
-
 .imgedit-help.imgedit-restore {
 	padding-bottom: 0;
 }
@@ -1182,6 +1134,10 @@ border color while dragging a file over the uploader drop area */
 	padding: 0;
 }
 
+.imgedit-submit {
+	margin: 8px 0 0;
+}
+
 .imgedit-submit-btn {
 	margin-left: 20px;
 }
@@ -1193,11 +1149,8 @@ border color while dragging a file over the uploader drop area */
 }
 
 span.imgedit-scale-warn {
-	display: flex;
-	align-items: center;
-	margin: 4px;
-	gap: 4px;
-	color: #b32d2e;
+	color: #d63638;
+	font-size: 20px;
 	font-style: normal;
 	visibility: hidden;
 	vertical-align: middle;
@@ -1212,19 +1165,17 @@ span.imgedit-scale-warn {
 }
 
 .imgedit-group {
-	margin-bottom: 20px;
+	margin-bottom: 8px;
+	padding: 10px;
 }
 
-.image-editor .imgedit-original-dimensions {
+.imgedit-settings .imgedit-original-dimensions {
 	display: inline-block;
 }
 
-.image-editor .imgedit-scale-controls input[type="text"],
-.image-editor .imgedit-crop-ratio input[type="text"],
-.image-editor .imgedit-crop-sel input[type="text"],
-.image-editor .imgedit-scale-controls input[type="number"],
-.image-editor .imgedit-crop-ratio input[type="number"],
-.image-editor .imgedit-crop-sel input[type="number"] {
+.imgedit-settings .imgedit-scale input[type="text"],
+.imgedit-settings .imgedit-crop-ratio input[type="text"],
+.imgedit-settings .imgedit-crop-sel input[type="text"] {
 	width: 80px;
 	font-size: 14px;
 	padding: 0 8px;
@@ -1238,12 +1189,12 @@ span.imgedit-scale-warn {
 	color: #3c434a;
 }
 
-.image-editor .imgedit-scale-button-wrapper {
+.imgedit-settings .imgedit-scale-button-wrapper {
 	margin-top: 0.3077em;
 	display: block;
 }
 
-.image-editor .imgedit-scale-controls .button {
+.imgedit-settings .imgedit-scale .button {
 	margin-bottom: 0;
 }
 
@@ -1280,24 +1231,11 @@ audio, video {
 }
 
 @media screen and (max-width: 782px) {
-	.edit-attachment-frame input,
-	.edit-attachment-frame textarea {
-		line-height: 1.5;
-	}
-	
 	.wp_attachment_details label[for="content"] {
 		font-size: 14px;
 		line-height: 1.5;
 	}
 
-	.wp_attachment_details textarea {
-		line-height: 1.5;
-	}
-
-	.wp_attachment_details #attachment_alt {
-		height: 3.375em;
-	}
-
 	.media-upload-form .media-item.error,
 	.media-upload-form .media-item .error {
 		font-size: 13px;
@@ -1312,15 +1250,15 @@ audio, video {
 		padding: 10px 0 10px 12px;
 	}
 
-	.image-editor .imgedit-scale input[type="text"],
-	.image-editor .imgedit-crop-ratio input[type="text"],
-	.image-editor .imgedit-crop-sel input[type="text"] {
+	.imgedit-settings .imgedit-scale input[type="text"],
+	.imgedit-settings .imgedit-crop-ratio input[type="text"],
+	.imgedit-settings .imgedit-crop-sel input[type="text"] {
 		font-size: 16px;
 		padding: 6px 10px;
 	}
 
 	.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
-	.wp_attachment_holder .imgedit-wrap .image-editor {
+	.wp_attachment_holder .imgedit-wrap .imgedit-settings {
 		float: none;
 		width: auto;
 		max-width: none;
@@ -1337,16 +1275,16 @@ audio, video {
 	}
 
 	.media-modal .imgedit-wrap .imgedit-panel-content,
-	.media-modal .imgedit-wrap .image-editor {
+	.media-modal .imgedit-wrap .imgedit-settings {
 		position: initial !important;
 	}
 
-	.media-modal .imgedit-wrap .image-editor {
+	.media-modal .imgedit-wrap .imgedit-settings {
 		box-sizing: border-box;
 		width: 100% !important;
 	}
 
-	.image-editor .imgedit-scale-button-wrapper {
+	.imgedit-settings .imgedit-scale-button-wrapper {
 		display: inline-block;
 	}
 }
@@ -1360,6 +1298,7 @@ audio, video {
 /**
  * Media queries for media grid.
  */
+
 @media only screen and (max-width: 1120px) {
 	/* override for media-views.css */
 	#wp-media-grid .wp-filter .attachment-filters {
@@ -1367,17 +1306,6 @@ audio, video {
 	}
 }
 
-@media only screen and (max-width: 1000px) {
-	/* override for forms.css */
-	.wp-filter p.search-box {
-		float: none;
-		width: 100%;
-		margin-bottom: 20px;
-		display: flex;
-	}
-
-}
-
 @media only screen and (max-width: 782px) {
 	.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
 		top: 46px;

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

@@ -170,7 +170,7 @@ label.bulk-select-button:focus-within {
 	color: #0a4b78;
 }
 
-input.bulk-select-switcher:focus + .bulk-select-button-label {
+input.bulk-select-switcher:focus + .bulk-select-button-label{
 	color: #0a4b78;
 }
 
@@ -192,7 +192,9 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {
 }
 
 .bulk-actions input.menu-items-delete.disabled {
-	display: none;
+	cursor: default;
+	color: #a7aaad;
+	box-shadow: none;
 }
 
 .menu-settings {
@@ -838,13 +840,20 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 /* Major/minor publishing actions (classes) */
 .nav-menus-php .major-publishing-actions {
+	clear: both;
 	padding: 10px 0;
-	display: flex;
-	align-items: center;
+	line-height: 2.15384615;
 }
 
-.nav-menus-php .major-publishing-actions > * {
-	margin-left: 10px;
+.nav-menus-php .major-publishing-actions .publishing-action {
+	text-align: left;
+	float: left;
+}
+
+/* Same as the Publish Meta Box #delete-action */
+.nav-menus-php .delete-action {
+	float: right;
+	line-height: 2.1;
 }
 
 .nav-menus-php .major-publishing-actions .form-invalid {

wp-admin/css/nav-menus.css

@@ -169,7 +169,7 @@ label.bulk-select-button:focus-within {
 	color: #0a4b78;
 }
 
-input.bulk-select-switcher:focus + .bulk-select-button-label {
+input.bulk-select-switcher:focus + .bulk-select-button-label{
 	color: #0a4b78;
 }
 
@@ -191,7 +191,9 @@ input.bulk-select-switcher:focus + .bulk-select-button-label {
 }
 
 .bulk-actions input.menu-items-delete.disabled {
-	display: none;
+	cursor: default;
+	color: #a7aaad;
+	box-shadow: none;
 }
 
 .menu-settings {
@@ -837,13 +839,20 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 /* Major/minor publishing actions (classes) */
 .nav-menus-php .major-publishing-actions {
+	clear: both;
 	padding: 10px 0;
-	display: flex;
-	align-items: center;
+	line-height: 2.15384615;
 }
 
-.nav-menus-php .major-publishing-actions > * {
-	margin-right: 10px;
+.nav-menus-php .major-publishing-actions .publishing-action {
+	text-align: right;
+	float: right;
+}
+
+/* Same as the Publish Meta Box #delete-action */
+.nav-menus-php .delete-action {
+	float: left;
+	line-height: 2.1;
 }
 
 .nav-menus-php .major-publishing-actions .form-invalid {

wp-admin/css/site-health-rtl.css

@@ -12,6 +12,10 @@ are styled in the Privacy section of edit.css */
 	font-weight: 400;
 }
 
+.health-check-widget-title-section {
+	text-align: center;
+}
+
 .site-health-progress-wrapper {
 	margin-bottom: 1rem;
 }
@@ -281,6 +285,17 @@ are styled in the Privacy section of edit.css */
 	padding-right: 20px;
 }
 
+
+/* Better position for the WordPress admin notices and update nag. */
+.site-health .notice {
+	margin: 5px 22px 15px 20px;
+}
+
+.site-health .update-nag {
+	margin-bottom: 20px;
+	margin-right: 22px;
+}
+
 .health-check-wp-paths-sizes.spinner {
 	visibility: visible;
 	float: none;
@@ -293,14 +308,6 @@ are styled in the Privacy section of edit.css */
 	padding-right: 16px;
 }
 
-#dashboard_site_health .site-health-details p:first-child {
-	margin-top: 0;
-}
-
-#dashboard_site_health .site-health-details p:last-child {
-	margin-bottom: 0;
-}
-
 #dashboard_site_health .health-check-widget {
 	display: grid;
 	grid-template-columns: 1fr 2fr;
@@ -312,11 +319,6 @@ are styled in the Privacy section of edit.css */
 	margin-right: 0;
 }
 
-.health-check-widget-title-section {
-	margin-bottom: 0;
-	text-align: center;
-}
-
 @media screen and (max-width: 480px) {
 	#dashboard_site_health .health-check-widget {
 		grid-template-columns: 100%;

wp-admin/css/site-health.css

@@ -11,6 +11,10 @@ are styled in the Privacy section of edit.css */
 	font-weight: 400;
 }
 
+.health-check-widget-title-section {
+	text-align: center;
+}
+
 .site-health-progress-wrapper {
 	margin-bottom: 1rem;
 }
@@ -280,6 +284,17 @@ are styled in the Privacy section of edit.css */
 	padding-left: 20px;
 }
 
+
+/* Better position for the WordPress admin notices and update nag. */
+.site-health .notice {
+	margin: 5px 20px 15px 22px;
+}
+
+.site-health .update-nag {
+	margin-bottom: 20px;
+	margin-left: 22px;
+}
+
 .health-check-wp-paths-sizes.spinner {
 	visibility: visible;
 	float: none;
@@ -292,14 +307,6 @@ are styled in the Privacy section of edit.css */
 	padding-left: 16px;
 }
 
-#dashboard_site_health .site-health-details p:first-child {
-	margin-top: 0;
-}
-
-#dashboard_site_health .site-health-details p:last-child {
-	margin-bottom: 0;
-}
-
 #dashboard_site_health .health-check-widget {
 	display: grid;
 	grid-template-columns: 1fr 2fr;
@@ -311,11 +318,6 @@ are styled in the Privacy section of edit.css */
 	margin-left: 0;
 }
 
-.health-check-widget-title-section {
-	margin-bottom: 0;
-	text-align: center;
-}
-
 @media screen and (max-width: 480px) {
 	#dashboard_site_health .health-check-widget {
 		grid-template-columns: 100%;