Block Hooks: Expose serialized template content to filter.

The recently introduced Block Hooks API exposes a filter (`hooked_block_types`) which is given a `$context` argument, among others. If the filter is called on a block that's part of a template or template part, `$context` is set to the corresponding `WP_Block_Template` object.

However, that object's `$content` property is currently ''not'' exposed to the filter. This changeset amends that shortcoming.

This is useful for callbacks that might want to detect the presence of a serialized block instance (or potentially in the future utilize the HTML API) to restrict where the block is injected (before the template is rendered).

Addressing this also achieves parity with the structure of `$context` when it represents a pattern (where pattern serialized content is present).

Merges [57118] to the 6.4 branch.

Props nerrad.
Fixes #59882.
Built from https://develop.svn.wordpress.org/branches/6.4@57119


git-svn-id: http://core.svn.wordpress.org/branches/6.4@56630 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/about.php

@@ -32,7 +32,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				</h1>
 			</div>
 
-			<div class="about__header-text"><?php _e( 'Edit pages in the Site Editor, sync patterns, and more' ); ?></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' ); ?>">
@@ -42,10 +42,41 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			<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 aligncenter">
+
+		<div class="about__section changelog has-subtle-background-color">
 			<div class="column">
-				<h2>
+				<h2><?php _e( 'Maintenance Release' ); ?></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'
+					);
+					?>
+					<?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.4.1' )
+						)
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<div class="about__section">
+			<div class="column">
+				<h2 class="aligncenter">
 					<?php
 					printf(
 						/* translators: %s: Version number. */
@@ -55,183 +86,157 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 					?>
 				</h2>
 				<p class="is-subheading">
-					<?php _e( 'Create beautiful and compelling websites more efficiently than ever. Whether you want to build an entire site without coding or are a developer looking to customize every detail, WordPress 6.3 has something for you.' ); ?>
+					<?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/' )
+					);
+					?>
 				</p>
 			</div>
 		</div>
 
 		<div class="about__section has-2-columns">
-			<div class="column">
-				<div class="about__image">
-					<img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
-				</div>
+			<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">
-				<h3><?php _e( 'Do everything in the Site Editor' ); ?></h3>
-				<p><?php _e( 'WordPress 6.3 brings your content, templates, and patterns together in the Site Editor for the first time. Add pages, browse style variations, create synced patterns, and enjoy fine-tuned control over your navigation menus. No more time wasted switching across different site areas—now you can focus on what matters most. Creation to completion, all in one place.' ); ?></p>
+				<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">
-				<h3><?php _e( 'Create and sync patterns' ); ?></h3>
-				<p><?php _e( 'Arrange blocks in unlimited ways and save them as Patterns for use throughout your site. You can even specify whether to sync your patterns (previously referred to as “reusable blocks”) so that one change applies to all parts of your site. Or, utilize patterns as a starting point with the ability to customize each instance.' ); ?></p>
-			</div>
-			<div class="column">
 				<div class="about__image">
-					<img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
+					<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">
-					<img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
+					<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 is-vertically-aligned-center">
-				<h3><?php _e( 'Work faster with the Command Palette' ); ?></h3>
-				<p><?php _e( 'Switch to a specific template or open your editor preferences with a new tool that helps you quickly navigate expanded functionality. With simple keyboard shortcuts (⌘+k on Mac or ctrl+k on Windows), clicking the sidebar search icon in Site View, or clicking the Title Bar, get where you need to go and do what you need to do in seconds.' ); ?></p>
+			<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-2-columns">
-			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Sharpen your designs with new tools' ); ?></h3>
-				<p><?php _e( 'New design controls bring more versatility for fine-tuning designs, starting with the ability to customize your caption&#8217;s styles from the Styles Interface without coding. You can manage your duotone filters in Styles for supported blocks and pick from the options provided by your theme or disable them entirely. The Cover block gets added settings for text color, layout controls, and border options, making this powerful block even more handy.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
-				</div>
-			</div>
-		</div>
-
-		<div class="about__section has-3-columns">
-			<div class="column">
-				<div class="about__image">
-					<img src="data:image/svg+xml,%3Csvg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Track design changes with Style Revisions' ); ?></h3>
-				<p><?php _e( 'You can now see how your site looked at a specific time. Visualize these revisions in a timeline and access a one-click option to restore prior styles.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="data:image/svg+xml,%3Csvg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Annotate with the Footnotes block' ); ?></h3>
-				<p><?php _e( 'Footnotes add convenient annotations throughout your content. Now you can add and link footnotes for any paragraph.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="about__image">
-					<img src="data:image/svg+xml,%3Csvg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
-				</div>
-				<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Show or hide content with the Details block' ); ?></h3>
-				<p><?php _e( 'Use the block to avoid spoiling a surprise, create an interactive Q&A section, or hide a long paragraph under a heading.' ); ?></p>
-			</div>
-		</div>
-
-		<hr class="is-large" />
-
-		<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="#151515"/>
-						<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="white"/>
-					</svg>
-				</div>
-				<h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Performance gets a boost' ); ?></h3>
-				<p><?php _e( 'WordPress 6.3 has 170+ performance updates, including defer and async support for the Scripts API and fetchpriority support for images. These improvements can improve your website&#8217;s load time as perceived by visitors, along with block template resolution, image lazy-loading, and the emoji loader.' ); ?></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="#151515"/>
-						<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="white"/>
-					</svg>
-				</div>
-				<h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Accessibility remains a core focus' ); ?></h3>
-				<p><?php _e( 'Incorporating more than 50 accessibility improvements across the platform, WordPress 6.3 is more accessible than ever. Improved labeling, optimized tab and arrow-key navigation, revised heading hierarchy, and new controls in the admin image editor allow those using assistive technologies to navigate more easily.' ); ?></p>
-			</div>
-		</div>
-
-		<hr class="is-large" />
-
-		<div class="about__section has-3-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="#151515"/>
-						<path d="M15.9996 25C16.6704 25.3354 16.6703 25.3357 16.6702 25.3359L16.673 25.3305C16.6762 25.3242 16.6818 25.3135 16.6899 25.2985C16.7059 25.2686 16.7316 25.2218 16.7669 25.1608C16.8377 25.0385 16.9469 24.8592 17.0954 24.6419C17.3931 24.2062 17.8444 23.624 18.4543 23.0431C19.6731 21.8824 21.4972 20.75 23.9996 20.75C26.502 20.75 28.3261 21.8824 29.5449 23.0431C30.1549 23.624 30.6061 24.2062 30.9038 24.6419C31.0523 24.8592 31.1615 25.0385 31.2323 25.1608C31.2676 25.2218 31.2933 25.2686 31.3093 25.2985C31.3174 25.3135 31.323 25.3242 31.3262 25.3305L31.3291 25.3359C31.3289 25.3357 31.3288 25.3354 31.9996 25C32.6704 24.6646 32.6703 24.6643 32.6701 24.664L32.6688 24.6614L32.6662 24.6563L32.6583 24.6408C32.6517 24.6282 32.6427 24.6108 32.631 24.5892C32.6078 24.5459 32.5744 24.4852 32.5306 24.4096C32.4432 24.2584 32.3141 24.0471 32.1423 23.7956C31.7994 23.2938 31.2819 22.626 30.5794 21.9569C29.1731 20.6176 26.9972 19.25 23.9996 19.25C21.002 19.25 18.8261 20.6176 17.4199 21.9569C16.7174 22.626 16.1998 23.2938 15.8569 23.7956C15.6851 24.0471 15.556 24.2584 15.4686 24.4096C15.4248 24.4852 15.3914 24.5459 15.3682 24.5892C15.3566 24.6108 15.3475 24.6282 15.3409 24.6408L15.333 24.6563L15.3304 24.6614L15.3295 24.6632C15.3293 24.6635 15.3288 24.6646 15.9996 25ZM23.9996 28C25.9326 28 27.4996 26.433 27.4996 24.5C27.4996 22.567 25.9326 21 23.9996 21C22.0666 21 20.4996 22.567 20.4996 24.5C20.4996 26.433 22.0666 28 23.9996 28Z" fill="white"/>
-					</svg>
-				</div>
-				<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Preview block themes' ); ?></h3>
-				<p><?php _e( 'Experience block themes before you switch and preview the Site Editor, with options to customize directly before committing to a new theme.' ); ?></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="#151515"/>
-						<path fill-rule="evenodd" clip-rule="evenodd" d="M30.5 19H17.5C17.2239 19 17 19.2239 17 19.5V28.5C17 28.7761 17.2239 29 17.5 29H30.5C30.7761 29 31 28.7761 31 28.5V19.5C31 19.2239 30.7761 19 30.5 19ZM17.5 17.5H30.5C31.6046 17.5 32.5 18.3954 32.5 19.5V28.5C32.5 29.6046 31.6046 30.5 30.5 30.5H17.5C16.3954 30.5 15.5 29.6046 15.5 28.5V19.5C15.5 18.3954 16.3954 17.5 17.5 17.5ZM18.5 20.5H19.25H22V22H20V24H18.5V21.25V20.5ZM28.75 27.5H29.5V26.75V24H28V26L26 26V27.5L28.75 27.5Z" fill="white"/>
-					</svg>
-				</div>
-				<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Set aspect ratio on images' ); ?></h3>
-				<p><?php _e( 'Specify your aspect ratios and ensure design integrity, especially when using images in patterns.' ); ?></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="#151515"/>
-						<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7499 14.9862L29.7499 14.0059L28.7939 14.279L28.7939 14.279L28.7928 14.2793L28.7928 14.2793L28.7821 14.2824L28.7506 14.2915C28.7234 14.2994 28.6837 14.3111 28.633 14.3261C28.5317 14.3562 28.386 14.4001 28.2068 14.4559C27.8488 14.5673 27.3551 14.7265 26.8128 14.9179C25.7533 15.2918 24.4209 15.8181 23.5839 16.3761C21.9787 17.4462 21.2703 18.4251 20.8568 19.1143C20.6874 19.3967 20.4992 19.8705 20.3226 20.3793C20.1388 20.9091 19.9461 21.5414 19.7753 22.1819C19.6047 22.8215 19.453 23.4805 19.3543 24.0621C19.2758 24.5242 19.2192 24.9991 19.2374 25.387L18.3036 27.7216C18.1498 28.1062 18.3368 28.5427 18.7214 28.6965C19.106 28.8503 19.5425 28.6633 19.6963 28.2787L20.3141 26.7342C20.635 26.7063 21.0572 26.6435 21.5194 26.5579C22.173 26.4369 22.9606 26.26 23.7647 26.0349C24.567 25.8102 25.3994 25.5337 26.137 25.2105C26.8594 24.8939 27.5557 24.5051 28.0303 24.0305C28.539 23.5218 28.8442 22.8139 29.0434 22.0898C29.2457 21.3547 29.36 20.5222 29.4345 19.6922C29.5006 18.9555 29.5374 18.1945 29.5718 17.4814L29.585 17.2087C29.6156 16.5862 29.6469 16.0134 29.6961 15.5127C29.7299 15.3451 29.7487 15.1792 29.7499 15.0162C29.7501 15.0062 29.7501 14.9962 29.7499 14.9862ZM21.8114 24.9706L22.8071 23.7536L27.0303 19.5305C27.386 19.1747 27.7182 18.8155 28.0194 18.4588C27.998 18.8284 27.973 19.1965 27.9405 19.5581C27.8692 20.353 27.7647 21.0831 27.5972 21.6918C27.4267 22.3114 27.211 22.7285 26.9697 22.9698C26.6943 23.2451 26.2031 23.5438 25.5349 23.8366C24.8818 24.1228 24.1205 24.3775 23.3603 24.5904C22.8227 24.7409 22.2925 24.8686 21.8114 24.9706ZM18 32.0002H26V30.5002H18V32.0002Z" fill="white"/>
-					</svg>
-				</div>
-				<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Build your site distraction-free' ); ?></h3>
-				<p><?php _e( 'Distraction-free designing is now available in the Site Editor.' ); ?></p>
-			</div>
-		</div>
-
-		<div class="about__section has-3-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="#151515"/>
-					</svg>
-				</div>
-				<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Rediscover the Top Toolbar' ); ?></h3>
-				<p><?php _e( 'A revamped top toolbar offers parent selectors for nested blocks, options when selecting multiple blocks, and a new interface embedded into the title bar with new functionality in mind.' ); ?></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="#151515"/>
-						<path d="M15 17.5H26V19H15V17.5Z" fill="white"/>
-						<path d="M18.5 23H29.5V24.5H18.5V23Z" fill="white"/>
-						<path d="M33 28.5H22V30H33V28.5Z" fill="white"/>
-					</svg>
-				</div>
-				<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'List View improvements' ); ?></h3>
-				<p><?php _e( 'Drag and drop to every content layer and delete any block you would like in the updated List View.' ); ?></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="#151515"/>
-						<path d="M27.7 17.2L33.3 22.8C34 23.4 34 24.6 33.2 25.3L27.6 30.9C27.3 31.2 26.8 31.4 26.4 31.4C26 31.4 25.5 31.2 25.2 30.9L19.6 25.3C18.9 24.6 18.9 23.5 19.6 22.8L25.2 17.2C25.9 16.5 27 16.5 27.7 17.2Z" fill="white"/>
-						<path d="M22 17.5L15.7 23.8C15.6 23.9 15.6 24.1 15.8 24.1L22.1 30.4L21 31.5L14.7 25.3C14 24.6 14 23.5 14.7 22.8L21 16.5L22 17.5Z" fill="white"/>
-					</svg>
-				</div>
-				<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Build templates with Patterns' ); ?></h3>
-				<p><?php _e( 'Create unique patterns to jumpstart template creation with a new modal enabling access to pattern selection.' ); ?></p>
-			</div>
-		</div>
-
-		<hr />
-
 		<div class="about__section has-3-columns">
 			<div class="column about__image is-vertically-aligned-top">
-				<img src="./images/about-release-badge.svg" alt="" />
+				<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.4' ) ); ?>" alt="" height="270" width="270" />
 			</div>
 			<div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
 				<h3>
@@ -247,7 +252,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 					<?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 events</a> for exploring topics in-depth, and lesson plans for diving deep into specific areas of WordPress.' ),
+						__( '<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/'
 					);
@@ -260,16 +265,17 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			<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="#151515"/>
-						<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="#fff"/>
+						<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);">
 					<?php
 					printf(
-						/* translators: %s: WordPress 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/2023/07/18/wordpress-6-3-field-guide/' )
+						/* translators: 1: WordPress Field Guide link, 2: WordPress version number. */
+						__( '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'
 					);
 					?>
 				</p>
@@ -277,22 +283,22 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			<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="#151515"/>
-						<path d="M28 19.75h-8v1.5h8v-1.5ZM20 23h8v1.5h-8V23ZM26 26.25h-6v1.5h6v-1.5Z" fill="#fff"/>
-						<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="#fff"/>
+						<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);">
 					<?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 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.' ),
+						__( '<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.' ),
 						sprintf(
 							/* translators: %s: WordPress version number. */
 							esc_url( __( 'https://wordpress.org/documentation/wordpress-version/version-%s/' ) ),
-							'6-3'
+							'6-4'
 						),
-						'6.3'
+						'6.4'
 					);
 					?>
 				</p>

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 ) ) {
-	printf(
-		'<div class="error-div error">%s <strong>%s</strong><br />%s</div>',
+	$message = sprintf(
+		'%s <strong>%s</strong><br />%s',
 		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,6 +126,13 @@ 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,9 +137,16 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 <div class="wrap">
 	<h1><?php echo esc_html( $title ); ?></h1>
 
-	<?php if ( is_wp_error( $error ) ) : ?>
-		<div class="notice notice-error"><p><?php echo $error->get_error_message(); ?></p></div>
-	<?php endif; ?>
+	<?php
+	if ( is_wp_error( $error ) ) {
+		wp_admin_notice(
+			$error->get_error_message(),
+			array(
+				'type' => 'error',
+			)
+		);
+	}
+	?>
 
 	<div class="card auth-app-card">
 		<h2 class="title"><?php _e( 'An application would like to connect to your account.' ); ?></h2>
@@ -194,24 +201,25 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		}
 		?>
 
-		<?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
+		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
 			/**
 			 * Fires in the Authorize Application Password new password section in the no-JS version.
 			 *
@@ -226,8 +234,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" />

wp-admin/comment.php

@@ -161,11 +161,23 @@ switch ( $action ) {
 					break;
 			}
 			if ( $message ) {
-				echo '<div id="message" class="notice notice-info"><p>' . $message . '</p></div>';
+				wp_admin_notice(
+					$message,
+					array(
+						'type' => 'info',
+						'id'   => 'message',
+					)
+				);
 			}
 		}
+		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>

wp-admin/contribute.php

@@ -25,9 +25,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			</h1>
 		</div>
 
-		<div class="about__header-text">
-			<?php _e( 'Be the future of WordPress' ); ?>
-		</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' ); ?>">
@@ -39,12 +37,12 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 	</nav>
 
 	<div class="about__section has-2-columns is-wider-right">
-		<div class="column about__image">
-			<img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%231d35b4' /%3E%3C/svg%3E" alt="" />
+		<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 WordPress contributor community and connect with others who are passionate about maintaining a free and open web.' ); ?></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>
@@ -64,43 +62,43 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 				<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 WordPress Photos Directory.' ); ?></li>
-				<li><?php _e( '<strong>Organize</strong> or participate in local WordPress Meetups and WordCamps.' ); ?></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 millions of websites.' ); ?></li>
+				<li><?php _e( '<strong>Explore</strong> ways to reduce the environmental impact of websites.' ); ?></li>
 			</ul>
 		</div>
 		<div class="column">
-			<img src="data:image/svg+xml,%3Csvg width='436' height='300' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%231d35b4' /%3E%3C/svg%3E" alt="" />
+			<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="data:image/svg+xml,%3Csvg width='436' height='300' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%231d35b4' /%3E%3C/svg%3E" alt="" />
+			<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>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( '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>
+				<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-subtle-background-color">
+	<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 class="aligncenter"><a href="https://make.wordpress.org/contribute/" target="_blank"><?php _e( 'Find your team &rarr;' ); ?></a></p>
+			<p><a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Find your team &rarr;' ); ?></a></p>
 		</div>
 	</div>
 

wp-admin/credits.php

@@ -28,15 +28,7 @@ $credits = wp_credits();
 			</h1>
 		</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>
+		<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' ); ?>">
@@ -60,7 +52,7 @@ $credits = wp_credits();
 				);
 				?>
 				<br />
-				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
+				<a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php else : ?>
@@ -68,7 +60,7 @@ $credits = wp_credits();
 			<p>
 				<?php _e( 'Want to see your name in lights on this page?' ); ?>
 				<br />
-				<a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
+				<a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Get involved in WordPress.' ); ?></a>
 			</p>
 
 			<?php endif; ?>

wp-admin/css/about-rtl.css

@@ -22,17 +22,18 @@
 
 .about__container {
 	/* Section backgrounds */
-	--background: #151515;
-	--subtle-background: #eff2ff;
+	--background: #EAE9E7;
+	--subtle-background: #EAE9E7;
 
 	/* Main text color */
 	--text: #1e1e1e;
 	--text-light: #fff;
 
 	/* Accent colors: used in header, on special classes. */
-	--accent-1: #3858e9; /* Link color, credit image overlay */
-	--accent-2: #ffb7a7; /* Accent background */
+	--accent-1: #C94C26; /* Link color */
+	--accent-2: #CFCABE; /* Accent background */
 	--accent-3: #f0f0f1; /* hr background */
+	--accent-4: #B1C5A4; /* Light green */
 
 	/* Navigation colors. */
 	--nav-background: #fff;
@@ -113,6 +114,10 @@
 	background-color: var(--accent-2);
 }
 
+.about__container .has-accent-4-background-color {
+	background-color: var(--accent-4);
+}
+
 .about__container .has-transparent-background-color {
 	background-color: transparent;
 }
@@ -370,7 +375,6 @@
 
 .about__container h1 {
 	padding: 0;
-	color: inherit;
 }
 
 .about__container h1,
@@ -413,14 +417,14 @@
 }
 
 .about__section a {
-	color: var(--accent-1);
+	color: var(--text);
 	text-decoration: underline;
 }
 
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
-	color: var(--accent-1);
+	color: var(--text);
 	text-decoration: none;
 }
 
@@ -531,31 +535,34 @@
 	position: relative;
 	display: flex;
 	flex-direction: column;
-	align-items: center;
-	justify-content: center;
+	align-items: start;
+	justify-content: end;
 	box-sizing: border-box;
-	padding: calc(var(--gap) * 2) 0;
-	min-height: 420px;
+	padding: var(--gap) 0;
+	height: clamp(12.5rem, -1.25rem + 36.67vw, 26.25rem);
 	color: var(--text-light);
-	background: var(--background) url('../images/about-header-about.svg?ver=6.3') no-repeat;
-	background-size: cover;
-	background-position: center;
+	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);
 }
 
 .credits-php .about__header {
-	background-image: url('../images/about-header-credits.svg?ver=6.3');
+	background-image: url('../images/about-header-credits.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .freedoms-php .about__header {
-	background-image: url('../images/about-header-freedoms.svg?ver=6.3');
+	background-image: url('../images/about-header-freedoms.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .privacy-php .about__header {
-	background-image: url('../images/about-header-privacy.svg?ver=6.3');
+	background-image: url('../images/about-header-privacy.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .contribute-php .about__header {
-	background-image: url('../images/about-header-contribute.svg?ver=6.3');
+	background-image: url('../images/about-header-contribute.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .about__header-image {
@@ -564,26 +571,27 @@
 
 .about__header-title {
 	box-sizing: border-box;
-	margin: 0 var(--gap);
+	margin: 0 calc(var(--gap) + 2rem);
 	padding: 0;
-	text-align: center;
+	max-width: 55%;
 }
 
 .about__header-title h1 {
 	margin: 0 0 1rem;
 	padding: 0;
 	/* Fluid font size scales on browser size 960px - 1200px. */
-	font-size: clamp(3rem, 20vw - 9rem, 6rem);
+	font-size: clamp(2rem, 20vw - 9rem, 4rem);
 	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(3rem, 10vw - 3rem, 4.5rem);
+	font-size: clamp(2rem, 10vw - 3rem, 4rem);
 }
 
 .about__header-text {
@@ -642,11 +650,8 @@
 }
 
 @media screen and (max-width: 960px) {
-	.about__header-title h1 {
-		/* Fluid font size scales on browser size 600px - 960px. */
-		font-size: clamp(3rem, 13.33vw - 2rem, 6rem);
-	}
 
+	.about-php .about__header-title h1,
 	.credits-php .about__header-title h1,
 	.freedoms-php .about__header-title h1,
 	.privacy-php .about__header-title h1,
@@ -733,7 +738,7 @@
 ------------------------------------------------------------------------------*/
 
 .about__section .wp-people-group-title {
-	margin-bottom: calc(var(--gap) * 2);
+	margin-bottom: calc(var(--gap) * 2 - 10px);
 	text-align: center;
 
 }
@@ -748,7 +753,7 @@
 	display: inline-block;
 	vertical-align: top;
 	box-sizing: border-box;
-	margin-bottom: var(--gap);
+	margin-bottom: calc(var(--gap) - 10px);
 	width: 25%;
 	text-align: center;
 }
@@ -765,14 +770,12 @@
 	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,
@@ -782,8 +785,10 @@
 }
 
 .about__section .wp-person .web {
+	display: block;
 	font-size: 1.4em;
 	font-weight: 600;
+	padding: 10px 10px 0;
 	text-decoration: none;
 }
 

wp-admin/css/about.css

@@ -21,17 +21,18 @@
 
 .about__container {
 	/* Section backgrounds */
-	--background: #151515;
-	--subtle-background: #eff2ff;
+	--background: #EAE9E7;
+	--subtle-background: #EAE9E7;
 
 	/* Main text color */
 	--text: #1e1e1e;
 	--text-light: #fff;
 
 	/* Accent colors: used in header, on special classes. */
-	--accent-1: #3858e9; /* Link color, credit image overlay */
-	--accent-2: #ffb7a7; /* Accent background */
+	--accent-1: #C94C26; /* Link color */
+	--accent-2: #CFCABE; /* Accent background */
 	--accent-3: #f0f0f1; /* hr background */
+	--accent-4: #B1C5A4; /* Light green */
 
 	/* Navigation colors. */
 	--nav-background: #fff;
@@ -112,6 +113,10 @@
 	background-color: var(--accent-2);
 }
 
+.about__container .has-accent-4-background-color {
+	background-color: var(--accent-4);
+}
+
 .about__container .has-transparent-background-color {
 	background-color: transparent;
 }
@@ -369,7 +374,6 @@
 
 .about__container h1 {
 	padding: 0;
-	color: inherit;
 }
 
 .about__container h1,
@@ -412,14 +416,14 @@
 }
 
 .about__section a {
-	color: var(--accent-1);
+	color: var(--text);
 	text-decoration: underline;
 }
 
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
-	color: var(--accent-1);
+	color: var(--text);
 	text-decoration: none;
 }
 
@@ -530,31 +534,34 @@
 	position: relative;
 	display: flex;
 	flex-direction: column;
-	align-items: center;
-	justify-content: center;
+	align-items: start;
+	justify-content: end;
 	box-sizing: border-box;
-	padding: calc(var(--gap) * 2) 0;
-	min-height: 420px;
+	padding: var(--gap) 0;
+	height: clamp(12.5rem, -1.25rem + 36.67vw, 26.25rem);
 	color: var(--text-light);
-	background: var(--background) url('../images/about-header-about.svg?ver=6.3') no-repeat;
-	background-size: cover;
-	background-position: center;
+	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);
 }
 
 .credits-php .about__header {
-	background-image: url('../images/about-header-credits.svg?ver=6.3');
+	background-image: url('../images/about-header-credits.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .freedoms-php .about__header {
-	background-image: url('../images/about-header-freedoms.svg?ver=6.3');
+	background-image: url('../images/about-header-freedoms.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .privacy-php .about__header {
-	background-image: url('../images/about-header-privacy.svg?ver=6.3');
+	background-image: url('../images/about-header-privacy.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .contribute-php .about__header {
-	background-image: url('../images/about-header-contribute.svg?ver=6.3');
+	background-image: url('../images/about-header-contribute.svg?ver=6.4'), url('../images/about-header-background.svg?ver=6.4');
 }
 
 .about__header-image {
@@ -563,26 +570,27 @@
 
 .about__header-title {
 	box-sizing: border-box;
-	margin: 0 var(--gap);
+	margin: 0 calc(var(--gap) + 2rem);
 	padding: 0;
-	text-align: center;
+	max-width: 55%;
 }
 
 .about__header-title h1 {
 	margin: 0 0 1rem;
 	padding: 0;
 	/* Fluid font size scales on browser size 960px - 1200px. */
-	font-size: clamp(3rem, 20vw - 9rem, 6rem);
+	font-size: clamp(2rem, 20vw - 9rem, 4rem);
 	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(3rem, 10vw - 3rem, 4.5rem);
+	font-size: clamp(2rem, 10vw - 3rem, 4rem);
 }
 
 .about__header-text {
@@ -641,11 +649,8 @@
 }
 
 @media screen and (max-width: 960px) {
-	.about__header-title h1 {
-		/* Fluid font size scales on browser size 600px - 960px. */
-		font-size: clamp(3rem, 13.33vw - 2rem, 6rem);
-	}
 
+	.about-php .about__header-title h1,
 	.credits-php .about__header-title h1,
 	.freedoms-php .about__header-title h1,
 	.privacy-php .about__header-title h1,
@@ -732,7 +737,7 @@
 ------------------------------------------------------------------------------*/
 
 .about__section .wp-people-group-title {
-	margin-bottom: calc(var(--gap) * 2);
+	margin-bottom: calc(var(--gap) * 2 - 10px);
 	text-align: center;
 
 }
@@ -747,7 +752,7 @@
 	display: inline-block;
 	vertical-align: top;
 	box-sizing: border-box;
-	margin-bottom: var(--gap);
+	margin-bottom: calc(var(--gap) - 10px);
 	width: 25%;
 	text-align: center;
 }
@@ -764,14 +769,12 @@
 	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,
@@ -781,8 +784,10 @@
 }
 
 .about__section .wp-person .web {
+	display: block;
 	font-size: 1.4em;
 	font-weight: 600;
+	padding: 10px 10px 0;
 	text-decoration: none;
 }
 

wp-admin/css/colors/_admin.scss

@@ -786,19 +786,3 @@ div#wp-responsive-toggle a:before {
 		color: $link;
 	}
 }
-
-/* Welcome Panel */
-@if ( $custom-welcome-panel == "true" ) {
-	.welcome-panel {
-		background-color: $dashboard-accent-1;
-	}
-
-	.welcome-panel-header-image .curve,
-	.welcome-panel-header-image .dot {
-		fill: $dashboard-accent-2;
-	}
-
-	[class*="welcome-panel-icon"] {
-		background-color: $dashboard-icon-background;
-	}
-}

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

@@ -707,18 +707,4 @@ 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: #4796b3;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #52accc;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #096484;
 }

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

@@ -707,18 +707,4 @@ 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: #4796b3;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #52accc;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #096484;
 }

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

@@ -674,18 +674,4 @@ 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: #46403c;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #59524c;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #59524c;
 }

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

@@ -674,18 +674,4 @@ 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: #46403c;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #59524c;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #59524c;
 }

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

@@ -707,18 +707,4 @@ 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: #413256;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #523f6d;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #523f6d;
 }

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

@@ -707,18 +707,4 @@ 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: #413256;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #523f6d;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #523f6d;
 }

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

@@ -709,20 +709,6 @@ div#wp-responsive-toggle a:before {
   color: #0073aa;
 }
 
-/* Welcome Panel */
-.welcome-panel {
-  background-color: #04a4cc;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #17b5dd;
-}
-
-[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

@@ -709,20 +709,6 @@ div#wp-responsive-toggle a:before {
   color: #0073aa;
 }
 
-/* Welcome Panel */
-.welcome-panel {
-  background-color: #04a4cc;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #17b5dd;
-}
-
-[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/midnight/colors-rtl.css

@@ -707,18 +707,4 @@ 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: #26292c;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #3b464b;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #3b464b;
 }

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

@@ -707,18 +707,4 @@ 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: #26292c;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #3b464b;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #3b464b;
 }

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

@@ -707,6 +707,4 @@ 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 */
+}

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

@@ -707,6 +707,4 @@ 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 */
+}

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

@@ -674,18 +674,4 @@ 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: #627c83;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #738e96;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #738e96;
 }

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

@@ -674,18 +674,4 @@ 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: #627c83;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #738e96;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #738e96;
 }

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

@@ -707,18 +707,4 @@ 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: #be3631;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #cf4944;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #cf4944;
 }

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

@@ -707,18 +707,4 @@ 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: #be3631;
-}
-
-.welcome-panel-header-image .curve,
-.welcome-panel-header-image .dot {
-  fill: #cf4944;
-}
-
-[class*=welcome-panel-icon] {
-  background-color: #cf4944;
 }

wp-admin/css/common-rtl.css

@@ -625,20 +625,26 @@ code {
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
 .wrap .page-title-action:active {
-	margin-right: 4px;
-	padding: 4px 8px;
+	display: inline-block;
 	position: relative;
-	top: -3px;
-	text-decoration: none;
-	border: 1px solid #2271b1;
-	border-radius: 2px;
-	text-shadow: none;
-	font-weight: 600;
-	font-size: 13px;
-	line-height: normal; /* IE8-IE11 need this for buttons */
-	color: #2271b1; /* use the standard color used for buttons */
-	background: #f6f7f7;
+	box-sizing: border-box;
 	cursor: pointer;
+	white-space: nowrap;
+	text-decoration: none;
+	text-shadow: none;
+	top: -3px;
+	margin-right: 4px;
+	border: 1px solid #2271b1;
+	border-radius: 3px;
+	background: #f6f7f7;
+	font-size: 13px;
+	font-weight: 400;
+	line-height: 2.15384615;
+	color: #2271b1; /* use the standard color used for buttons */
+	padding: 0 10px;
+	min-height: 30px;
+	-webkit-appearance: none;
+
 }
 
 .wrap .wp-heading-inline + .page-title-action {
@@ -3170,6 +3176,7 @@ img {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 13px;
 	background: #f6f7f7;
+	-o-tab-size: 4;
 	tab-size: 4;
 }
 

wp-admin/css/common.css

@@ -624,20 +624,26 @@ code {
 .wrap .add-new-h2:active, /* deprecated */
 .wrap .page-title-action,
 .wrap .page-title-action:active {
-	margin-left: 4px;
-	padding: 4px 8px;
+	display: inline-block;
 	position: relative;
-	top: -3px;
-	text-decoration: none;
-	border: 1px solid #2271b1;
-	border-radius: 2px;
-	text-shadow: none;
-	font-weight: 600;
-	font-size: 13px;
-	line-height: normal; /* IE8-IE11 need this for buttons */
-	color: #2271b1; /* use the standard color used for buttons */
-	background: #f6f7f7;
+	box-sizing: border-box;
 	cursor: pointer;
+	white-space: nowrap;
+	text-decoration: none;
+	text-shadow: none;
+	top: -3px;
+	margin-left: 4px;
+	border: 1px solid #2271b1;
+	border-radius: 3px;
+	background: #f6f7f7;
+	font-size: 13px;
+	font-weight: 400;
+	line-height: 2.15384615;
+	color: #2271b1; /* use the standard color used for buttons */
+	padding: 0 10px;
+	min-height: 30px;
+	-webkit-appearance: none;
+
 }
 
 .wrap .wp-heading-inline + .page-title-action {
@@ -3169,6 +3175,7 @@ img {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 13px;
 	background: #f6f7f7;
+	-o-tab-size: 4;
 	tab-size: 4;
 }
 

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

@@ -1605,6 +1605,7 @@ p.customize-section-description {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 12px;
 	padding: 6px 8px;
+	-o-tab-size: 2;
 	tab-size: 2;
 }
 .customize-control-code_editor textarea,
@@ -2318,7 +2319,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;
+	padding: 10px 25px 5px;
 	background: #f0f0f1;
 	border-top: 1px solid #dcdcde;
 }
@@ -2327,13 +2328,6 @@ 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

@@ -1604,6 +1604,7 @@ p.customize-section-description {
 	font-family: Consolas, Monaco, monospace;
 	font-size: 12px;
 	padding: 6px 8px;
+	-o-tab-size: 2;
 	tab-size: 2;
 }
 .customize-control-code_editor textarea,
@@ -2317,7 +2318,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;
+	padding: 10px 25px 5px;
 	background: #f0f0f1;
 	border-top: 1px solid #dcdcde;
 }
@@ -2326,13 +2327,6 @@ 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: #1d35b4;
+	background-color: #151515;
 	font-size: 14px;
 	line-height: 1.3;
 	clear: both;
@@ -559,6 +559,10 @@
 	display: block;
 }
 
+.community-events .ce-separator::before {
+	content: "\2022";
+}
+
 .event-icon {
 	height: 18px;
 	padding-left: 10px;

wp-admin/css/dashboard.css

@@ -120,7 +120,7 @@
 	position: relative;
 	overflow: auto;
 	margin: 16px 0;
-	background-color: #1d35b4;
+	background-color: #151515;
 	font-size: 14px;
 	line-height: 1.3;
 	clear: both;
@@ -558,6 +558,10 @@
 	display: block;
 }
 
+.community-events .ce-separator::before {
+	content: "\2022";
+}
+
 .event-icon {
 	height: 18px;
 	padding-right: 10px;

wp-admin/css/forms-rtl.css

@@ -1709,6 +1709,11 @@ 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;
 	}

wp-admin/css/forms.css

@@ -1708,6 +1708,11 @@ 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;
 	}

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

@@ -571,7 +571,8 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 	position: relative;
 }
 
-.check-column .label-covers-full-cell {
+.check-column label {
+	box-sizing: border-box;
 	width: 100%;
 	height: 100%;
 	display: block;
@@ -580,15 +581,21 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 	right: 0;
 }
 
-.check-column .label-covers-full-cell + input {
+.check-column input {
 	position: relative;
 	z-index: 1;
 }
 
-.check-column .label-covers-full-cell:hover + input {
+.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;

wp-admin/css/list-tables.css

@@ -570,7 +570,8 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 	position: relative;
 }
 
-.check-column .label-covers-full-cell {
+.check-column label {
+	box-sizing: border-box;
 	width: 100%;
 	height: 100%;
 	display: block;
@@ -579,15 +580,21 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 	left: 0;
 }
 
-.check-column .label-covers-full-cell + input {
+.check-column input {
 	position: relative;
 	z-index: 1;
 }
 
-.check-column .label-covers-full-cell:hover + input {
+.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;

wp-admin/css/login-rtl.css

@@ -43,8 +43,8 @@ p {
 }
 
 .login .message,
-.login .success,
-.login #login_error {
+.login .notice,
+.login .success {
 	border-right: 4px solid #72aee6;
 	padding: 12px;
 	margin-right: 0;
@@ -58,10 +58,19 @@ p {
 	border-right-color: #00a32a;
 }
 
-.login #login_error {
+/* Match border color from common.css */
+.login .notice-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;
@@ -238,6 +247,11 @@ p {
 	margin-bottom: 0;
 }
 
+#login form .indicator-hint,
+#login #reg_passmail {
+	margin-bottom: 16px;
+}
+
 #login form p.submit {
 	margin: 0;
 	padding: 0;
@@ -343,9 +357,7 @@ p {
 	font-family: Consolas, Monaco, monospace;
 }
 
-.js.login input.password-input,
-.js.login-action-rp form .input,
-.js.login-action-rp input[type="text"] {
+.js.login input.password-input {
 	padding-left: 2.5rem;
 }
 
@@ -355,6 +367,8 @@ 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;

wp-admin/css/login.css

@@ -42,8 +42,8 @@ p {
 }
 
 .login .message,
-.login .success,
-.login #login_error {
+.login .notice,
+.login .success {
 	border-left: 4px solid #72aee6;
 	padding: 12px;
 	margin-left: 0;
@@ -57,10 +57,19 @@ p {
 	border-left-color: #00a32a;
 }
 
-.login #login_error {
+/* Match border color from common.css */
+.login .notice-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;
@@ -237,6 +246,11 @@ p {
 	margin-bottom: 0;
 }
 
+#login form .indicator-hint,
+#login #reg_passmail {
+	margin-bottom: 16px;
+}
+
 #login form p.submit {
 	margin: 0;
 	padding: 0;
@@ -342,9 +356,7 @@ p {
 	font-family: Consolas, Monaco, monospace;
 }
 
-.js.login input.password-input,
-.js.login-action-rp form .input,
-.js.login-action-rp input[type="text"] {
+.js.login input.password-input {
 	padding-right: 2.5rem;
 }
 
@@ -354,6 +366,8 @@ 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;

wp-admin/css/media-rtl.css

@@ -131,6 +131,7 @@
 }
 
 .media-item .edit-attachment.copy-to-clipboard-container {
+	display: flex;
 	margin-top: 0;
 }
 
@@ -1140,6 +1141,10 @@ border color while dragging a file over the uploader drop area */
 	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 {

wp-admin/css/media.css

@@ -130,6 +130,7 @@
 }
 
 .media-item .edit-attachment.copy-to-clipboard-container {
+	display: flex;
 	margin-top: 0;
 }
 
@@ -1139,6 +1140,10 @@ border color while dragging a file over the uploader drop area */
 	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 {

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

@@ -838,20 +838,13 @@ 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;
-	line-height: 2.15384615;
+	display: flex;
+	align-items: center;
 }
 
-.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 > * {
+	margin-left: 10px;
 }
 
 .nav-menus-php .major-publishing-actions .form-invalid {

wp-admin/css/nav-menus.css

@@ -837,20 +837,13 @@ 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;
-	line-height: 2.15384615;
+	display: flex;
+	align-items: center;
 }
 
-.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 > * {
+	margin-right: 10px;
 }
 
 .nav-menus-php .major-publishing-actions .form-invalid {

wp-admin/css/themes-rtl.css

@@ -507,10 +507,12 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
 	z-index: 30;
 	box-sizing: border-box;
 	border-top: 1px solid #f0f0f1;
+	display: flex;
+	justify-content: center;
+	gap: 5px;
 }
 
-.theme-overlay .theme-actions a {
-	margin-left: 5px;
+.theme-overlay .theme-actions .button {
 	margin-bottom: 5px;
 }
 
@@ -522,26 +524,21 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
 
 .broken-themes a.delete-theme,
 .theme-overlay .theme-actions .delete-theme {
-	color: #d63638;
+	color: #b32d2e;
 	text-decoration: none;
 	border-color: transparent;
 	box-shadow: none;
 	background: transparent;
 }
 
-.theme-overlay .theme-actions .delete-theme {
-	position: absolute;
-	left: 10px;
-	bottom: 5px;
-}
-
 .broken-themes a.delete-theme:hover,
 .broken-themes a.delete-theme:focus,
 .theme-overlay .theme-actions .delete-theme:hover,
 .theme-overlay .theme-actions .delete-theme:focus {
-	background: #d63638;
+	background: #b32d2e;
 	color: #fff;
-	border-color: #d63638;
+	border-color: #b32d2e;
+	box-shadow: 0 0 0 1px #b32d2e;
 }
 
 .theme-overlay .theme-actions .active-theme,

wp-admin/css/themes.css

@@ -506,10 +506,12 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
 	z-index: 30;
 	box-sizing: border-box;
 	border-top: 1px solid #f0f0f1;
+	display: flex;
+	justify-content: center;
+	gap: 5px;
 }
 
-.theme-overlay .theme-actions a {
-	margin-right: 5px;
+.theme-overlay .theme-actions .button {
 	margin-bottom: 5px;
 }
 
@@ -521,26 +523,21 @@ body.folded .theme-browser ~ .theme-overlay .theme-wrap {
 
 .broken-themes a.delete-theme,
 .theme-overlay .theme-actions .delete-theme {
-	color: #d63638;
+	color: #b32d2e;
 	text-decoration: none;
 	border-color: transparent;
 	box-shadow: none;
 	background: transparent;
 }
 
-.theme-overlay .theme-actions .delete-theme {
-	position: absolute;
-	right: 10px;
-	bottom: 5px;
-}
-
 .broken-themes a.delete-theme:hover,
 .broken-themes a.delete-theme:focus,
 .theme-overlay .theme-actions .delete-theme:hover,
 .theme-overlay .theme-actions .delete-theme:focus {
-	background: #d63638;
+	background: #b32d2e;
 	color: #fff;
-	border-color: #d63638;
+	border-color: #b32d2e;
+	box-shadow: 0 0 0 1px #b32d2e;
 }
 
 .theme-overlay .theme-actions .active-theme,

wp-admin/edit-comments.php

@@ -84,31 +84,31 @@ if ( $doaction ) {
 		switch ( $doaction ) {
 			case 'approve':
 				wp_set_comment_status( $comment_id, 'approve' );
-				$approved++;
+				++$approved;
 				break;
 			case 'unapprove':
 				wp_set_comment_status( $comment_id, 'hold' );
-				$unapproved++;
+				++$unapproved;
 				break;
 			case 'spam':
 				wp_spam_comment( $comment_id );
-				$spammed++;
+				++$spammed;
 				break;
 			case 'unspam':
 				wp_unspam_comment( $comment_id );
-				$unspammed++;
+				++$unspammed;
 				break;
 			case 'trash':
 				wp_trash_comment( $comment_id );
-				$trashed++;
+				++$trashed;
 				break;
 			case 'untrash':
 				wp_untrash_comment( $comment_id );
-				$untrashed++;
+				++$untrashed;
 				break;
 			case 'delete':
 				wp_delete_comment( $comment_id );
-				$deleted++;
+				++$deleted;
 				break;
 		}
 	}
@@ -301,7 +301,13 @@ if ( isset( $_REQUEST['error'] ) ) {
 			break;
 	}
 	if ( $error_msg ) {
-		echo '<div id="moderated" class="error"><p>' . $error_msg . '</p></div>';
+		wp_admin_notice(
+			$error_msg,
+			array(
+				'id'                 => 'moderated',
+				'additional_classes' => array( 'error' ),
+			)
+		);
 	}
 }
 
@@ -411,9 +417,13 @@ if ( isset( $_REQUEST['approved'] )
 			}
 		}
 
-		printf(
-			'<div id="moderated" class="updated notice is-dismissible"><p>%s</p></div>',
-			implode( "<br />\n", $messages )
+		wp_admin_notice(
+			implode( "<br />\n", $messages ),
+			array(
+				'id'                 => 'moderated',
+				'additional_classes' => array( 'updated' ),
+				'dismissible'        => true,
+			)
 		);
 	}
 }

wp-admin/edit-form-advanced.php

@@ -440,17 +440,43 @@ if ( isset( $post_new_file ) && current_user_can( $post_type_object->cap->create
 
 <hr class="wp-header-end">
 
-<?php if ( $notice ) : ?>
-<div id="notice" class="notice notice-warning"><p id="has-newer-autosave"><?php echo $notice; ?></p></div>
-<?php endif; ?>
-<?php if ( $message ) : ?>
-<div id="message" class="updated notice notice-success is-dismissible"><p><?php echo $message; ?></p></div>
-<?php endif; ?>
-<div id="lost-connection-notice" class="error hidden">
-	<p><span class="spinner"></span> <?php _e( '<strong>Connection lost.</strong> Saving has been disabled until you are reconnected.' ); ?>
-	<span class="hide-if-no-sessionstorage"><?php _e( 'This post is being backed up in your browser, just in case.' ); ?></span>
-	</p>
-</div>
+<?php
+if ( $notice ) :
+	wp_admin_notice(
+		'<p id="has-newer-autosave">' . $notice . '</p>',
+		array(
+			'type'           => 'warning',
+			'id'             => 'notice',
+			'paragraph_wrap' => false,
+		)
+	);
+endif;
+if ( $message ) :
+	wp_admin_notice(
+		$message,
+		array(
+			'type'               => 'success',
+			'dismissible'        => true,
+			'id'                 => 'message',
+			'additional_classes' => array( 'updated' ),
+		)
+	);
+endif;
+
+$connection_lost_message = sprintf(
+	'<span class="spinner"></span> %1$s <span class="hide-if-no-sessionstorage">%2$s</span>',
+	__( '<strong>Connection lost.</strong> Saving has been disabled until you are reconnected.' ),
+	__( 'This post is being backed up in your browser, just in case.' )
+);
+
+wp_admin_notice(
+	$connection_lost_message,
+	array(
+		'id'                 => 'lost-connection-notice',
+		'additional_classes' => array( 'error', 'hidden' ),
+	)
+);
+?>
 <form name="post" action="post.php" method="post" id="post"
 <?php
 /**

wp-admin/edit-form-blocks.php

@@ -31,7 +31,7 @@ $current_screen->is_block_editor( true );
 // Default to is-fullscreen-mode to avoid jumps in the UI.
 add_filter(
 	'admin_body_class',
-	static function( $classes ) {
+	static function ( $classes ) {
 		return "$classes is-fullscreen-mode";
 	}
 );
@@ -319,27 +319,45 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 	<?php // JavaScript is disabled. ?>
 	<div class="wrap hide-if-js block-editor-no-js">
 		<h1 class="wp-heading-inline"><?php echo esc_html( $title ); ?></h1>
-		<div class="notice notice-error">
-			<p>
-				<?php
-					$message = sprintf(
-						/* translators: %s: A link to install the Classic Editor plugin. */
-						__( 'The block editor requires JavaScript. Please enable JavaScript in your browser settings, or try the <a href="%s">Classic Editor plugin</a>.' ),
-						esc_url( wp_nonce_url( self_admin_url( 'plugin-install.php?tab=favorites&user=wordpressdotorg&save=0' ), 'save_wporg_username_' . get_current_user_id() ) )
-					);
+		<?php
+		if ( file_exists( WP_PLUGIN_DIR . '/classic-editor/classic-editor.php' ) ) {
+			// If Classic Editor is already installed, provide a link to activate the plugin.
+			$installed           = true;
+			$plugin_activate_url = wp_nonce_url( 'plugins.php?action=activate&amp;plugin=classic-editor/classic-editor.php', 'activate-plugin_classic-editor/classic-editor.php' );
+			$message             = sprintf(
+				/* translators: %s: Link to activate the Classic Editor plugin. */
+				__( 'The block editor requires JavaScript. Please enable JavaScript in your browser settings, or activate the <a href="%s">Classic Editor plugin</a>.' ),
+				esc_url( $plugin_activate_url )
+			);
+		} else {
+			// If Classic Editor is not installed, provide a link to install it.
+			$installed          = false;
+			$plugin_install_url = wp_nonce_url( self_admin_url( 'update.php?action=install-plugin&plugin=classic-editor' ), 'install-plugin_classic-editor' );
+			$message            = sprintf(
+				/* translators: %s: Link to install the Classic Editor plugin. */
+				__( 'The block editor requires JavaScript. Please enable JavaScript in your browser settings, or install the <a href="%s">Classic Editor plugin</a>.' ),
+				esc_url( $plugin_install_url )
+			);
+		}
 
-					/**
-					 * Filters the message displayed in the block editor interface when JavaScript is
-					 * not enabled in the browser.
-					 *
-					 * @since 5.0.3
-					 *
-					 * @param string  $message The message being displayed.
-					 * @param WP_Post $post    The post being edited.
-					 */
-					echo apply_filters( 'block_editor_no_javascript_message', $message, $post );
-					?>
-			</p>
-		</div>
+		/**
+		 * Filters the message displayed in the block editor interface when JavaScript is
+		 * not enabled in the browser.
+		 *
+		 * @since 5.0.3
+		 * @since 6.4.0 Added `$installed` parameter.
+		 *
+		 * @param string  $message   The message being displayed.
+		 * @param WP_Post $post      The post being edited.
+		 * @param bool    $installed Whether the classic editor is installed.
+		 */
+		$message = apply_filters( 'block_editor_no_javascript_message', $message, $post, $installed );
+		wp_admin_notice(
+			$message,
+			array(
+				'type' => 'error',
+			)
+		);
+		?>
 	</div>
 </div>

wp-admin/edit-link-form.php

@@ -87,13 +87,22 @@ echo esc_html( $title );
 ?>
 </h1>
 
-<a href="link-add.php" class="page-title-action"><?php echo esc_html_x( 'Add New', 'link' ); ?></a>
+<a href="link-add.php" class="page-title-action"><?php echo esc_html__( 'Add New Link' ); ?></a>
 
 <hr class="wp-header-end">
 
-<?php if ( isset( $_GET['added'] ) ) : ?>
-<div id="message" class="updated notice is-dismissible"><p><?php _e( 'Link added.' ); ?></p></div>
-<?php endif; ?>
+<?php
+if ( isset( $_GET['added'] ) ) {
+	wp_admin_notice(
+		__( 'Link added.' ),
+		array(
+			'id'                 => 'message',
+			'additional_classes' => array( 'updated' ),
+			'dismissible'        => true,
+		)
+	);
+}
+?>
 
 <form name="<?php echo esc_attr( $form_name ); ?>" id="<?php echo esc_attr( $form_name ); ?>" method="post" action="link.php">
 <?php

wp-admin/edit-tag-form.php

@@ -79,16 +79,18 @@ do_action( "{$taxonomy}_pre_edit_form", $tag, $taxonomy ); ?>
 $class = ( isset( $msg ) && 5 === $msg ) ? 'error' : 'success';
 
 if ( $message ) {
-	?>
-<div id="message" class="notice notice-<?php echo $class; ?>">
-	<p><strong><?php echo $message; ?></strong></p>
-	<?php if ( $wp_http_referer ) { ?>
-	<p><a href="<?php echo esc_url( wp_validate_redirect( sanitize_url( $wp_http_referer ), admin_url( 'term.php?taxonomy=' . $taxonomy ) ) ); ?>">
-		<?php echo esc_html( $tax->labels->back_to_items ); ?>
-	</a></p>
-	<?php } ?>
-</div>
-	<?php
+	$message = '<p><strong>' . $message . '</strong></p>';
+	if ( $wp_http_referer ) {
+		$message .= '<p><a href="' . esc_url( wp_validate_redirect( sanitize_url( $wp_http_referer ), admin_url( 'term.php?taxonomy=' . $taxonomy ) ) ) . '">' . esc_html( $tax->labels->back_to_items ) . '</a></p>';
+	}
+	wp_admin_notice(
+		$message,
+		array(
+			'type'           => $class,
+			'id'             => 'message',
+			'paragraph_wrap' => false,
+		)
+	);
 }
 ?>
 

wp-admin/edit-tags.php

@@ -348,9 +348,16 @@ if ( isset( $_REQUEST['s'] ) && strlen( $_REQUEST['s'] ) ) {
 
 <hr class="wp-header-end">
 
-<?php if ( $message ) : ?>
-<div id="message" class="<?php echo $class; ?> notice is-dismissible"><p><?php echo $message; ?></p></div>
-	<?php
+<?php
+if ( $message ) :
+	wp_admin_notice(
+		$message,
+		array(
+			'id'                 => 'message',
+			'additional_classes' => array( $class ),
+			'dismissible'        => true,
+		)
+	);
 	$_SERVER['REQUEST_URI'] = remove_query_arg( array( 'message', 'error' ), $_SERVER['REQUEST_URI'] );
 endif;
 ?>

wp-admin/edit.php

@@ -124,7 +124,7 @@ if ( $doaction ) {
 				}
 
 				if ( wp_check_post_lock( $post_id ) ) {
-					$locked++;
+					++$locked;
 					continue;
 				}
 
@@ -132,7 +132,7 @@ if ( $doaction ) {
 					wp_die( __( 'Error in moving the item to Trash.' ) );
 				}
 
-				$trashed++;
+				++$trashed;
 			}
 
 			$sendback = add_query_arg(
@@ -160,7 +160,7 @@ if ( $doaction ) {
 					wp_die( __( 'Error in restoring the item from Trash.' ) );
 				}
 
-				$untrashed++;
+				++$untrashed;
 			}
 			$sendback = add_query_arg( 'untrashed', $untrashed, $sendback );
 
@@ -185,7 +185,7 @@ if ( $doaction ) {
 						wp_die( __( 'Error in deleting the item.' ) );
 					}
 				}
-				$deleted++;
+				++$deleted;
 			}
 			$sendback = add_query_arg( 'deleted', $deleted, $sendback );
 			break;
@@ -288,7 +288,11 @@ if ( 'post' === $post_type ) {
 			'title'   => __( 'Bulk actions' ),
 			'content' =>
 					'<p>' . __( 'You can also edit or move multiple posts to the Trash at once. Select the posts you want to act on using the checkboxes, then select the action you want to take from the Bulk actions menu and click Apply.' ) . '</p>' .
-							'<p>' . __( 'When using Bulk Edit, you can change the metadata (categories, author, etc.) for all selected posts at once. To remove a post from the grouping, just click the x next to its name in the Bulk Edit area that appears.' ) . '</p>',
+					'<p>' . sprintf(
+						/* translators: %s: The dismiss dashicon used for buttons that dismiss or remove. */
+						__( 'When using Bulk Edit, you can change the metadata (categories, author, etc.) for all selected posts at once. To remove a post from the grouping, just click the %s<span class="screen-reader-text">remove</span> button next to its name in the Bulk Edit area that appears.' ),
+						'<span class="dashicons dashicons-dismiss" aria-hidden="true" style="font-size: 16px; width: 16px; vertical-align: middle;"></span>'
+					) . '</p>',
 		)
 	);
 
@@ -377,17 +381,17 @@ $bulk_messages['page']     = array(
 	'untrashed' => _n( '%s page restored from the Trash.', '%s pages restored from the Trash.', $bulk_counts['untrashed'] ),
 );
 $bulk_messages['wp_block'] = array(
-	/* translators: %s: Number of blocks. */
-	'updated'   => _n( '%s block updated.', '%s blocks updated.', $bulk_counts['updated'] ),
-	'locked'    => ( 1 === $bulk_counts['locked'] ) ? __( '1 block not updated, somebody is editing it.' ) :
-					/* translators: %s: Number of blocks. */
-					_n( '%s block not updated, somebody is editing it.', '%s blocks not updated, somebody is editing them.', $bulk_counts['locked'] ),
-	/* translators: %s: Number of blocks. */
-	'deleted'   => _n( '%s block permanently deleted.', '%s blocks permanently deleted.', $bulk_counts['deleted'] ),
-	/* translators: %s: Number of blocks. */
-	'trashed'   => _n( '%s block moved to the Trash.', '%s blocks moved to the Trash.', $bulk_counts['trashed'] ),
-	/* translators: %s: Number of blocks. */
-	'untrashed' => _n( '%s block restored from the Trash.', '%s blocks restored from the Trash.', $bulk_counts['untrashed'] ),
+	/* translators: %s: Number of patterns. */
+	'updated'   => _n( '%s pattern updated.', '%s patterns updated.', $bulk_counts['updated'] ),
+	'locked'    => ( 1 === $bulk_counts['locked'] ) ? __( '1 pattern not updated, somebody is editing it.' ) :
+					/* translators: %s: Number of patterns. */
+					_n( '%s pattern not updated, somebody is editing it.', '%s patterns not updated, somebody is editing them.', $bulk_counts['locked'] ),
+	/* translators: %s: Number of patterns. */
+	'deleted'   => _n( '%s pattern permanently deleted.', '%s patterns permanently deleted.', $bulk_counts['deleted'] ),
+	/* translators: %s: Number of patterns. */
+	'trashed'   => _n( '%s pattern moved to the Trash.', '%s patterns moved to the Trash.', $bulk_counts['trashed'] ),
+	/* translators: %s: Number of patterns. */
+	'untrashed' => _n( '%s pattern restored from the Trash.', '%s patterns restored from the Trash.', $bulk_counts['untrashed'] ),
 );
 
 /**
@@ -465,9 +469,13 @@ foreach ( $bulk_counts as $message => $count ) {
 }
 
 if ( $messages ) {
-	printf(
-		'<div id="message" class="updated notice is-dismissible"><p>%s</p></div>',
-		implode( ' ', $messages )
+	wp_admin_notice(
+		implode( ' ', $messages ),
+		array(
+			'id'                 => 'message',
+			'additional_classes' => array( 'updated' ),
+			'dismissible'        => true,
+		)
 	);
 }
 unset( $messages );
@@ -482,7 +490,7 @@ $_SERVER['REQUEST_URI'] = remove_query_arg( array( 'locked', 'skipped', 'updated
 <?php $wp_list_table->search_box( $post_type_object->labels->search_items, 'post' ); ?>
 
 <input type="hidden" name="post_status" class="post_status_page" value="<?php echo ! empty( $_REQUEST['post_status'] ) ? esc_attr( $_REQUEST['post_status'] ) : 'all'; ?>" />
-<input type="hidden" name="post_type" class="post_type_page" value="<?php echo $post_type; ?>" />
+<input type="hidden" name="post_type" class="post_type_page" value="<?php echo esc_attr( $post_type ); ?>" />
 
 <?php if ( ! empty( $_REQUEST['author'] ) ) { ?>
 <input type="hidden" name="author" value="<?php echo esc_attr( $_REQUEST['author'] ); ?>" />

wp-admin/erase-personal-data.php

@@ -34,7 +34,7 @@ get_current_screen()->add_help_tab(
 		'id'      => 'default-data',
 		'title'   => __( 'Default Data' ),
 		'content' =>
-					'<p>' . __( 'WordPress collects (but <em>never</em> publishes) a limited amount of data from logged-in users but then deletes it or anonymizes it. That data can include: ' ) . '</p>' .
+					'<p>' . __( 'WordPress collects (but <em>never</em> publishes) a limited amount of data from logged-in users but then deletes it or anonymizes it. That data can include:' ) . '</p>' .
 					'<p>' . __( '<strong>Profile Information</strong> &mdash; user email address, username, display name, nickname, first name, last name, description/bio, and registration date.' ) . '</p>' .
 					'<p>' . __( '<strong>Community Events Location</strong> &mdash; The IP Address of the user which is used for the Upcoming Community Events shown in the dashboard widget.' ) . '</p>' .
 					'<p>' . __( '<strong>Session Tokens</strong> &mdash; User login information, IP Addresses, Expiration Date, User Agent (Browser/OS), and Last Login.' ) . '</p>' .

wp-admin/export.php

@@ -160,7 +160,12 @@ function export_date_options( $post_type = 'post' ) {
 		}
 
 		$month = zeroise( $date->month, 2 );
-		echo '<option value="' . $date->year . '-' . $month . '">' . $wp_locale->get_month( $month ) . ' ' . $date->year . '</option>';
+
+		printf(
+			'<option value="%1$s">%2$s</option>',
+			esc_attr( $date->year . '-' . $month ),
+			$wp_locale->get_month( $month ) . ' ' . $date->year
+		);
 	}
 }
 ?>

wp-admin/freedoms.php

@@ -31,9 +31,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 			</h1>
 		</div>
 
-		<div class="about__header-text">
-			<?php _e( 'WordPress is free and open source software' ); ?>
-		</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' ); ?>">
@@ -58,22 +56,22 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 
 	<div class="about__section has-2-columns">
 		<div class="column aligncenter">
-			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-1.svg?ver=6.1' ) ); ?>" alt="" />
+			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-1.svg?ver=6.4' ) ); ?>" alt="" />
 			<h2 class="is-smaller-heading"><?php _e( 'The 1st Freedom' ); ?></h2>
 			<p><?php _e( 'To run the program for any purpose.' ); ?></p>
 		</div>
 		<div class="column aligncenter">
-			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-2.svg?ver=6.1' ) ); ?>" alt="" />
+			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-2.svg?ver=6.4' ) ); ?>" alt="" />
 			<h2 class="is-smaller-heading"><?php _e( 'The 2nd Freedom' ); ?></h2>
 			<p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
 		</div>
 		<div class="column aligncenter">
-			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-3.svg?ver=6.1' ) ); ?>" alt="" />
+			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-3.svg?ver=6.4' ) ); ?>" alt="" />
 			<h2 class="is-smaller-heading"><?php _e( 'The 3rd Freedom' ); ?></h2>
 			<p><?php _e( 'To redistribute.' ); ?></p>
 		</div>
 		<div class="column aligncenter">
-			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-4.svg?ver=6.1' ) ); ?>" alt="" />
+			<img class="freedom-image" src="<?php echo esc_url( admin_url( 'images/freedom-4.svg?ver=6.4' ) ); ?>" alt="" />
 			<h2 class="is-smaller-heading"><?php _e( 'The 4th Freedom' ); ?></h2>
 			<p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
 		</div>

wp-admin/images/about-header-about.svg

@@ -1 +1,11 @@
-<svg width="1000" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1916_8299)"><path fill="#151515" d="M0 0h1000v400H0z"/><ellipse opacity=".2" cx="500" cy="463" rx="1497" ry="249" fill="url(#paint0_radial_1916_8299)"/><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1000" height="400"><path fill="url(#paint1_radial_1916_8299)" d="M0 0h1000v400H0z"/></mask><g mask="url(#a)" stroke-width="2"><path d="M155 0v1635" stroke="url(#paint2_linear_1916_8299)"/><path d="M327.5 0v1635" stroke="url(#paint3_linear_1916_8299)"/><path d="M500 0v1635" stroke="url(#paint4_linear_1916_8299)"/><path d="M672.5 0v1635" stroke="url(#paint5_linear_1916_8299)"/><path d="M845 0v1635" stroke="url(#paint6_linear_1916_8299)"/></g></g><defs><radialGradient id="paint0_radial_1916_8299" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 249 -1497 0 500 463)"><stop stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></radialGradient><radialGradient id="paint1_radial_1916_8299" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 493 -1232.5 0 500 162)"><stop offset=".161" stop-color="#151515" stop-opacity="0"/><stop offset=".833"/></radialGradient><linearGradient id="paint2_linear_1916_8299" x1="155.5" x2="155.5" y2="1635" gradientUnits="userSpaceOnUse"><stop stop-color="#3858E9" stop-opacity="0"/><stop offset=".297" stop-color="#3858E9"/><stop offset=".734" stop-color="#3858E9"/><stop offset="1" stop-color="#3858E9" stop-opacity="0"/><stop offset="1" stop-color="#3858E9" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_1916_8299" x1="328" x2="328" y2="1635" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCB5" stop-opacity="0"/><stop offset="0" stop-color="#FFFCB5" stop-opacity="0"/><stop offset=".297" stop-color="#FFFCB5"/><stop offset=".734" stop-color="#FFFCB5"/><stop offset="1" stop-color="#FFFCB5" stop-opacity="0"/></linearGradient><linearGradient id="paint4_linear_1916_8299" x1="500.5" x2="500.5" y2="1635" gradientUnits="userSpaceOnUse"><stop stop-color="#C7FFDB" stop-opacity="0"/><stop offset=".297" stop-color="#C7FFDB"/><stop offset=".693" stop-color="#C7FFDB"/><stop offset="1" stop-color="#C7FFDB" stop-opacity="0"/></linearGradient><linearGradient id="paint5_linear_1916_8299" x1="673" x2="673" y2="1635" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB7A7" stop-opacity="0"/><stop offset=".297" stop-color="#FFB7A7"/><stop offset=".734" stop-color="#FFB7A7"/><stop offset="1" stop-color="#3858E9" stop-opacity="0"/><stop offset="1" stop-color="#FFB7A7" stop-opacity="0"/></linearGradient><linearGradient id="paint6_linear_1916_8299" x1="845.5" x2="845.5" y2="1635" gradientUnits="userSpaceOnUse"><stop stop-color="#7B90FF" stop-opacity="0"/><stop offset=".297" stop-color="#7B90FF"/><stop offset=".734" stop-color="#7B90FF"/><stop offset="1" stop-color="#3858E9" stop-opacity="0"/><stop offset="1" stop-color="#7B90FF" stop-opacity="0"/></linearGradient><clipPath id="clip0_1916_8299"><path fill="#fff" d="M0 0h1000v400H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+  <path fill="#111" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+  <path fill="#CFCABE" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+  <path fill="#D8613C" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+  <path fill="#B1C5A4" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+  <path fill="#636363" d="M246 100h100v100H246z"/>
+  <path fill="#B6BDBC" d="M246 200h100v100H246z"/>
+  <path fill="#D8613C" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+  <circle cx="179" cy="273" r="27" fill="#C2A990"/>
+  <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.636-1.635 7.522 7.522v-10.665h2.307Z"/>
+</svg>

wp-admin/images/about-header-background.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="420" fill="none" viewBox="0 0 1000 420">
+  <g clip-path="url(#a)">
+    <rect width="1000" height="420" fill="#EAE9E7" rx="2"/>
+    <path fill="#fff" fill-opacity=".35" d="M303.711-552.516v702.368l492.135-492.135 106.31 107.505-494.524 494.524H1110v151.702H414.799l498.108 498.108-107.505 107.504-501.691-501.69v707.15H152.009V515.37l-504.08 504.08-107.506-106.311L42.115 411.448h-707.146V259.746H48.087L-450.02-238.361l107.506-107.506L152.01 148.657v-701.173h151.702Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="1000" height="420" fill="#fff" rx="2"/>
+    </clipPath>
+  </defs>
+</svg>

wp-admin/images/about-header-contribute.svg

@@ -1 +1,11 @@
-<svg width="1000" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3974_29104)"><path fill="#151515" d="M0 0h1000v400H0z"/><ellipse opacity=".2" cx="500" cy="463" rx="1497" ry="249" fill="url(#paint0_radial_3974_29104)"/><g opacity=".3" stroke-width="2"><circle cx="100" cy="100" r="101" transform="matrix(0 1 1 0 80 100)" stroke="url(#paint1_linear_3974_29104)"/><circle cx="467" cy="424" r="101" transform="rotate(90 467 424)" stroke="url(#paint2_linear_3974_29104)"/><circle cx="590" r="101" transform="rotate(-180 590 0)" stroke="url(#paint3_linear_3974_29104)"/><circle cx="870" cy="170" r="101" transform="rotate(-90 870 170)" stroke="url(#paint4_linear_3974_29104)"/></g></g><defs><radialGradient id="paint0_radial_3974_29104" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 249 -1497 0 500 463)"><stop stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></radialGradient><linearGradient id="paint1_linear_3974_29104" x1="190" y1="215" x2="76" y2="47" gradientUnits="userSpaceOnUse"><stop stop-color="#3858E9"/><stop offset=".516" stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_3974_29104" x1="348" y1="497" x2="467" y2="524" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCB5"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_3974_29104" x1="504" y1="60" x2="665" y2="-76" gradientUnits="userSpaceOnUse"><stop stop-color="#151515" stop-opacity="0"/><stop offset=".776" stop-color="#FFB7A7"/><stop offset="1" stop-color="#FFB7A7"/></linearGradient><linearGradient id="paint4_linear_3974_29104" x1="870" y1="70" x2="870" y2="270" gradientUnits="userSpaceOnUse"><stop stop-color="#7B90FF"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><clipPath id="clip0_3974_29104"><path fill="#fff" d="M0 0h1000v400H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+  <path fill="#D8613C" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+  <path fill="#C2A990" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+  <path fill="#636363" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+  <path fill="#B6BDBC" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+  <path fill="#D8613C" d="M246 100h100v100H246z"/>
+  <path fill="#B1C5A4" d="M246 200h100v100H246z"/>
+  <path fill="#111" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+  <circle cx="179" cy="273" r="27" fill="#fff"/>
+  <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.636-1.635 7.522 7.522v-10.665h2.307Z"/>
+</svg>

wp-admin/images/about-header-credits.svg

@@ -1 +1,11 @@
-<svg width="1000" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1916_7547)"><path fill="#151515" d="M0 0h1000v400H0z"/><g opacity=".3" stroke-width="2"><circle cy="155" r="101" stroke="url(#paint0_linear_1916_7547)"/><circle cx="250" cy="110" r="101" transform="rotate(90 250 110)" stroke="url(#paint1_linear_1916_7547)"/><circle cx="750" cy="290" r="101" transform="rotate(90 750 290)" stroke="url(#paint2_linear_1916_7547)"/><circle opacity=".7" cx="500" cy="200" r="101" transform="rotate(90 500 200)" stroke="url(#paint3_linear_1916_7547)"/><circle cx="1000" cy="245" r="101" stroke="url(#paint4_linear_1916_7547)"/></g><ellipse opacity=".2" cx="500" cy="463" rx="1497" ry="249" fill="url(#paint5_radial_1916_7547)"/></g><defs><linearGradient id="paint0_linear_1916_7547" x1="90" y1="270" x2="-24" y2="102" gradientUnits="userSpaceOnUse"><stop stop-color="#3858E9"/><stop offset=".516" stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint1_linear_1916_7547" x1="131" y1="183" x2="250" y2="210" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCB5"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_1916_7547" x1="664" y1="350" x2="825" y2="214" gradientUnits="userSpaceOnUse"><stop stop-color="#151515" stop-opacity="0"/><stop offset=".776" stop-color="#FFB7A7"/><stop offset="1" stop-color="#FFB7A7"/></linearGradient><linearGradient id="paint3_linear_1916_7547" x1="500" y1="100" x2="500" y2="300" gradientUnits="userSpaceOnUse"><stop stop-color="#C7FFDB"/><stop offset=".563" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint4_linear_1916_7547" x1="1000" y1="145" x2="1000" y2="345" gradientUnits="userSpaceOnUse"><stop stop-color="#7B90FF"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><radialGradient id="paint5_radial_1916_7547" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 249 -1497 0 500 463)"><stop stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></radialGradient><clipPath id="clip0_1916_7547"><path fill="#fff" d="M0 0h1000v400H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+  <path fill="#C2A990" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+  <path fill="#B1C5A4" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+  <path fill="#111" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+  <path fill="#D8613C" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+  <path fill="#111" d="M246 100h100v100H246z"/>
+  <path fill="#B6BDBC" d="M246 200h100v100H246z"/>
+  <path fill="#CFCABE" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+  <circle cx="179" cy="273" r="27" fill="#fff"/>
+  <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.635-1.635 7.523 7.522v-10.665h2.307Z"/>
+</svg>

wp-admin/images/about-header-freedoms.svg

@@ -1 +1,11 @@
-<svg width="1000" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1916_6764)"><path fill="#151515" d="M0 0h1000v400H0z"/><ellipse opacity=".2" cx="500" cy="463" rx="1497" ry="249" fill="url(#paint0_radial_1916_6764)"/><path opacity=".4" d="M301 449h1v-89.047c0-5.561 0-9.795-.276-13.17-.277-3.397-.839-6.013-2.013-8.317a21 21 0 0 0-9.177-9.177c-2.304-1.174-4.92-1.736-8.317-2.013-3.375-.276-7.609-.276-13.17-.276h-96.094c-5.561 0-9.795 0-13.17.276-3.397.277-6.013.839-8.317 2.013a21 21 0 0 0-9.177 9.177c-1.174 2.304-1.736 4.92-2.013 8.317-.276 3.375-.276 7.609-.276 13.17V449h161z" stroke="url(#paint1_linear_1916_6764)" stroke-width="2"/><path opacity=".4" d="M493 449h1v-89.047c0-5.561 0-9.795-.276-13.17-.277-3.397-.839-6.013-2.013-8.317a21 21 0 0 0-9.177-9.177c-2.304-1.174-4.92-1.736-8.317-2.013-3.375-.276-7.609-.276-13.17-.276h-96.094c-5.561 0-9.795 0-13.17.276-3.397.277-6.013.839-8.317 2.013a21 21 0 0 0-9.177 9.177c-1.174 2.304-1.736 4.92-2.013 8.317-.276 3.375-.276 7.609-.276 13.17V449h161z" stroke="url(#paint2_linear_1916_6764)" stroke-width="2"/><path opacity=".4" d="M685 449h1v-89.047c0-5.561 0-9.795-.276-13.17-.277-3.397-.839-6.013-2.013-8.317a21 21 0 0 0-9.177-9.177c-2.304-1.174-4.92-1.736-8.317-2.013-3.375-.276-7.609-.276-13.17-.276h-96.094c-5.561 0-9.795 0-13.17.276-3.397.277-6.013.839-8.317 2.013a21 21 0 0 0-9.177 9.177c-1.174 2.304-1.736 4.92-2.013 8.317-.276 3.375-.276 7.609-.276 13.17V449h161z" stroke="url(#paint3_linear_1916_6764)" stroke-width="2"/><path opacity=".4" d="M877 449h1v-89.047c0-5.561 0-9.795-.276-13.17-.277-3.397-.839-6.013-2.013-8.317a21 21 0 0 0-9.177-9.177c-2.304-1.174-4.92-1.736-8.317-2.013-3.375-.276-7.609-.276-13.17-.276h-96.094c-5.561 0-9.795 0-13.17.276-3.397.277-6.013.839-8.317 2.013a21 21 0 0 0-9.177 9.177c-1.174 2.304-1.736 4.92-2.013 8.317-.276 3.375-.276 7.609-.276 13.17V449h161z" stroke="url(#paint4_linear_1916_6764)" stroke-width="2"/></g><defs><radialGradient id="paint0_radial_1916_6764" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 249 -1497 0 500 463)"><stop stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></radialGradient><linearGradient id="paint1_linear_1916_6764" x1="221" y1="328" x2="221" y2="448" gradientUnits="userSpaceOnUse"><stop stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_1916_6764" x1="413" y1="328" x2="413" y2="448" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFCB5"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint3_linear_1916_6764" x1="605" y1="328" x2="605" y2="448" gradientUnits="userSpaceOnUse"><stop stop-color="#C7FFDB"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint4_linear_1916_6764" x1="797" y1="328" x2="797" y2="448" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB7A7"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><clipPath id="clip0_1916_6764"><path fill="#fff" d="M0 0h1000v400H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+  <path fill="#B6BDBC" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+  <path fill="#D8613C" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+  <path fill="#C2A990" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+  <path fill="#111" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+  <path fill="#CFCABE" d="M246 100h100v100H246z"/>
+  <path fill="#D8613C" d="M246 200h100v100H246z"/>
+  <path fill="#B1C5A4" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+  <circle cx="179" cy="273" r="27" fill="#F9F9F9"/>
+  <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.635-1.635 7.523 7.522v-10.665h2.307Z"/>
+</svg>

wp-admin/images/about-header-privacy.svg

@@ -1 +1,11 @@
-<svg width="1000" height="400" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1916_7203)"><path fill="#151515" d="M0 0h1000v400H0z"/><ellipse opacity=".2" cx="500" cy="463" rx="1497" ry="249" fill="url(#paint0_radial_1916_7203)"/><path opacity=".4" d="M1138 449h1v-85.046c0-11.162 0-19.596-.55-26.307-.55-6.732-1.66-11.818-3.92-16.261a40.976 40.976 0 0 0-17.92-17.917c-4.44-2.264-9.52-3.371-16.26-3.921-6.71-.548-15.14-.548-26.3-.548H801.953c-11.161 0-19.596 0-26.306.548-6.732.55-11.818 1.657-16.261 3.921a41.006 41.006 0 0 0-17.917 17.917c-2.264 4.443-3.371 9.529-3.921 16.261-.548 6.71-.548 15.145-.548 26.306V449h401z" stroke="url(#paint1_linear_1916_7203)" stroke-width="2"/><path opacity=".4" d="M1058 291a119.98 119.98 0 0 0-35.15-84.853A119.987 119.987 0 0 0 938 171a120.003 120.003 0 0 0-120 120" stroke="url(#paint2_linear_1916_7203)" stroke-width="3"/></g><defs><radialGradient id="paint0_radial_1916_7203" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 249 -1497 0 500 463)"><stop stop-color="#3858E9"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></radialGradient><linearGradient id="paint1_linear_1916_7203" x1="938" y1="300" x2="938" y2="448" gradientUnits="userSpaceOnUse"><stop stop-color="#C7FFDB"/><stop offset="1" stop-color="#151515" stop-opacity="0"/></linearGradient><linearGradient id="paint2_linear_1916_7203" x1="938" y1="171" x2="938" y2="291" gradientUnits="userSpaceOnUse"><stop stop-color="#3858E9"/><stop offset=".563" stop-color="#3858E9" stop-opacity="0"/></linearGradient><clipPath id="clip0_1916_7203"><path fill="#fff" d="M0 0h1000v400H0z"/></clipPath></defs></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="346" height="300" fill="none" viewBox="0 0 346 300">
+  <path fill="#636363" d="M200 200a100.006 100.006 0 0 1-61.732 92.388A100.006 100.006 0 0 1 100 300v-80a20.006 20.006 0 0 0 14.142-5.858A20.006 20.006 0 0 0 120 200h80Z"/>
+  <path fill="#111" d="M100 100a100.006 100.006 0 0 1 92.388 61.732A100.006 100.006 0 0 1 200 200h-80a20.006 20.006 0 0 0-5.858-14.142A20.006 20.006 0 0 0 100 180v-80Z"/>
+  <path fill="#D8613C" d="M100 300a100.01 100.01 0 0 1-70.71-29.289A100 100 0 0 1 0 200h80a20.005 20.005 0 0 0 12.346 18.478A20.002 20.002 0 0 0 100 220v80Z"/>
+  <path fill="#C2A990" fill-rule="evenodd" d="M170.4 0h-100L0 200h80c0-11.046 8.954-20 20-20 2.329 0 4.564.398 6.642 1.129L170.4 0Z" clip-rule="evenodd"/>
+  <path fill="#B1C5A4" d="M246 100h100v100H246z"/>
+  <path fill="#111" d="M246 200h100v100H246z"/>
+  <path fill="#B6BDBC" d="M216.4 0h100L246 200H146L216.4 0Z"/>
+  <circle cx="179" cy="273" r="27" fill="#F9F9F9"/>
+  <path fill="#111" d="M180.621 259.886v10.683l7.486-7.485 1.617 1.635-7.522 7.522h10.684v2.308h-10.575l7.577 7.576-1.636 1.636-7.631-7.632v10.757h-2.307v-10.757l-7.668 7.668-1.635-1.617 7.631-7.631h-10.756v-2.308h10.847l-7.577-7.577 1.636-1.635 7.522 7.522v-10.665h2.307Z"/>
+</svg>

wp-admin/images/about-release-badge.svg

@@ -1,52 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="280" height="280" fill="none" viewBox="0 0 280 280">
-  <g clip-path="url(#a)">
-    <rect width="280" height="280" fill="#151515" rx="5"/>
-    <ellipse cx="140" cy="323" fill="url(#b)" opacity=".2" rx="928" ry="154"/>
-    <g stroke-width="1.5" clip-path="url(#c)">
-      <path stroke="url(#d)" d="M53 135v1635"/>
-      <path stroke="url(#e)" d="M111 135v1635"/>
-      <path stroke="url(#f)" d="M169 135v1635"/>
-      <path stroke="url(#g)" d="M227 135v1635"/>
-    </g>
-    <path fill="#fff" d="M98.666 177.465c-10.254 0-18.603-4.981-23.34-14.014-3.32-5.762-5.03-13.135-5.03-21.875 0-23.486 10.89-37.5 28.76-37.5 12.891 0 22.901 7.666 25.001 19.043h-12.5c-1.612-5.322-6.543-8.789-12.598-8.789-10.547 0-16.748 9.766-16.65 26.758h.244c2.978-6.885 10.205-11.475 19.092-11.475 13.378 0 23.339 9.864 23.339 23.242 0 14.307-11.035 24.61-26.318 24.61Zm-.098-10.303c7.813 0 14.014-6.152 14.014-13.916 0-7.959-5.859-13.769-13.916-13.769-8.105 0-14.111 5.81-14.111 13.623 0 7.861 6.152 14.062 14.013 14.062Zm41.018 9.375c-3.955 0-7.031-3.076-7.031-7.031 0-3.906 3.076-7.031 7.031-7.031 3.906 0 6.982 3.125 6.982 7.031 0 3.955-3.076 7.031-6.982 7.031Zm32.082-31.933v-9.473h8.496c7.227 0 12.158-4.443 12.158-10.742 0-6.153-4.297-10.254-12.207-10.254-7.275 0-12.158 4.248-12.646 10.84H155.75c.684-12.647 10.4-20.85 24.951-20.85 13.867 0 23.731 7.568 23.731 18.555 0 8.74-5.86 15.039-14.551 16.552v.293c10.547.782 17.383 7.227 17.383 17.041 0 12.452-11.328 20.85-26.709 20.85-15.479 0-25.537-8.496-26.172-21.045h12.012c.585 6.445 5.859 10.742 14.257 10.742 8.106 0 13.819-4.541 13.819-11.035 0-7.129-5.371-11.474-14.112-11.474h-8.691Z"/>
-  </g>
-  <defs>
-    <linearGradient id="d" x1="53.5" x2="53.5" y1="135" y2="1770" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#3858E9" stop-opacity="0"/>
-      <stop offset=".297" stop-color="#3858E9"/>
-      <stop offset=".734" stop-color="#3858E9"/>
-      <stop offset="1" stop-color="#3858E9" stop-opacity="0"/>
-      <stop offset="1" stop-color="#3858E9" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="e" x1="111.5" x2="111.5" y1="135" y2="1770" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#C7FFDB" stop-opacity="0"/>
-      <stop offset=".297" stop-color="#C7FFDB"/>
-      <stop offset=".693" stop-color="#C7FFDB"/>
-      <stop offset="1" stop-color="#C7FFDB" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="f" x1="169.5" x2="169.5" y1="135" y2="1770" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FFB7A7" stop-opacity="0"/>
-      <stop offset=".297" stop-color="#FFB7A7"/>
-      <stop offset=".734" stop-color="#FFB7A7"/>
-      <stop offset="1" stop-color="#3858E9" stop-opacity="0"/>
-      <stop offset="1" stop-color="#FFB7A7" stop-opacity="0"/>
-    </linearGradient>
-    <linearGradient id="g" x1="227.5" x2="227.5" y1="135" y2="1770" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#7B90FF" stop-opacity="0"/>
-      <stop offset=".297" stop-color="#7B90FF"/>
-      <stop offset=".734" stop-color="#7B90FF"/>
-      <stop offset="1" stop-color="#3858E9" stop-opacity="0"/>
-      <stop offset="1" stop-color="#7B90FF" stop-opacity="0"/>
-    </linearGradient>
-    <clipPath id="a">
-      <rect width="280" height="280" fill="#fff" rx="5"/>
-    </clipPath>
-    <clipPath id="c">
-      <path fill="#fff" d="M0 135h280v280H0z"/>
-    </clipPath>
-    <radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="matrix(0 154 -928 0 140 323)" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#3858E9"/>
-      <stop offset="1" stop-color="#151515" stop-opacity="0"/>
-    </radialGradient>
-  </defs>
+<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="280" height="280" rx="2" fill="#EAE9E7"/>
+<path d="M150.492 165.607C150.492 172.201 149.194 178.731 146.67 184.823C144.147 190.915 140.448 196.451 135.785 201.114C131.122 205.776 125.587 209.475 119.495 211.999C113.402 214.522 106.873 215.821 100.279 215.821L100.279 175.65C101.598 175.65 102.903 175.39 104.122 174.885C105.34 174.381 106.447 173.641 107.38 172.708C108.313 171.776 109.052 170.669 109.557 169.45C110.062 168.232 110.321 166.926 110.321 165.607H150.492Z" fill="#111111"/>
+<path d="M100.279 115.393C106.873 115.393 113.402 116.692 119.495 119.216C125.587 121.739 131.122 125.438 135.785 130.101C140.448 134.763 144.147 140.299 146.67 146.391C149.194 152.483 150.492 159.013 150.492 165.607L110.321 165.607C110.321 164.288 110.062 162.982 109.557 161.764C109.052 160.545 108.313 159.438 107.38 158.506C106.447 157.573 105.34 156.833 104.122 156.329C102.903 155.824 101.598 155.564 100.279 155.564V115.393Z" fill="#CFCABE"/>
+<path d="M100.279 215.821C93.6845 215.821 87.1549 214.522 81.0627 211.999C74.9705 209.475 69.4349 205.776 64.7722 201.114C60.1094 196.451 56.4107 190.915 53.8872 184.823C51.3637 178.731 50.0649 172.201 50.0649 165.607L90.2359 165.607C90.2359 166.926 90.4957 168.232 91.0004 169.45C91.5051 170.669 92.2448 171.776 93.1774 172.708C94.1099 173.641 95.217 174.381 96.4355 174.885C97.6539 175.39 98.9599 175.65 100.279 175.65L100.279 215.821Z" fill="#D8613C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M135.629 65.1797H85.4154L50.0649 165.607H90.2359C90.2359 165.607 90.2359 165.607 90.2359 165.607C90.2359 160.061 94.7322 155.564 100.279 155.564C101.448 155.564 102.571 155.764 103.614 156.131L135.629 65.1797Z" fill="#B1C5A4"/>
+<rect x="173.59" y="115.393" width="50.2137" height="50.2138" fill="#636363"/>
+<rect x="173.59" y="165.608" width="50.2137" height="50.2138" fill="#B6BDBC"/>
+<path d="M158.727 65.1796H208.941L173.591 165.607H123.377L158.727 65.1796Z" fill="#D8613C"/>
+<ellipse cx="139.948" cy="202.263" rx="13.5577" ry="13.5577" fill="#C2A990"/>
+<path d="M140.762 195.678V201.043L144.521 197.284L145.333 198.105L141.556 201.883H146.92V203.041H141.61L145.415 206.846L144.594 207.667L140.762 203.835V209.236H139.603V203.835L135.753 207.685L134.932 206.873L138.764 203.041H133.363V201.883H138.809L135.005 198.078L135.826 197.257L139.603 201.034V195.678H140.762Z" fill="#111111"/>
 </svg>

wp-admin/images/contribute-code.svg

@@ -0,0 +1,24 @@
+<svg width="290" height="290" viewBox="0 0 290 290" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_941_5647)">
+<path d="M145 217.5C145.001 227.021 143.126 236.449 139.482 245.245C135.839 254.042 130.499 262.034 123.766 268.766C117.034 275.499 109.042 280.839 100.245 284.482C91.4488 288.126 82.021 290.001 72.5 290V232C74.4042 232 76.2898 231.625 78.0491 230.897C79.8083 230.168 81.4068 229.1 82.753 227.753C85.4716 225.033 86.9992 221.345 87 217.5H145Z" fill="#111111"/>
+<path d="M0 217.5C0.00026521 198.272 7.63872 179.831 21.2351 166.235C34.8314 152.639 53.2719 145 72.5 145V203C70.5958 203 68.7102 203.375 66.951 204.103C65.1917 204.832 63.5933 205.9 62.247 207.247C60.9004 208.593 59.8322 210.192 59.1035 211.951C58.3748 213.71 57.9998 215.596 58 217.5H0Z" fill="#B1C5A4"/>
+<path d="M58 217.5C58 225.508 64.492 232 72.5 232C80.508 232 87 225.508 87 217.5C87 209.492 80.508 203 72.5 203C64.492 203 58 209.492 58 217.5Z" fill="white"/>
+<path d="M217.5 145C227.021 144.999 236.449 146.874 245.245 150.518C254.042 154.161 262.034 159.501 268.766 166.234C275.499 172.966 280.839 180.958 284.482 189.755C288.126 198.551 290.001 207.979 290 217.5H232C232 215.596 231.625 213.71 230.897 211.951C230.168 210.192 229.1 208.593 227.753 207.247C226.407 205.9 224.809 204.832 223.049 204.103C221.29 203.374 219.404 202.999 217.5 203V145Z" fill="#CFCABE"/>
+<path d="M217.5 290C207.979 290 198.551 288.125 189.755 284.482C180.959 280.838 172.967 275.498 166.235 268.765C159.502 262.033 154.162 254.04 150.519 245.244C146.875 236.448 145 227.021 145 217.5H203C203 219.404 203.375 221.29 204.103 223.049C204.832 224.808 205.9 226.407 207.247 227.753C209.967 230.472 213.655 231.999 217.5 232V290Z" fill="#D8613C"/>
+<path d="M203 218.5C203 226.508 209.492 233 217.5 233C225.508 233 232 226.508 232 218.5C232 210.492 225.508 204 217.5 204C209.492 204 203 210.492 203 218.5Z" fill="white"/>
+<path d="M145 217.5C135.479 217.5 126.052 215.625 117.256 211.981C108.46 208.338 100.467 202.998 93.7345 196.266C87.0021 189.534 81.662 181.541 78.019 172.745C74.3755 163.949 72.5002 154.521 72.5 145H130.5C130.5 146.904 130.875 148.79 131.603 150.549C132.332 152.308 133.4 153.907 134.747 155.253C136.093 156.6 137.691 157.668 139.451 158.397C141.21 159.126 143.096 159.501 145 159.5V217.5Z" fill="#CFCABE"/>
+<path d="M145 72.5C164.228 72.5 182.669 80.1384 196.265 93.7348C209.862 107.331 217.5 125.772 217.5 145H159.5C159.5 143.096 159.125 141.21 158.397 139.451C157.668 137.692 156.6 136.093 155.253 134.747C152.533 132.028 148.845 130.501 145 130.5V72.5Z" fill="#D8613C"/>
+<path d="M130 145.5C130 153.508 136.492 160 144.5 160C152.508 160 159 153.508 159 145.5C159 137.492 152.508 131 144.5 131C136.492 131 130 137.492 130 145.5Z" fill="white"/>
+<path d="M72.5 4.64119e-08C86.8392 -0.000512928 100.856 4.25128 112.779 12.2177C124.702 20.184 133.994 31.5072 139.481 44.755C143.125 53.5512 145 62.979 145 72.5H87C87 68.6544 85.4723 64.9662 82.7531 62.247C80.0338 59.5277 76.3456 58 72.5 58V4.64119e-08Z" fill="#CFCABE"/>
+<path d="M72.5 145C62.9791 145 53.5514 143.125 44.7553 139.482C35.9592 135.838 27.967 130.498 21.235 123.765C14.5027 117.033 9.16233 109.041 5.51882 100.244C1.87531 91.4484 9.06827e-06 82.0208 0 72.5H58C58.0005 76.3455 59.5284 80.0333 62.2475 82.7525C64.9667 85.4716 68.6545 86.9995 72.5 87V145Z" fill="#D8613C"/>
+<path d="M58 72.5C58 80.508 64.492 87 72.5 87C80.508 87 87 80.508 87 72.5C87 64.492 80.508 58 72.5 58C64.492 58 58 64.492 58 72.5Z" fill="white"/>
+<path d="M145 72.5C145 62.9791 146.875 53.5514 150.518 44.7553C154.162 35.9592 159.502 27.9669 166.235 21.235C172.967 14.5022 180.959 9.16152 189.755 5.51798C198.551 1.87443 207.979 -0.000589261 217.5 1.38912e-07V58C213.655 58.0005 209.967 59.5284 207.248 62.2475C204.528 64.9667 203.001 68.6545 203 72.5H145Z" fill="#B1C5A4"/>
+<path d="M290 72.5C290.001 82.021 288.126 91.4488 284.482 100.245C280.839 109.042 275.499 117.034 268.766 123.766C262.034 130.499 254.042 135.839 245.245 139.482C236.449 143.126 227.021 145.001 217.5 145V87C221.346 87 225.034 85.4723 227.753 82.7531C230.472 80.0338 232 76.3456 232 72.5H290Z" fill="#111111"/>
+<path d="M203 72.5C203 80.508 209.492 87 217.5 87C225.508 87 232 80.508 232 72.5C232 64.492 225.508 58 217.5 58C209.492 58 203 64.492 203 72.5Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_941_5647">
+<rect width="290" height="290" fill="white"/>
+</clipPath>
+</defs>
+</svg>

wp-admin/images/contribute-main.svg

@@ -0,0 +1,21 @@
+<svg width="290" height="290" viewBox="0 0 290 290" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_941_5603)">
+<path d="M290 217.5C290.001 231.839 285.749 245.857 277.783 257.779C269.816 269.702 258.493 278.994 245.245 284.481C236.449 288.125 227.021 290 217.5 290V232C219.404 232 221.29 231.625 223.049 230.897C224.808 230.168 226.407 229.1 227.753 227.753C229.1 226.407 230.168 224.808 230.897 223.049C231.625 221.29 232 219.404 232 217.5H290Z" fill="#111111"/>
+<path d="M145 217.5C144.999 203.161 149.251 189.143 157.218 177.221C165.184 165.298 176.508 156.006 189.756 150.519C198.552 146.875 207.979 145 217.5 145V203C215.596 203 213.71 203.375 211.951 204.103C210.192 204.832 208.593 205.9 207.247 207.247C205.9 208.593 204.832 210.192 204.103 211.951C203.375 213.71 203 215.596 203 217.5H145Z" fill="#B1C5A4"/>
+<path d="M203 217.5C203 225.508 209.492 232 217.5 232C225.508 232 232 225.508 232 217.5C232 209.492 225.508 203 217.5 203C209.492 203 203 209.492 203 217.5Z" fill="white"/>
+<path d="M72.5 145C82.0209 145 91.4485 146.875 100.245 150.518C109.041 154.162 117.033 159.502 123.765 166.235C130.498 172.967 135.838 180.959 139.482 189.755C143.125 198.551 145 207.979 145 217.5H87C87 213.654 85.4723 209.966 82.7531 207.247C80.0338 204.528 76.3456 203 72.5 203V145Z" fill="#CFCABE"/>
+<path d="M72.5 290C62.9791 290 53.5514 288.125 44.7552 284.482C35.9591 280.838 27.9669 275.498 21.235 268.765C14.5022 262.033 9.16152 254.041 5.51798 245.245C1.87443 236.449 -0.000589261 227.021 1.38912e-07 217.5H58C58 221.346 59.5277 225.034 62.247 227.753C64.9662 230.472 68.6544 232 72.5 232V290Z" fill="#D8613C"/>
+<path d="M58 217.5C58 225.508 64.492 232 72.5 232C80.508 232 87 225.508 87 217.5C87 209.492 80.508 203 72.5 203C64.492 203 58 209.492 58 217.5Z" fill="white"/>
+<path d="M0 72.5C0 53.2718 7.63837 34.8311 21.2348 21.2348C34.8311 7.63837 53.2718 0 72.5 0V58C68.6544 58 64.9662 59.5277 62.247 62.247C59.5277 64.9662 58 68.6544 58 72.5H0Z" fill="#B1C5A4"/>
+<path d="M145 72.5C145 82.0209 143.125 91.4485 139.482 100.245C135.838 109.041 130.498 117.033 123.765 123.765C117.033 130.498 109.041 135.838 100.245 139.482C91.4486 143.125 82.0209 145 72.5 145V87C76.3456 87 80.0338 85.4723 82.7531 82.7531C85.4723 80.0338 87 76.3456 87 72.5H145Z" fill="#111111"/>
+<path d="M58 72.5C58 80.508 64.492 87 72.5 87C80.508 87 87 80.508 87 72.5C87 64.492 80.508 58 72.5 58C64.492 58 58 64.492 58 72.5Z" fill="white"/>
+<path d="M217.5 0C236.728 0.000677405 255.168 7.63905 268.765 21.235C275.497 27.9671 280.838 35.9593 284.481 44.7554C288.125 53.5515 290 62.9792 290 72.5H232C232 70.5958 231.625 68.7102 230.897 66.9509C230.168 65.1917 229.1 63.5932 227.753 62.247C226.407 60.9005 224.808 59.8323 223.049 59.1036C221.29 58.3749 219.404 57.9999 217.5 58V0Z" fill="#CFCABE"/>
+<path d="M217.5 145C203.161 145.001 189.143 140.749 177.221 132.782C165.298 124.816 156.006 113.492 150.519 100.244C146.875 91.4482 145 82.0207 145 72.5H203C203 74.4042 203.375 76.2898 204.103 78.049C204.832 79.8083 205.9 81.4067 207.247 82.753C208.593 84.0996 210.192 85.1678 211.951 85.8965C213.71 86.6252 215.596 87.0002 217.5 87V145Z" fill="#D8613C"/>
+<path d="M203 72.5C203 80.508 209.492 87 217.5 87C225.508 87 232 80.508 232 72.5C232 64.492 225.508 58 217.5 58C209.492 58 203 64.492 203 72.5Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_941_5603">
+<rect width="290" height="290" fill="white"/>
+</clipPath>
+</defs>
+</svg>