Administration: Capitalize "Collapse Menu" string for better consistency.

This changeset brings more consistency by capitalizing the "Collapse Menu" string localted in the main admin menu.

Props alireyad, bijit027, amimulihsanmahdi, csesumonpro.
Fixes #59133.


Built from https://develop.svn.wordpress.org/trunk@59847


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

license.txt

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

wp-admin/about.php

@@ -15,6 +15,18 @@ $title = _x( 'About', 'page title' );
 
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
+$release_notes_url = sprintf(
+	/* translators: %s: WordPress version number. */
+	__( 'https://wordpress.org/documentation/wordpress-version/version-%s/' ),
+	'6-7'
+);
+
+$field_guide_url = sprintf(
+	/* translators: %s: WordPress version number. */
+	__( 'https://make.wordpress.org/core/wordpress-%s-field-guide/' ),
+	'6-7'
+);
+
 require_once ABSPATH . 'wp-admin/admin-header.php';
 ?>
 	<div class="wrap about__container">
@@ -53,19 +65,22 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 					?>
 				</h2>
 				<p class="is-subheading">
-					<?php _e( 'Create and deploy beautiful and coherent design elements across your sites with WordPress 6.6. A new rollback option for auto-updating plugins gives you control, flexibility, and peace of mind.' ); ?>
+					<?php _e( 'WordPress 6.7 debuts the modern Twenty Twenty-Five theme, offering ultimate design flexibility for any blog at any scale. Control your site typography like never before with new font management features. The new Zoom Out feature lets you design your site with a macro view, stepping back from the details to bring the big picture to life.' ); ?>
 				</p>
 			</div>
 		</div>
 
 		<div class="about__section has-2-columns">
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Color palettes & font sets' ); ?></h3>
-				<p><strong><?php _e( 'Add more design options to any block theme.' ); ?></strong> <?php _e( 'Block theme authors can create unlimited individual color or font sets to offer more specific design options within the same theme. These sets provide more contained design possibilities, allowing for customization without changing the site&#8217;s broader styling, beyond color or typography settings.' ); ?></p>
+				<h3><?php _e( 'Introducing Twenty Twenty-Five' ); ?></h3>
+				<p>
+					<strong><?php _e( 'Endless possibility without complexity' ); ?></strong><br />
+					<?php _e( 'Twenty Twenty-Five offers a flexible, design-focused theme that lets you build stunning sites with ease. Tailor your aesthetic with an array of style options, block patterns, and color palettes. Pared down to the essentials, this is a theme that can truly grow with you.' ); ?>
+				</p>
 			</div>
 			<div class="column is-vertically-aligned-center">
 				<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='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
+					<img src="https://s.w.org/images/core/6.7/feature-tt5-2.webp" alt="" height="436" width="436" />
 				</div>
 			</div>
 		</div>
@@ -73,23 +88,29 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<div class="about__section has-2-columns">
 			<div class="column is-vertically-aligned-center">
 				<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='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
+					<img src="https://s.w.org/images/core/6.7/feature-zoom-2.webp" alt="" height="436" width="436" />
 				</div>
 			</div>
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Quick previews for pages' ); ?></h3>
-				<p><strong><?php _e( 'Simplify your workflow with a new layout built for pages.' ); ?></strong> <?php _e( 'See all of your pages and a preview of any selected page before you edit via a new side-by-side layout in the Site Editor.' ); ?></p>
+				<h3><?php _e( 'Get the big picture with Zoom Out' ); ?></h3>
+				<p>
+					<strong><?php _e( 'Explore your content from a new perspective' ); ?></strong><br />
+					<?php _e( 'Edit and arrange entire sections of your content like never before. A broader view of your site lets you add, edit, shuffle, or remove patterns to your liking. Embrace your inner architect.' ); ?>
+				</p>
 			</div>
 		</div>
 
 		<div class="about__section has-2-columns">
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Rollbacks for plugin auto-updates' ); ?></h3>
-				<p><strong><?php _e( 'Auto-update your plugins with peace of mind.' ); ?></strong> <?php _e( 'Enjoy the ease of plugin auto-updates with the safety of rollbacks if anything goes wrong, improving your site&#8217;s security while minimizing potential downtime.' ); ?></p>
+				<h3><?php _e( 'Connect blocks and custom fields with no hassle (or code)' ); ?></h3>
+				<p>
+					<strong><?php _e( 'A streamlined way to create dynamic content' ); ?></strong><br />
+					<?php _e( 'This feature introduces a new UI for connecting blocks to custom fields, putting control of dynamic content directly in the editor. Link blocks with fields in just a few clicks, enhancing flexibility and efficiency when building. Your clients will love you—as if they didn&#8217;t already.' ); ?>
+				</p>
 			</div>
 			<div class="column is-vertically-aligned-center">
 				<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='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
+					<img src="https://s.w.org/images/core/6.7/feature-block-bindings-2.webp" alt="" height="436" width="436" />
 				</div>
 			</div>
 		</div>
@@ -97,12 +118,15 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<div class="about__section has-2-columns">
 			<div class="column is-vertically-aligned-center">
 				<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='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
+					<img src="https://s.w.org/images/core/6.7/feature-font-presets-2.png" alt="" height="436" width="436" />
 				</div>
 			</div>
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Overrides' ); ?></h3>
-				<p><strong><?php _e( 'Add the ability to customize content in synced patterns.' ); ?></strong> <?php _e( 'Allow specific pieces of content to be customized in each instance of a synced pattern while keeping a consistent style for all instances, simplifying future updates. Currently, you can set overrides for Heading, Paragraph, Button, and Image blocks.' ); ?></p>
+				<h3><?php _e( 'Embrace your inner font nerd' ); ?></h3>
+				<p>
+					<strong><?php _e( 'New style section, new possibilities' ); ?></strong><br />
+					<?php _e( 'Create, edit, remove, and apply font size presets with the next addition to the Styles interface. Override theme defaults or create your own custom font size, complete with fluid typography for responsive font scaling. Get into the details!' ); ?>
+				</p>
 			</div>
 		</div>
 
@@ -112,34 +136,21 @@ 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"/>
-						<path d="M28.4287 20.6507C28.8387 20.8874 28.9791 21.4116 28.7424 21.8215L24.7424 28.7498C24.5057 29.1597 23.9815 29.3002 23.5715 29.0635C23.1616 28.8268 23.0211 28.3026 23.2578 27.8926L27.2578 20.9644C27.4945 20.5544 28.0187 20.414 28.4287 20.6507Z" fill="#1e1e1e"/>
-						<path d="M18.6433 23.579C18.2333 23.3423 17.7091 23.4828 17.4724 23.8927C17.2357 24.3027 17.3761 24.8269 17.7861 25.0636L18.281 25.3493C18.691 25.586 19.2152 25.4456 19.4519 25.0356C19.6886 24.6256 19.5481 24.1014 19.1381 23.8647L18.6433 23.579Z" fill="#1e1e1e"/>
-						<path d="M20.0358 20.6508C20.4458 20.4141 20.97 20.5546 21.2067 20.9645L21.4924 21.4594C21.7291 21.8694 21.5887 22.3936 21.1787 22.6303C20.7687 22.867 20.2445 22.7265 20.0078 22.3166L19.7221 21.8217C19.4854 21.4117 19.6259 20.8875 20.0358 20.6508Z" fill="#1e1e1e"/>
-						<path d="M24.8571 20C24.8571 19.5266 24.4734 19.1429 24 19.1429C23.5266 19.1429 23.1429 19.5266 23.1429 20V20.5714C23.1429 21.0448 23.5266 21.4286 24 21.4286C24.4734 21.4286 24.8571 21.0448 24.8571 20.5714V20Z" fill="#1e1e1e"/>
-						<path fill-rule="evenodd" clip-rule="evenodd" d="M14 26C14 20.4772 18.4772 16 24 16C29.5228 16 34 20.4772 34 26C34 28.0846 33.3612 30.0225 32.2686 31.6256L32.0135 32H15.9865L15.7314 31.6256C14.6388 30.0225 14 28.0846 14 26ZM24 17.7143C19.4239 17.7143 15.7143 21.4239 15.7143 26C15.7143 27.5698 16.1501 29.0357 16.9072 30.2857H31.0928C31.8499 29.0357 32.2857 27.5698 32.2857 26C32.2857 21.4239 28.5761 17.7143 24 17.7143Z" fill="#1e1e1e"/>
+						<path fill="#1e1e1e" d="M32.455 17.72a1.592 1.592 0 0 1 .599 2.195l-7.637 12.99a1.653 1.653 0 0 1-2.235.589 1.592 1.592 0 0 1-.599-2.195l7.637-12.99a1.653 1.653 0 0 1 2.235-.589ZM13.774 23.21a1.653 1.653 0 0 0-2.236.589 1.592 1.592 0 0 0 .6 2.195l.944.536c.783.444 1.783.18 2.235-.588a1.592 1.592 0 0 0-.599-2.196l-.944-.535ZM16.432 17.72a1.653 1.653 0 0 1 2.236.588l.545.928a1.592 1.592 0 0 1-.599 2.196 1.653 1.653 0 0 1-2.235-.588l-.546-.928a1.592 1.592 0 0 1 .6-2.196ZM25.637 16.5c0-.888-.733-1.607-1.637-1.607s-1.636.72-1.636 1.607v1.071c0 .888.732 1.608 1.636 1.608.904 0 1.637-.72 1.637-1.608V16.5Z"/>
+						<path fill="#1e1e1e" fill-rule="evenodd" d="M4.91 27.75C4.91 17.395 13.455 9 24 9s19.091 8.395 19.091 18.75c0 3.909-1.22 7.542-3.305 10.548l-.488.702H8.702l-.488-.702A18.438 18.438 0 0 1 4.91 27.75ZM24 12.214c-8.736 0-15.818 6.956-15.818 15.536 0 2.943.832 5.692 2.277 8.036h27.082a15.25 15.25 0 0 0 2.277-8.036c0-8.58-7.082-15.536-15.818-15.536Z" clip-rule="evenodd"/>
 					</svg>
 				</div>
 				<h3><?php _e( 'Performance updates' ); ?></h3>
-				<p>
-					<?php
-					printf(
-						/* translators: %s: code-formatted "data-wp-on-async". */
-						__( '6.6 includes important updates like removing redundant WP_Theme_JSON calls, disabling autoload for large options, eliminating unnecessary polyfill dependencies, lazy loading post embeds, introducing the %s directive, and a 40%% reduction in template loading time in the editor.' ),
-						'<code>data-wp-on-async</code>'
-					);
-					?>
-				</p>
+				<p><?php _e( 'WordPress 6.7 delivers important performance updates, including faster pattern loading, optimized previews in the data views component, improved PHP 8+ support and removal of deprecated code, auto sizes for lazy-loaded images, and more efficient tag processing in the HTML API.' ); ?></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"/>
-						<path d="M24 18.285C23.55 18.285 23.1637 18.1237 22.8412 17.8012C22.5187 17.4788 22.3575 17.0925 22.3575 16.6425C22.3575 16.1925 22.5187 15.8062 22.8412 15.4837C23.1637 15.1612 23.55 15 24 15C24.45 15 24.8362 15.1612 25.1587 15.4837C25.4812 15.8062 25.6425 16.1925 25.6425 16.6425C25.6425 17.0925 25.4812 17.4788 25.1587 17.8012C24.8362 18.1237 24.45 18.285 24 18.285ZM21.5925 33V21.0075C20.5725 20.9325 19.5862 20.8275 18.6337 20.6925C17.6812 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.3662 20.6925C28.4137 20.8275 27.4275 20.9325 26.4075 21.0075V33H25.0575V27.15H22.9425V33H21.5925Z" fill="#1e1e1e"/>
+						<path fill="#1e1e1e" d="M24 13.84c-.752 0-1.397-.287-1.936-.86a2.902 2.902 0 0 1-.809-2.06c0-.8.27-1.487.809-2.06S23.248 8 24 8c.753 0 1.398.287 1.937.86.54.573.809 1.26.809 2.06s-.27 1.487-.809 2.06-1.184.86-1.937.86ZM19.976 40V18.68a69.562 69.562 0 0 1-4.945-.56 45.877 45.877 0 0 1-4.57-.92l.565-2.4a46.79 46.79 0 0 0 6.356 1.14c2.106.227 4.312.34 6.618.34 2.307 0 4.513-.113 6.62-.34a46.786 46.786 0 0 0 6.355-1.14l.564 2.4c-1.454.373-2.977.68-4.57.92a69.55 69.55 0 0 1-4.945.56V40h-2.256V29.6h-3.535V40h-2.257Z"/>
 					</svg>
 				</div>
 				<h3><?php _e( 'Accessibility improvements' ); ?></h3>
-				<p><?php _e( '55+ accessibility fixes and enhancements focus on foundational aspects of the WordPress experience, particularly the data views component powering the new site editing experience and areas like the Inserter that provide a key way of interacting with blocks and patterns.' ); ?></p>
+				<p><?php _e( '65+ accessibility fixes and enhancements focus on foundational aspects of the WordPress experience, from improving user interface components and keyboard navigation in the Editor, to an accessible heading on WordPress login screens and clearer labeling throughout.' ); ?></p>
 			</div>
 		</div>
 
@@ -148,11 +159,19 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 		<div class="about__section has-2-columns is-wider-left is-feature" style="background-color:var(--background);border-radius:var(--border-radius);">
 			<h3 class="is-section-header"><?php _e( 'And much more' ); ?></h3>
 			<div class="column">
-				<p><?php _e( 'For a comprehensive overview of all the new features and enhancements in WordPress 6.6, please visit the feature-showcase website.' ); ?></p>
+				<p>
+					<?php
+					printf(
+						/* translators: %s: Version number. */
+						__( 'For a comprehensive overview of all the new features and enhancements in WordPress %s, please visit the feature-showcase website.' ),
+						$display_version
+					);
+					?>
+				</p>
 			</div>
 			<div class="column aligncenter">
 				<div class="about__image">
-					<a href="<?php esc_url( __( 'https://wordpress.org/download/releases/6-6/' ) ); ?>" class="button button-primary button-hero"><?php _e( 'See everything new' ); ?></a>
+					<a href="<?php echo esc_url( __( 'https://wordpress.org/download/releases/6-7/' ) ); ?>" class="button button-primary button-hero"><?php _e( 'See everything new' ); ?></a>
 				</div>
 			</div>
 		</div>
@@ -161,7 +180,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
 
 		<div class="about__section has-3-columns">
 			<div class="column about__image is-vertically-aligned-top">
-				<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.6' ) ); ?>" alt="" height="280" width="280" />
+				<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.7' ) ); ?>" alt="" height="280" width="280" />
 			</div>
 			<div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
 				<h3>
@@ -190,17 +209,27 @@ 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"/>
-						<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="#1e1e1e"/>
+						<path fill="#1e1e1e" d="M32 15.5H16v3h16v-3ZM16 22h16v3H16v-3ZM28 28.5H16v3h12v-3Z"/>
+						<path fill="#1e1e1e" fill-rule="evenodd" d="M34 8H14a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V12a4 4 0 0 0-4-4Zm-20 3h20a1 1 0 0 1 1 1v24a1 1 0 0 1-1 1H14a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1Z" clip-rule="evenodd"/>
 					</svg>
 				</div>
-				<p style="margin-top:calc(var(--gap) / 2);">
+				<h4 style="margin-top: calc(var(--gap) / 2); margin-bottom: calc(var(--gap) / 2);">
+					<a href="<?php echo esc_url( $release_notes_url ); ?>">
+						<?php
+						printf(
+							/* translators: %s: WordPress version number. */
+							__( 'WordPress %s Release Notes' ),
+							'6.7'
+						);
+						?>
+					</a>
+				</h4>
+				<p>
 					<?php
 					printf(
-						/* 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.' ),
-						esc_url( __( 'https://make.wordpress.org/core/wordpress-6-6-field-guide/' ) ),
-						'6.6'
+						/* translators: %s: WordPress version number. */
+						__( 'Read the WordPress %s Release Notes for information on installation, enhancements, fixed issues, release contributors, learning resources, and the list of file changes.' ),
+						'6.7'
 					);
 					?>
 				</p>
@@ -208,22 +237,26 @@ 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"/>
-						<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="#1e1e1e"/>
+						<path fill="#1e1e1e" stroke="#fff" stroke-width=".5" d="M26.5 24.25h13.75v11.5h-14v8h-3.5v-8H12.604L8.09 31.237a1.75 1.75 0 0 1 0-2.474l4.513-4.513H22.75v-4.5h-14V8.25h14v-4h3.5v4h10.146l4.513 4.513a1.75 1.75 0 0 1 0 2.474l-4.513 4.513H26.25v4.5h.25ZM12.25 16v.25h22.704l.073-.073 1.293-1.293a1.25 1.25 0 0 0 0-1.768l-1.293-1.293-.073-.073H12.25V16Zm1.723 16.177.073.073H36.75v-4.5H14.046l-.073.073-1.293 1.293a1.25 1.25 0 0 0 0 1.768l1.293 1.293Z"/>
 					</svg>
 				</div>
-				<p style="margin-top:calc(var(--gap) / 2);">
+				<h4 style="margin-top: calc(var(--gap) / 2); margin-bottom: calc(var(--gap) / 2);">
+					<a href="<?php echo esc_url( $field_guide_url ); ?>">
+						<?php
+						printf(
+							/* translators: %s: WordPress version number. */
+							__( 'WordPress %s Field Guide' ),
+							'6.7'
+						);
+						?>
+					</a>
+				</h4>
+				<p>
 					<?php
 					printf(
-						/* translators: 1: WordPress Release Notes link, 2: WordPress version number. */
-						__( '<a href="%1$s">Read the WordPress %2$s Release Notes</a> for information on installation, enhancements, fixed issues, release contributors, learning resources, and the list of file changes.' ),
-						sprintf(
-							/* translators: %s: WordPress version number. */
-							esc_url( __( 'https://wordpress.org/documentation/wordpress-version/version-%s/' ) ),
-							'6-6'
-						),
-						'6.6'
+						/* translators: %s: WordPress version number. */
+						__( 'Explore the WordPress %s Field Guide. Learn about the changes in this release with detailed developer notes to help you build with WordPress.' ),
+						'6.7'
 					);
 					?>
 				</p>

wp-admin/admin-ajax.php

@@ -5,7 +5,7 @@
  * @package WordPress
  * @subpackage Administration
  *
- * @link https://codex.wordpress.org/AJAX_in_Plugins
+ * @link https://developer.wordpress.org/plugins/javascript/ajax
  */
 
 /**

wp-admin/admin-footer.php

@@ -35,7 +35,7 @@ global $hook_suffix;
 		$text = sprintf(
 			/* translators: %s: https://wordpress.org/ */
 			__( 'Thank you for creating with <a href="%s">WordPress</a>.' ),
-			__( 'https://wordpress.org/' )
+			esc_url( __( 'https://wordpress.org/' ) )
 		);
 
 		/**

wp-admin/admin-functions.php

@@ -9,6 +9,11 @@
  * @subpackage Administration
  */
 
+// Don't load directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	die( '-1' );
+}
+
 _deprecated_file( basename( __FILE__ ), '2.5.0', 'wp-admin/includes/admin.php' );
 
 /** WordPress Administration API: Includes all Administration functions. */

wp-admin/admin-header.php

@@ -6,6 +6,11 @@
  * @subpackage Administration
  */
 
+// Don't load directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	die( '-1' );
+}
+
 header( 'Content-Type: ' . get_option( 'html_type' ) . '; charset=' . get_option( 'blog_charset' ) );
 if ( ! defined( 'WP_ADMIN' ) ) {
 	require_once __DIR__ . '/admin.php';
@@ -203,12 +208,17 @@ if ( is_network_admin() ) {
 	$admin_body_class .= ' network-admin';
 }
 
-$admin_body_class .= ' no-customize-support no-svg';
+$admin_body_class .= ' no-customize-support svg';
 
 if ( $current_screen->is_block_editor() ) {
 	$admin_body_class .= ' block-editor-page wp-embed-responsive';
 }
 
+$admin_body_class .= ' wp-theme-' . sanitize_html_class( get_template() );
+if ( is_child_theme() ) {
+	$admin_body_class .= ' wp-child-theme-' . sanitize_html_class( get_stylesheet() );
+}
+
 $error_get_last = error_get_last();
 
 // Print a CSS class to make PHP errors visible.

wp-admin/admin-post.php

@@ -13,11 +13,8 @@ if ( ! defined( 'WP_ADMIN' ) ) {
 	define( 'WP_ADMIN', true );
 }
 
-if ( defined( 'ABSPATH' ) ) {
-	require_once ABSPATH . 'wp-load.php';
-} else {
-	require_once dirname( __DIR__ ) . '/wp-load.php';
-}
+/** Load WordPress Bootstrap */
+require_once dirname( __DIR__ ) . '/wp-load.php';
 
 /** Allow for cross-domain requests (from the front end). */
 send_origin_headers();

wp-admin/admin.php

@@ -31,6 +31,7 @@ if ( isset( $_GET['import'] ) && ! defined( 'WP_LOAD_IMPORTERS' ) ) {
 	define( 'WP_LOAD_IMPORTERS', true );
 }
 
+/** Load WordPress Bootstrap */
 require_once dirname( __DIR__ ) . '/wp-load.php';
 
 nocache_headers();
@@ -38,7 +39,7 @@ nocache_headers();
 if ( get_option( 'db_upgraded' ) ) {
 
 	flush_rewrite_rules();
-	update_option( 'db_upgraded', false );
+	update_option( 'db_upgraded', false, true );
 
 	/**
 	 * Fires on the next page load after a successful DB upgrade.

wp-admin/async-upload.php

@@ -14,11 +14,8 @@ if ( ! defined( 'WP_ADMIN' ) ) {
 	define( 'WP_ADMIN', true );
 }
 
-if ( defined( 'ABSPATH' ) ) {
-	require_once ABSPATH . 'wp-load.php';
-} else {
-	require_once dirname( __DIR__ ) . '/wp-load.php';
-}
+/** Load WordPress Bootstrap */
+require_once dirname( __DIR__ ) . '/wp-load.php';
 
 require_once ABSPATH . 'wp-admin/admin.php';
 
@@ -74,7 +71,9 @@ if ( isset( $_REQUEST['attachment_id'] ) && (int) $_REQUEST['attachment_id'] &&
 							}
 							?>
 							<span class="media-item-copy-container copy-to-clipboard-container edit-attachment">
-								<button type="button" class="button button-small copy-attachment-url" data-clipboard-text="<?php echo $file_url; ?>"><?php _e( 'Copy URL to clipboard' ); ?></button>
+								<button type="button" class="button button-small copy-attachment-url"
+									data-clipboard-text="<?php echo esc_url( $file_url ); ?>"
+								><?php _e( 'Copy URL to clipboard' ); ?></button>
 								<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
 							</span>
 						</div>

wp-admin/credits.php

@@ -133,5 +133,19 @@ __( 'Lead Developer' );
 __( 'Release Lead' );
 __( 'Release Design Lead' );
 __( 'Release Deputy' );
+__( 'Release Coordination' );
+__( 'Minor Release Lead' );
 __( 'Core Developer' );
+__( 'Core Tech Lead' );
+__( 'Core Triage Lead' );
+__( 'Editor Tech Lead' );
+__( 'Editor Triage Lead' );
+__( 'Documentation Lead' );
+__( 'Test Lead' );
+__( 'Design Lead' );
+__( 'Performance Lead' );
+__( 'Default Theme Design Lead' );
+__( 'Default Theme Development Lead' );
+__( 'Tech Lead' );
+__( 'Triage Lead' );
 __( 'External Libraries' );

wp-admin/css/about-rtl.css

@@ -408,10 +408,14 @@
 .about__container h2,
 .about__container h3,
 .about__container h4 {
-	text-wrap: balance;
+	text-wrap: pretty;
 	color: inherit;
 }
 
+.about__container :is(h1, h2, h3, h4):lang(en) {
+	text-wrap: balance;
+}
+
 .about__container p {
 	text-wrap: pretty;
 }
@@ -451,7 +455,12 @@
 }
 
 .about__section a.button.button-hero {
+	padding-top: 1.1875rem;
+	padding-bottom: 1.1875rem;
 	font-size: 1.5rem;
+	line-height: 1.4;
+	white-space: normal;
+	text-wrap: pretty;
 }
 
 .about__container ul {

wp-admin/css/about.css

@@ -407,10 +407,14 @@
 .about__container h2,
 .about__container h3,
 .about__container h4 {
-	text-wrap: balance;
+	text-wrap: pretty;
 	color: inherit;
 }
 
+.about__container :is(h1, h2, h3, h4):lang(en) {
+	text-wrap: balance;
+}
+
 .about__container p {
 	text-wrap: pretty;
 }
@@ -450,7 +454,12 @@
 }
 
 .about__section a.button.button-hero {
+	padding-top: 1.1875rem;
+	padding-bottom: 1.1875rem;
 	font-size: 1.5rem;
+	line-height: 1.4;
+	white-space: normal;
+	text-wrap: pretty;
 }
 
 .about__container ul {

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

@@ -12,6 +12,9 @@
 	top: 0;
 	bottom: -120px;
 	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
+
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 
 .php-error #adminmenuback {
@@ -178,9 +181,7 @@
 
 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 #adminmenu li.current a.menu-top,
-#adminmenu .wp-menu-arrow,
-#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
-#adminmenu .wp-menu-arrow div {
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
 	background: #2271b1;
 	color: #fff;
 }
@@ -206,7 +207,8 @@
 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
 	min-width: 160px;
 	width: auto;
-	border-right: 5px solid transparent;
+	border: 1px solid transparent;
+	border-right-width: 5px;
 }
 
 #adminmenu .wp-submenu li.current,
@@ -269,7 +271,6 @@
 	word-wrap: break-word;
 	-ms-word-break: break-all;
 	word-break: break-word;
-	-webkit-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -331,12 +332,6 @@ div.wp-menu-image:before {
 	position: fixed;
 }
 
-/* A new arrow */
-
-.wp-menu-arrow {
-	display: none !important;
-}
-
 ul#adminmenu a.wp-has-current-submenu {
 	position: relative;
 }
@@ -350,7 +345,7 @@ ul#adminmenu > li.current > a.current:after {
 	width: 0;
 	position: absolute;
 	pointer-events: none;
-	border-left-color: #f0f0f1;
+	border-left-color: #fff;
 	top: 50%;
 	margin-top: -8px;
 }
@@ -416,8 +411,8 @@ ul#adminmenu > li.current > a.current:after {
 	font-weight: 400;
 	font-size: 14px;
 	padding: 5px 11px 5px 4px;
-	margin: -7px -5px 4px 0;
-	border-width: 3px 5px 3px 0;
+	margin: -8px -5px 4px -1px;
+	border-width: 3px 5px 3px 1px;
 	border-style: solid;
 	border-color: transparent;
 }
@@ -582,8 +577,10 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
-		min-width: 150px;
+		min-width: 160px;
 		width: auto;
+		border: 1px solid transparent;
+		border-right-width: 5px;
 	}
 
 	.auto-fold #adminmenu .wp-has-current-submenu li > a {
@@ -772,8 +769,9 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	#adminmenu .wp-not-current-submenu .wp-submenu,
-	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
-		border-right: none;
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		border: none;
 	}
 
 	/* Remove submenu headers and adjust sub meu*/

wp-admin/css/admin-menu.css

@@ -11,6 +11,9 @@
 	top: 0;
 	bottom: -120px;
 	z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
+
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 
 .php-error #adminmenuback {
@@ -177,9 +180,7 @@
 
 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 #adminmenu li.current a.menu-top,
-#adminmenu .wp-menu-arrow,
-#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
-#adminmenu .wp-menu-arrow div {
+#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
 	background: #2271b1;
 	color: #fff;
 }
@@ -205,7 +206,8 @@
 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
 	min-width: 160px;
 	width: auto;
-	border-left: 5px solid transparent;
+	border: 1px solid transparent;
+	border-left-width: 5px;
 }
 
 #adminmenu .wp-submenu li.current,
@@ -268,7 +270,6 @@
 	word-wrap: break-word;
 	-ms-word-break: break-all;
 	word-break: break-word;
-	-webkit-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -330,12 +331,6 @@ div.wp-menu-image:before {
 	position: fixed;
 }
 
-/* A new arrow */
-
-.wp-menu-arrow {
-	display: none !important;
-}
-
 ul#adminmenu a.wp-has-current-submenu {
 	position: relative;
 }
@@ -349,7 +344,7 @@ ul#adminmenu > li.current > a.current:after {
 	width: 0;
 	position: absolute;
 	pointer-events: none;
-	border-right-color: #f0f0f1;
+	border-right-color: #fff;
 	top: 50%;
 	margin-top: -8px;
 }
@@ -415,8 +410,8 @@ ul#adminmenu > li.current > a.current:after {
 	font-weight: 400;
 	font-size: 14px;
 	padding: 5px 4px 5px 11px;
-	margin: -7px 0 4px -5px;
-	border-width: 3px 0 3px 5px;
+	margin: -8px -1px 4px -5px;
+	border-width: 3px 1px 3px 5px;
 	border-style: solid;
 	border-color: transparent;
 }
@@ -581,8 +576,10 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
-		min-width: 150px;
+		min-width: 160px;
 		width: auto;
+		border: 1px solid transparent;
+		border-left-width: 5px;
 	}
 
 	.auto-fold #adminmenu .wp-has-current-submenu li > a {
@@ -771,8 +768,9 @@ li#wp-admin-bar-menu-toggle {
 	}
 
 	#adminmenu .wp-not-current-submenu .wp-submenu,
-	.folded #adminmenu .wp-has-current-submenu .wp-submenu {
-		border-left: none;
+	.folded #adminmenu .wp-has-current-submenu .wp-submenu,
+	.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
+		border: none;
 	}
 
 	/* Remove submenu headers and adjust sub meu*/

wp-admin/css/colors/_admin.scss

@@ -1,29 +1,31 @@
-
-@import 'variables';
-@import 'mixins';
+@use 'sass:color';
+@use 'sass:string';
+@forward 'variables' show $scheme-name, $base-color, $body-background, $button-color, $custom-welcome-panel, $dashboard-accent-1, $dashboard-accent-2, $dashboard-icon-background, $form-checked, $highlight-color, $icon-color, $link, $link-focus, $low-contrast-theme, $menu-bubble-text, $menu-collapse-focus-icon, $menu-collapse-text, $menu-highlight-background, $menu-highlight-icon, $menu-highlight-text, $menu-submenu-text, $menu-submenu-focus-text, $menu-submenu-background, $notification-color, $text-color;
+@use 'variables';
+@use 'mixins';
 
 /**
  * This function name uses British English to maintain backward compatibility, as developers
  * may use the function in their own admin CSS files. See #56811.
  */
 @function url-friendly-colour( $color ) {
-	@return '%23' + str-slice( '#{ $color }', 2, -1 );
+	@return '%23' + string.slice( '#{ $color }', 2, -1 );
 }
 
 body {
-	background: $body-background;
+	background: variables.$body-background;
 }
 
 
 /* Links */
 
 a {
-	color: $link;
+	color: variables.$link;
 
 	&:hover,
 	&:active,
 	&:focus {
-		color: $link-focus;
+		color: variables.$link-focus;
 	}
 }
 
@@ -36,12 +38,12 @@ span.wp-media-buttons-icon:before {
 }
 
 .wp-core-ui .button-link {
-	color: $link;
+	color: variables.$link;
 
 	&:hover,
 	&:active,
 	&:focus {
-		color: $link-focus;
+		color: variables.$link-focus;
 	}
 }
 
@@ -66,16 +68,16 @@ span.wp-media-buttons-icon:before {
 /* Forms */
 
 input[type=checkbox]:checked::before {
-	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
+	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour(variables.$form-checked)}%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-	background: $form-checked;
+	background: variables.$form-checked;
 }
 
 .wp-core-ui input[type="reset"]:hover,
 .wp-core-ui input[type="reset"]:active {
-	color: $link-focus;
+	color: variables.$link-focus;
 }
 
 input[type="text"]:focus,
@@ -97,8 +99,8 @@ input[type="checkbox"]:focus,
 input[type="radio"]:focus,
 select:focus,
 textarea:focus {
-	border-color: $highlight-color;
-	box-shadow: 0 0 0 1px $highlight-color;
+	border-color: variables.$highlight-color;
+	box-shadow: 0 0 0 1px variables.$highlight-color;
 }
 
 
@@ -115,55 +117,55 @@ textarea:focus {
 	.button:hover,
 	.button.focus,
 	.button:focus {
-		border-color: darken( #7e8993, 5% );
-		color: darken( #32373c, 5% );
+		border-color: color.adjust(#7e8993, $lightness: -5%);
+		color: color.adjust(#32373c, $lightness: -5%);
 	}
 
 	.button.focus,
 	.button:focus {
 		border-color: #7e8993;
-		color: darken( #32373c, 5% );
+		color: color.adjust(#32373c, $lightness: -5%);
 		box-shadow: 0 0 0 1px #32373c;
 	}
 
 	.button:active {
 		border-color: #7e8993;
-		color: darken( #32373c, 5% );
+		color: color.adjust(#32373c, $lightness: -5%);
 		box-shadow: none;
 	}
 
 	.button.active,
 	.button.active:focus,
 	.button.active:hover {
-		border-color: $button-color;
-		color: darken( #32373c, 5% );
-		box-shadow: inset 0 2px 5px -3px $button-color;
+		border-color: variables.$button-color;
+		color: color.adjust(#32373c, $lightness: -5%);
+		box-shadow: inset 0 2px 5px -3px variables.$button-color;
 	}
 
 	.button.active:focus {
 		box-shadow: 0 0 0 1px #32373c;
 	}
 
-	@if ( $low-contrast-theme != "true" ) {
+	@if ( variables.$low-contrast-theme != "true" ) {
 		.button,
 		.button-secondary {
-			color: $highlight-color;
-			border-color: $highlight-color;
+			color: variables.$highlight-color;
+			border-color: variables.$highlight-color;
 		}
 
 		.button.hover,
 		.button:hover,
 		.button-secondary:hover{
-			border-color: darken($highlight-color, 10);
-			color: darken($highlight-color, 10);
+			border-color: color.adjust(variables.$highlight-color, $lightness: -10%);
+			color: color.adjust(variables.$highlight-color, $lightness: -10%);
 		}
 
 		.button.focus,
 		.button:focus,
 		.button-secondary:focus {
-			border-color: lighten($highlight-color, 10);
-			color: darken($highlight-color, 20);;
-			box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+			border-color: color.adjust(variables.$highlight-color, $lightness: 10%);
+			color: color.adjust(variables.$highlight-color, $lightness: -20%);
+			box-shadow: 0 0 0 1px color.adjust(variables.$highlight-color, $lightness: 10%);
 		}
 
 		.button-primary {
@@ -174,74 +176,74 @@ textarea:focus {
 	}
 
 	.button-primary {
-		@include button( $button-color );
+		@include mixins.button( variables.$button-color );
 	}
 
 	.button-group > .button.active {
-		border-color: $button-color;
+		border-color: variables.$button-color;
 	}
 
 	.wp-ui-primary {
-		color: $text-color;
-		background-color: $base-color;
+		color: variables.$text-color;
+		background-color: variables.$base-color;
 	}
 	.wp-ui-text-primary {
-		color: $base-color;
+		color: variables.$base-color;
 	}
 
 	.wp-ui-highlight {
-		color: $menu-highlight-text;
-		background-color: $menu-highlight-background;
+		color: variables.$menu-highlight-text;
+		background-color: variables.$menu-highlight-background;
 	}
 	.wp-ui-text-highlight {
-		color: $menu-highlight-background;
+		color: variables.$menu-highlight-background;
 	}
 
 	.wp-ui-notification {
-		color: $menu-bubble-text;
-		background-color: $menu-bubble-background;
+		color: variables.$menu-bubble-text;
+		background-color: variables.$menu-bubble-background;
 	}
 	.wp-ui-text-notification {
-		color: $menu-bubble-background;
+		color: variables.$menu-bubble-background;
 	}
 
 	.wp-ui-text-icon {
-		color: $menu-icon;
+		color: variables.$menu-icon;
 	}
 }
 
 
 /* List tables */
-@if $low-contrast-theme == "true" {
+@if variables.$low-contrast-theme == "true" {
 	.wrap .page-title-action:hover {
-		color: $menu-text;
-		background-color: $menu-background;
+		color: variables.$menu-text;
+		background-color: variables.$menu-background;
 	}
 } @else {
 	.wrap .page-title-action,
 	.wrap .page-title-action:active {
-		border: 1px solid $highlight-color;
-		color: $highlight-color;
+		border: 1px solid variables.$highlight-color;
+		color: variables.$highlight-color;
 	}
 
 	.wrap .page-title-action:hover {
-		color: darken($highlight-color, 10);
-		border-color: darken($highlight-color, 10);
+		color: color.adjust(variables.$highlight-color, $lightness: -10%);
+		border-color: color.adjust(variables.$highlight-color, $lightness: -10%);
 	}
 
 	.wrap .page-title-action:focus {
-		border-color: lighten($highlight-color, 10);
-		color: darken($highlight-color, 20);;
-		box-shadow: 0 0 0 1px lighten($highlight-color, 10);
+		border-color: color.adjust(variables.$highlight-color, $lightness: 10%);
+		color: color.adjust(variables.$highlight-color, $lightness: -20%);
+		box-shadow: 0 0 0 1px color.adjust(variables.$highlight-color, $lightness: 10%);
 	}
 }
 
 .view-switch a.current:before {
-	color: $menu-background;
+	color: variables.$menu-background;
 }
 
 .view-switch a:hover:before {
-	color: $menu-bubble-background;
+	color: variables.$menu-bubble-background;
 }
 
 
@@ -250,28 +252,28 @@ textarea:focus {
 #adminmenuback,
 #adminmenuwrap,
 #adminmenu {
-	background: $menu-background;
+	background: variables.$menu-background;
 }
 
 #adminmenu a {
-	color: $menu-text;
+	color: variables.$menu-text;
 }
 
 #adminmenu div.wp-menu-image:before {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 #adminmenu a:hover,
 #adminmenu li.menu-top:hover,
 #adminmenu li.opensub > a.menu-top,
 #adminmenu li > a.menu-top:focus {
-	color: $menu-highlight-text;
-	background-color: $menu-highlight-background;
+	color: variables.$menu-highlight-text;
+	background-color: variables.$menu-highlight-background;
 }
 
 #adminmenu li.menu-top:hover div.wp-menu-image:before,
 #adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
-	color: $menu-highlight-icon;
+	color: variables.$menu-highlight-icon;
 }
 
 
@@ -280,8 +282,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-	background-color: $body-background;
-	border-bottom-color: $body-background;
+	background-color: variables.$body-background;
+	border-bottom-color: variables.$body-background;
 }
 
 
@@ -291,26 +293,26 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-	background: $menu-submenu-background;
+	background: variables.$menu-submenu-background;
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-	border-right-color: $menu-submenu-background;
+	border-right-color: variables.$menu-submenu-background;
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-	color: $menu-submenu-text;
+	color: variables.$menu-submenu-text;
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-	color: $menu-submenu-text;
+	color: variables.$menu-submenu-text;
 
 	&:focus, &:hover {
-		color: $menu-submenu-focus-text;
+		color: variables.$menu-submenu-focus-text;
 	}
 }
 
@@ -320,24 +322,24 @@ textarea:focus {
 #adminmenu .wp-submenu li.current a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
-	color: $menu-submenu-current-text;
+	color: variables.$menu-submenu-current-text;
 
 	&:hover, &:focus {
-		color: $menu-submenu-focus-text;
+		color: variables.$menu-submenu-focus-text;
 	}
 }
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-    border-right-color: $body-background;
+    border-right-color: variables.$body-background;
 }
 
 #adminmenu li.current a.menu-top,
 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
 #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
 .folded #adminmenu li.current.menu-top {
-	color: $menu-current-text;
-	background: $menu-current-background;
+	color: variables.$menu-current-text;
+	background: variables.$menu-current-background;
 }
 
 #adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
@@ -348,7 +350,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover div.wp-menu-image:before,
 #adminmenu li a:focus div.wp-menu-image:before,
 #adminmenu li.opensub div.wp-menu-image:before {
-	color: $menu-current-icon;
+	color: variables.$menu-current-icon;
 }
 
 
@@ -357,49 +359,49 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu .menu-counter,
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
-	color: $menu-bubble-text;
-	background: $menu-bubble-background;
+	color: variables.$menu-bubble-text;
+	background: variables.$menu-bubble-background;
 }
 
 #adminmenu li.current a .awaiting-mod,
 #adminmenu li a.wp-has-current-submenu .update-plugins,
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
-	color: $menu-bubble-current-text;
-	background: $menu-bubble-current-background;
+	color: variables.$menu-bubble-current-text;
+	background: variables.$menu-bubble-current-background;
 }
 
 
 /* Admin Menu: collapse button */
 
 #collapse-button {
-    color: $menu-collapse-text;
+    color: variables.$menu-collapse-text;
 }
 
 #collapse-button:hover,
 #collapse-button:focus {
-    color: $menu-submenu-focus-text;
+    color: variables.$menu-submenu-focus-text;
 }
 
 /* Admin Bar */
 
 #wpadminbar {
-	color: $menu-text;
-	background: $menu-background;
+	color: variables.$menu-text;
+	background: variables.$menu-background;
 }
 
 #wpadminbar .ab-item,
 #wpadminbar a.ab-item,
 #wpadminbar > #wp-toolbar span.ab-label,
 #wpadminbar > #wp-toolbar span.noticon {
-	color: $menu-text;
+	color: variables.$menu-text;
 }
 
 #wpadminbar .ab-icon,
 #wpadminbar .ab-icon:before,
 #wpadminbar .ab-item:before,
 #wpadminbar .ab-item:after {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -407,45 +409,45 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
-	color: $menu-submenu-focus-text;
-	background: $menu-submenu-background;
+	color: variables.$menu-submenu-focus-text;
+	background: variables.$menu-submenu-background;
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-	color: $menu-submenu-focus-text;
+	color: variables.$menu-submenu-focus-text;
 }
 
 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:after,
 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
-	color: $menu-submenu-focus-text;
+	color: variables.$menu-submenu-focus-text;
 }
 
 
 /* Admin Bar: submenu */
 
 #wpadminbar .menupop .ab-sub-wrapper {
-	background: $menu-submenu-background;
+	background: variables.$menu-submenu-background;
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-	background: $menu-submenu-background-alt;
+	background: variables.$menu-submenu-background-alt;
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-	color: $menu-submenu-text;
+	color: variables.$menu-submenu-text;
 }
 
 #wpadminbar .quicklinks li .blavatar,
 #wpadminbar .menupop .menupop > .ab-item:before {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 #wpadminbar .quicklinks .menupop ul li a:hover,
@@ -466,7 +468,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-	color: $menu-submenu-focus-text;
+	color: variables.$menu-submenu-focus-text;
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
@@ -475,82 +477,82 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-	color: $menu-submenu-focus-text;
+	color: variables.$menu-submenu-focus-text;
 }
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 
 /* Admin Bar: search */
 
 #wpadminbar #adminbarsearch:before {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
-	color: $menu-text;
-	background: $adminbar-input-background;
+	color: variables.$menu-text;
+	background: variables.$adminbar-input-background;
 }
 
 /* Admin Bar: recovery mode */
 
 #wpadminbar #wp-admin-bar-recovery-mode {
-	color: $adminbar-recovery-exit-text;
-	background-color: $adminbar-recovery-exit-background;
+	color: variables.$adminbar-recovery-exit-text;
+	background-color: variables.$adminbar-recovery-exit-background;
 }
 
 #wpadminbar #wp-admin-bar-recovery-mode .ab-item,
 #wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
-	color: $adminbar-recovery-exit-text;
+	color: variables.$adminbar-recovery-exit-text;
 }
 
 #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
 #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
-	color: $adminbar-recovery-exit-text;
-	background-color: $adminbar-recovery-exit-background-alt;
+	color: variables.$adminbar-recovery-exit-text;
+	background-color: variables.$adminbar-recovery-exit-background-alt;
 }
 
 /* Admin Bar: my account */
 
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-	border-color: $adminbar-avatar-frame;
-	background-color: $adminbar-avatar-frame;
+	border-color: variables.$adminbar-avatar-frame;
+	background-color: variables.$adminbar-avatar-frame;
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
-	color: $menu-text;
+	color: variables.$menu-text;
 }
 
 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
-	color: $menu-submenu-focus-text;
+	color: variables.$menu-submenu-focus-text;
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-	color: $menu-submenu-text;
+	color: variables.$menu-submenu-text;
 }
 
 
 /* Pointers */
 
 .wp-pointer .wp-pointer-content h3 {
-	background-color: $highlight-color;
-	border-color: darken( $highlight-color, 5% );
+	background-color: variables.$highlight-color;
+	border-color: color.adjust(variables.$highlight-color, $lightness: -5%);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
-	color: $highlight-color;
+	color: variables.$highlight-color;
 }
 
 .wp-pointer.wp-pointer-top .wp-pointer-arrow,
 .wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
 .wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
-	border-bottom-color: $highlight-color;
+	border-bottom-color: variables.$highlight-color;
 }
 
 
@@ -558,22 +560,22 @@ ul#adminmenu > li.current > a.current:after {
 
 .media-item .bar,
 .media-progress-bar div {
-	background-color: $highlight-color;
+	background-color: variables.$highlight-color;
 }
 
 .details.attachment {
 	box-shadow:
 		inset 0 0 0 3px #fff,
-		inset 0 0 0 7px $highlight-color;
+		inset 0 0 0 7px variables.$highlight-color;
 }
 
 .attachment.details .check {
-	background-color: $highlight-color;
-	box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
+	background-color: variables.$highlight-color;
+	box-shadow: 0 0 0 1px #fff, 0 0 0 2px variables.$highlight-color;
 }
 
 .media-selection .attachment.selection.details .thumbnail {
-	box-shadow: 0 0 0 1px #fff, 0 0 0 3px $highlight-color;
+	box-shadow: 0 0 0 1px #fff, 0 0 0 3px variables.$highlight-color;
 }
 
 
@@ -582,49 +584,49 @@ ul#adminmenu > li.current > a.current:after {
 .theme-browser .theme.active .theme-name,
 .theme-browser .theme.add-new-theme a:hover:after,
 .theme-browser .theme.add-new-theme a:focus:after {
-	background: $highlight-color;
+	background: variables.$highlight-color;
 }
 
 .theme-browser .theme.add-new-theme a:hover span:after,
 .theme-browser .theme.add-new-theme a:focus span:after {
-	color: $highlight-color;
+	color: variables.$highlight-color;
 }
 
 .theme-section.current,
 .theme-filter.current {
-	border-bottom-color: $menu-background;
+	border-bottom-color: variables.$menu-background;
 }
 
 body.more-filters-opened .more-filters {
-	color: $menu-text;
-	background-color: $menu-background;
+	color: variables.$menu-text;
+	background-color: variables.$menu-background;
 }
 
 body.more-filters-opened .more-filters:before {
-	color: $menu-text;
+	color: variables.$menu-text;
 }
 
 body.more-filters-opened .more-filters:hover,
 body.more-filters-opened .more-filters:focus {
-	background-color: $menu-highlight-background;
-	color: $menu-highlight-text;
+	background-color: variables.$menu-highlight-background;
+	color: variables.$menu-highlight-text;
 }
 
 body.more-filters-opened .more-filters:hover:before,
 body.more-filters-opened .more-filters:focus:before {
-	color: $menu-highlight-text;
+	color: variables.$menu-highlight-text;
 }
 
 /* Widgets */
 
 .widgets-chooser li.widgets-chooser-selected {
-	background-color: $menu-highlight-background;
-	color: $menu-highlight-text;
+	background-color: variables.$menu-highlight-background;
+	color: variables.$menu-highlight-text;
 }
 
 .widgets-chooser li.widgets-chooser-selected:before,
 .widgets-chooser li.widgets-chooser-selected:focus:before {
-	color: $menu-highlight-text;
+	color: variables.$menu-highlight-text;
 }
 
 
@@ -632,29 +634,29 @@ body.more-filters-opened .more-filters:focus:before {
 
 .nav-menus-php .item-edit:focus:before {
 	box-shadow:
-		0 0 0 1px lighten($button-color, 10),
-		0 0 2px 1px $button-color;
+		0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
+		0 0 2px 1px variables.$button-color;
 }
 
 
 /* Responsive Component */
 
 div#wp-responsive-toggle a:before {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 .wp-responsive-open div#wp-responsive-toggle a {
 	// ToDo: make inset border
 	border-color: transparent;
-	background: $menu-highlight-background;
+	background: variables.$menu-highlight-background;
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-	background: $menu-submenu-background;
+	background: variables.$menu-submenu-background;
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
-	color: $menu-icon;
+	color: variables.$menu-icon;
 }
 
 /* TinyMCE */
@@ -664,7 +666,7 @@ div#wp-responsive-toggle a:before {
 .mce-container.mce-menu .mce-menu-item:focus,
 .mce-container.mce-menu .mce-menu-item-normal.mce-active,
 .mce-container.mce-menu .mce-menu-item-preview.mce-active {
-	background: $highlight-color;
+	background: variables.$highlight-color;
 }
 
 /* Customizer */
@@ -673,24 +675,24 @@ div#wp-responsive-toggle a:before {
 	#customize-controls .control-section .accordion-section-title:hover,
 	#customize-controls .control-section.open .accordion-section-title,
 	#customize-controls .control-section .accordion-section-title:focus {
-		color: $link;
-		border-left-color: $button-color;
+		color: variables.$link;
+		border-left-color: variables.$button-color;
 	}
 
 	.customize-controls-close:focus,
 	.customize-controls-close:hover,
 	.customize-controls-preview-toggle:focus,
 	.customize-controls-preview-toggle:hover {
-		color: $link;
-		border-top-color: $button-color;
+		color: variables.$link;
+		border-top-color: variables.$button-color;
 	}
 
 	.customize-panel-back:hover,
 	.customize-panel-back:focus,
 	.customize-section-back:hover,
 	.customize-section-back:focus {
-		color: $link;
-		border-left-color: $button-color;
+		color: variables.$link;
+		border-left-color: variables.$button-color;
 	}
 
 	.customize-screen-options-toggle:hover,
@@ -700,7 +702,7 @@ div#wp-responsive-toggle a:before {
 	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
 	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
 	#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
-		color: $link;
+		color: variables.$link;
 	}
 
 	.customize-screen-options-toggle:focus:before,
@@ -711,28 +713,28 @@ div#wp-responsive-toggle a:before {
 	#customize-save-button-wrapper .save:focus,
 	#publish-settings:focus {
 		box-shadow:
-			0 0 0 1px lighten($button-color, 10),
-			0 0 2px 1px $button-color;
+			0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
+			0 0 2px 1px variables.$button-color;
 	}
 
 	#customize-controls .customize-info.open .customize-help-toggle,
 	#customize-controls .customize-info .customize-help-toggle:focus,
 	#customize-controls .customize-info .customize-help-toggle:hover {
-		color: $link;
+		color: variables.$link;
 	}
 
 	.control-panel-themes .customize-themes-section-title:focus,
 	.control-panel-themes .customize-themes-section-title:hover {
-		border-left-color: $button-color;
-		color: $link;
+		border-left-color: variables.$button-color;
+		color: variables.$link;
 	}
 
 	.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
-		background: $button-color;
+		background: variables.$button-color;
 	}
 
 	.control-panel-themes .customize-themes-section-title.selected {
-		color: $link;
+		color: variables.$link;
 	}
 
 	#customize-theme-controls .control-section:hover > .accordion-section-title:after,
@@ -743,37 +745,37 @@ div#wp-responsive-toggle a:before {
 	#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
 	#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
 	#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
-		color: $link;
+		color: variables.$link;
 	}
 
 	.customize-control .attachment-media-view .button-add-media:focus {
 		background-color: #fbfbfc;
-		border-color: $button-color;
+		border-color: variables.$button-color;
 		border-style: solid;
-		box-shadow: 0 0 0 1px $button-color;
+		box-shadow: 0 0 0 1px variables.$button-color;
 		outline: 2px solid transparent;
 	}
 
 	.wp-full-overlay-footer .devices button:focus,
 	.wp-full-overlay-footer .devices button.active:hover {
-		border-bottom-color: $button-color;
+		border-bottom-color: variables.$button-color;
 	}
 
 	.wp-full-overlay-footer .devices button:hover:before,
 	.wp-full-overlay-footer .devices button:focus:before {
-		color: $button-color;
+		color: variables.$button-color;
 	}
 
 	.wp-full-overlay .collapse-sidebar:hover,
 	.wp-full-overlay .collapse-sidebar:focus {
-		color: $button-color;
+		color: variables.$button-color;
 	}
 
 	.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 	.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
 		box-shadow:
-			0 0 0 1px lighten($button-color, 10),
-			0 0 2px 1px $button-color;
+			0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
+			0 0 2px 1px variables.$button-color;
 	}
 
 	&.wp-customizer .theme-overlay .theme-header .close:focus,
@@ -782,7 +784,7 @@ div#wp-responsive-toggle a:before {
 	&.wp-customizer .theme-overlay .theme-header .right:hover,
 	&.wp-customizer .theme-overlay .theme-header .left:focus,
 	&.wp-customizer .theme-overlay .theme-header .left:hover {
-		border-bottom-color: $button-color;
-		color: $link;
+		border-bottom-color: variables.$button-color;
+		color: variables.$link;
 	}
 }

wp-admin/css/colors/_mixins.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /*
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
@@ -9,8 +11,8 @@
 
 	&:hover,
 	&:focus {
-		background: lighten( $button-color, 3% );
-		border-color: darken( $button-color, 3% );
+		background: color.adjust($button-color, $lightness: 3%);
+		border-color: color.adjust($button-color, $lightness: -3%);
 		color: $button-text-color;
 	}
 
@@ -21,8 +23,8 @@
 	}
 
 	&:active {
-		background: darken( $button-color, 5% );
-		border-color: darken( $button-color, 5% );
+		background: color.adjust($button-color, $lightness: -5%);
+		border-color: color.adjust($button-color, $lightness: -5%);
 		color: $button-text-color;
 	}
 
@@ -31,7 +33,7 @@
 	&.active:hover {
 		background: $button-color;
 		color: $button-text-color;
-		border-color: darken( $button-color, 15% );
-		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
+		border-color: color.adjust($button-color, $lightness: -15%);
+		box-shadow: inset 0 2px 5px -3px color.adjust($button-color, $lightness: -50%);
 	}
 }

wp-admin/css/colors/_variables.scss

@@ -1,3 +1,5 @@
+@use "sass:color";
+
 // assign default value to all undefined variables
 
 $scheme-name: "default" !default;
@@ -6,17 +8,17 @@ $scheme-name: "default" !default;
 
 $text-color: #fff !default;
 $base-color: #23282d !default;
-$icon-color: hsl( hue( $base-color ), 7%, 95% ) !default;
+$icon-color: hsl(color.channel($base-color, "hue", $space: hsl), 7%, 95%) !default;
 $highlight-color: #0073aa !default;
 $notification-color: #d54e21 !default;
 
 
 // global
 
-$body-background: #f1f1f1 !default;
+$body-background: #fff !default;
 
 $link: #0073aa !default;
-$link-focus: lighten( $link, 10% ) !default;
+$link-focus: color.adjust($link, $lightness: 10%) !default;
 
 $button-color: $highlight-color !default;
 $button-text-color: $text-color !default;
@@ -37,9 +39,9 @@ $menu-current-text: $menu-highlight-text !default;
 $menu-current-icon: $menu-highlight-icon !default;
 $menu-current-background: $menu-highlight-background !default;
 
-$menu-submenu-text: mix( $base-color, $text-color, 30% ) !default;
-$menu-submenu-background: darken( $base-color, 7% ) !default;
-$menu-submenu-background-alt: desaturate( lighten( $menu-background, 7% ), 7% ) !default;
+$menu-submenu-text: color.mix( $base-color, $text-color, 30% ) !default;
+$menu-submenu-background: color.adjust($base-color, $lightness: -7%) !default;
+$menu-submenu-background-alt: color.adjust(color.adjust($menu-background, $lightness: 7%), $saturation: -7%) !default;
 
 $menu-submenu-focus-text: $highlight-color !default;
 $menu-submenu-current-text: $text-color !default;
@@ -54,14 +56,14 @@ $menu-collapse-icon: $menu-icon !default;
 $menu-collapse-focus-text: $text-color !default;
 $menu-collapse-focus-icon: $menu-highlight-icon !default;
 
-$adminbar-avatar-frame: lighten( $menu-background, 7% ) !default;
-$adminbar-input-background: lighten( $menu-background, 7% ) !default;
+$adminbar-avatar-frame: color.adjust($menu-background, $lightness: 7%) !default;
+$adminbar-input-background: color.adjust($menu-background, $lightness: 7%) !default;
 
 $adminbar-recovery-exit-text: $menu-bubble-text !default;
 $adminbar-recovery-exit-background: $menu-bubble-background !default;
-$adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-background, 10%) !default;
+$adminbar-recovery-exit-background-alt: color.mix(black, $adminbar-recovery-exit-background, 10%) !default;
 
-$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
+$menu-customizer-text: color.mix( $base-color, $text-color, 40% ) !default;
 
 // Dashboard Colors
 

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #e1a948;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #e1a948;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #064054;
-  color: #064054;
+  border-color: rgb(5.7446808511, 63.829787234, 84.2553191489);
+  color: rgb(5.7446808511, 63.829787234, 84.2553191489);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #0c88b4;
-  color: #021c25;
-  box-shadow: 0 0 0 1px #0c88b4;
+  border-color: rgb(12.2553191489, 136.170212766, 179.7446808511);
+  color: rgb(2.4893617021, 27.6595744681, 36.5106382979);
+  box-shadow: 0 0 0 1px rgb(12.2553191489, 136.170212766, 179.7446808511);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e3af55;
-  border-color: #dfa33b;
+  background: rgb(227.1549295775, 175.1774647887, 85.1450704225);
+  border-color: rgb(222.8450704225, 162.8225352113, 58.8549295775);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
 }
 .wp-core-ui .button-primary:active {
-  background: #dd9f32;
-  border-color: #dd9f32;
+  background: rgb(221.4084507042, 158.7042253521, 50.0915492958);
+  border-color: rgb(221.4084507042, 158.7042253521, 50.0915492958);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #e1a948;
   color: #fff;
-  border-color: #bd831f;
-  box-shadow: inset 0 2px 5px -3px #241906;
+  border-color: rgb(189.4436619718, 131.4718309859, 31.0563380282);
+  box-shadow: inset 0 2px 5px -3px rgb(36.0845070423, 25.0422535211, 5.9154929577);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #e1a948;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #064054;
-  border-color: #064054;
+  color: rgb(5.7446808511, 63.829787234, 84.2553191489);
+  border-color: rgb(5.7446808511, 63.829787234, 84.2553191489);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #0c88b4;
-  color: #021c25;
-  box-shadow: 0 0 0 1px #0c88b4;
+  border-color: rgb(12.2553191489, 136.170212766, 179.7446808511);
+  color: rgb(2.4893617021, 27.6595744681, 36.5106382979);
+  box-shadow: 0 0 0 1px rgb(12.2553191489, 136.170212766, 179.7446808511);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -306,7 +306,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -403,7 +403,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #74b6ce;
+  background: rgb(116.162375, 182.0949364754, 205.537625);
 }
 
 #wpadminbar .ab-submenu .ab-item,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #6eb9d4;
+  background: rgb(109.571875, 185.228125, 212.128125);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #cb9841;
+  background-color: rgb(202.5, 152.1, 64.8);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #6eb9d4;
-  background-color: #6eb9d4;
+  border-color: rgb(109.571875, 185.228125, 212.128125);
+  background-color: rgb(109.571875, 185.228125, 212.128125);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -503,7 +503,7 @@ ul#adminmenu > li.current > a.current:after {
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #096484;
-  border-color: #07526c;
+  border-color: rgb(7.3723404255, 81.914893617, 108.1276595745);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+  box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
 }
 
 /* Responsive Component */
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+  box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+  box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #e1a948;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #e1a948;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #064054;
-  color: #064054;
+  border-color: rgb(5.7446808511, 63.829787234, 84.2553191489);
+  color: rgb(5.7446808511, 63.829787234, 84.2553191489);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #0c88b4;
-  color: #021c25;
-  box-shadow: 0 0 0 1px #0c88b4;
+  border-color: rgb(12.2553191489, 136.170212766, 179.7446808511);
+  color: rgb(2.4893617021, 27.6595744681, 36.5106382979);
+  box-shadow: 0 0 0 1px rgb(12.2553191489, 136.170212766, 179.7446808511);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e3af55;
-  border-color: #dfa33b;
+  background: rgb(227.1549295775, 175.1774647887, 85.1450704225);
+  border-color: rgb(222.8450704225, 162.8225352113, 58.8549295775);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
 }
 .wp-core-ui .button-primary:active {
-  background: #dd9f32;
-  border-color: #dd9f32;
+  background: rgb(221.4084507042, 158.7042253521, 50.0915492958);
+  border-color: rgb(221.4084507042, 158.7042253521, 50.0915492958);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #e1a948;
   color: #fff;
-  border-color: #bd831f;
-  box-shadow: inset 0 2px 5px -3px #241906;
+  border-color: rgb(189.4436619718, 131.4718309859, 31.0563380282);
+  box-shadow: inset 0 2px 5px -3px rgb(36.0845070423, 25.0422535211, 5.9154929577);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #e1a948;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #064054;
-  border-color: #064054;
+  color: rgb(5.7446808511, 63.829787234, 84.2553191489);
+  border-color: rgb(5.7446808511, 63.829787234, 84.2553191489);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #0c88b4;
-  color: #021c25;
-  box-shadow: 0 0 0 1px #0c88b4;
+  border-color: rgb(12.2553191489, 136.170212766, 179.7446808511);
+  color: rgb(2.4893617021, 27.6595744681, 36.5106382979);
+  box-shadow: 0 0 0 1px rgb(12.2553191489, 136.170212766, 179.7446808511);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -306,7 +306,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -403,7 +403,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #74b6ce;
+  background: rgb(116.162375, 182.0949364754, 205.537625);
 }
 
 #wpadminbar .ab-submenu .ab-item,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #6eb9d4;
+  background: rgb(109.571875, 185.228125, 212.128125);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #cb9841;
+  background-color: rgb(202.5, 152.1, 64.8);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #6eb9d4;
-  background-color: #6eb9d4;
+  border-color: rgb(109.571875, 185.228125, 212.128125);
+  background-color: rgb(109.571875, 185.228125, 212.128125);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -503,7 +503,7 @@ ul#adminmenu > li.current > a.current:after {
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #096484;
-  border-color: #07526c;
+  border-color: rgb(7.3723404255, 81.914893617, 108.1276595745);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+  box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
 }
 
 /* Responsive Component */
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+  box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
+  box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
 }
 .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;

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

@@ -1,14 +1,16 @@
-$scheme-name: "blue";
-$base-color: #52accc;
-$icon-color: #e5f8ff;
 $highlight-color: #096484;
-$notification-color: #e1a948;
-$button-color: #e1a948;
 
-$menu-submenu-text: #e2ecf1;
-$menu-submenu-focus-text: #fff;
-$menu-submenu-background: #4796b3;
+@use "../_admin.scss" with (
+	$scheme-name: "blue",
+	$base-color: #52accc,
+	$icon-color: #e5f8ff,
+	$highlight-color: $highlight-color,
+	$notification-color: #e1a948,
+	$button-color: #e1a948,
 
-$dashboard-icon-background: $highlight-color;
+	$menu-submenu-text: #e2ecf1,
+	$menu-submenu-focus-text: #fff,
+	$menu-submenu-background: #4796b3,
 
-@import "../_admin.scss";
+	$dashboard-icon-background: $highlight-color
+);

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #c7a589;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #c7a589;
 }
 .wp-core-ui .button.active:focus {
@@ -128,23 +128,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #ccad93;
-  border-color: #c29d7f;
+  background: rgb(203.924137931, 172.9137931034, 147.375862069);
+  border-color: rgb(194.075862069, 157.0862068966, 126.624137931);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
 }
 .wp-core-ui .button-primary:active {
-  background: #bf9878;
-  border-color: #bf9878;
+  background: rgb(190.7931034483, 151.8103448276, 119.7068965517);
+  border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #c7a589;
   color: #fff;
-  border-color: #ae7d55;
-  box-shadow: inset 0 2px 5px -3px #37271a;
+  border-color: rgb(174.3793103448, 125.4310344828, 85.1206896552);
+  box-shadow: inset 0 2px 5px -3px rgb(54.9310344828, 39.1034482759, 26.0689655172);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #c7a589;
@@ -220,8 +220,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -229,23 +229,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-left-color: #46403c;
+  border-left-color: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -273,7 +273,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 /* Admin Menu: collapse button */
@@ -347,7 +347,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #c7a589;
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -365,19 +365,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #656463;
+  background: rgb(101.2318636364, 100.2821643357, 99.4681363636);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -427,7 +427,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #6c645c;
+  background: rgb(108.2563636364, 99.7418181818, 92.4436363636);
 }
 
 /* Admin Bar: recovery mode */
@@ -446,13 +446,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #8e946a;
+  background-color: rgb(142.2, 147.6, 106.2);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #6c645c;
-  background-color: #6c645c;
+  border-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
+  background-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -464,13 +464,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #c7a589;
-  border-color: #bf9878;
+  border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+  box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
 }
 
 /* Responsive Component */
@@ -567,7 +567,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -620,7 +620,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+  box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -669,7 +669,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+  box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #c7a589;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #c7a589;
 }
 .wp-core-ui .button.active:focus {
@@ -128,23 +128,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #ccad93;
-  border-color: #c29d7f;
+  background: rgb(203.924137931, 172.9137931034, 147.375862069);
+  border-color: rgb(194.075862069, 157.0862068966, 126.624137931);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
 }
 .wp-core-ui .button-primary:active {
-  background: #bf9878;
-  border-color: #bf9878;
+  background: rgb(190.7931034483, 151.8103448276, 119.7068965517);
+  border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #c7a589;
   color: #fff;
-  border-color: #ae7d55;
-  box-shadow: inset 0 2px 5px -3px #37271a;
+  border-color: rgb(174.3793103448, 125.4310344828, 85.1206896552);
+  box-shadow: inset 0 2px 5px -3px rgb(54.9310344828, 39.1034482759, 26.0689655172);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #c7a589;
@@ -220,8 +220,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -229,23 +229,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-right-color: #46403c;
+  border-right-color: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -273,7 +273,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 /* Admin Menu: collapse button */
@@ -347,7 +347,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #c7a589;
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -365,19 +365,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #656463;
+  background: rgb(101.2318636364, 100.2821643357, 99.4681363636);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -427,7 +427,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #6c645c;
+  background: rgb(108.2563636364, 99.7418181818, 92.4436363636);
 }
 
 /* Admin Bar: recovery mode */
@@ -446,13 +446,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #8e946a;
+  background-color: rgb(142.2, 147.6, 106.2);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #6c645c;
-  background-color: #6c645c;
+  border-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
+  background-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -464,13 +464,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #cdcbc9;
+  color: rgb(205.2, 203.1, 201.3);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #c7a589;
-  border-color: #bf9878;
+  border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+  box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
 }
 
 /* Responsive Component */
@@ -567,7 +567,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #46403c;
+  background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -620,7 +620,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+  box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -669,7 +669,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
+  box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
 }
 .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;

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

@@ -1,9 +1,11 @@
-$scheme-name: "coffee";
 $base-color: #59524c;
-$highlight-color: #c7a589;
-$notification-color: #9ea476;
-$low-contrast-theme: "true";
 
-$form-checked: $base-color;
+@use "../_admin.scss" with (
+	$scheme-name: "coffee",
+	$base-color: $base-color,
+	$highlight-color: #c7a589,
+	$notification-color: #9ea476,
+	$form-checked: $base-color,
 
-@import "../_admin.scss";
+	$low-contrast-theme: "true"
+);

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #a3b745;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #a3b745;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #829237;
-  color: #829237;
+  border-color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
+  color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #b6c669;
-  color: #616d29;
-  box-shadow: 0 0 0 1px #b6c669;
+  border-color: rgb(181.8928571429, 198.3214285714, 104.6785714286);
+  color: rgb(97.0238095238, 108.9285714286, 41.0714285714);
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a9bd4f;
-  border-color: #99ac41;
+  background: rgb(169.2845238095, 188.5464285714, 78.7535714286);
+  border-color: rgb(153.1035714286, 171.8892857143, 64.8107142857);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
 }
 .wp-core-ui .button-primary:active {
-  background: #93a43e;
-  border-color: #93a43e;
+  background: rgb(146.505952381, 164.4821428571, 62.0178571429);
+  border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #a3b745;
   color: #fff;
-  border-color: #727f30;
-  box-shadow: inset 0 2px 5px -3px black;
+  border-color: rgb(113.5178571429, 127.4464285714, 48.0535714286);
+  box-shadow: inset 0 2px 5px -3px hsl(70.5263157895, 45.2380952381%, -0.5882352941%);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #a3b745;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #829237;
-  border-color: #829237;
+  color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
+  border-color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #b6c669;
-  color: #616d29;
-  box-shadow: 0 0 0 1px #b6c669;
+  border-color: rgb(181.8928571429, 198.3214285714, 104.6785714286);
+  color: rgb(97.0238095238, 108.9285714286, 41.0714285714);
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-left-color: #413256;
+  border-left-color: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -306,7 +306,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 /* Admin Menu: collapse button */
@@ -380,7 +380,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #a3b745;
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -398,19 +398,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #64537c;
+  background: rgb(100.2840283114, 83.3456627907, 124.3543372093);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #634c84;
+  background: rgb(99.0197674419, 76.0761627907, 131.6238372093);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #bf6413;
+  background-color: rgb(190.8, 99.9, 18.9);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #634c84;
-  background-color: #634c84;
+  border-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
+  background-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -497,13 +497,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #a3b745;
-  border-color: #93a43e;
+  border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #a3b745;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #a3b745;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #829237;
-  color: #829237;
+  border-color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
+  color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #b6c669;
-  color: #616d29;
-  box-shadow: 0 0 0 1px #b6c669;
+  border-color: rgb(181.8928571429, 198.3214285714, 104.6785714286);
+  color: rgb(97.0238095238, 108.9285714286, 41.0714285714);
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a9bd4f;
-  border-color: #99ac41;
+  background: rgb(169.2845238095, 188.5464285714, 78.7535714286);
+  border-color: rgb(153.1035714286, 171.8892857143, 64.8107142857);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
 }
 .wp-core-ui .button-primary:active {
-  background: #93a43e;
-  border-color: #93a43e;
+  background: rgb(146.505952381, 164.4821428571, 62.0178571429);
+  border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #a3b745;
   color: #fff;
-  border-color: #727f30;
-  box-shadow: inset 0 2px 5px -3px black;
+  border-color: rgb(113.5178571429, 127.4464285714, 48.0535714286);
+  box-shadow: inset 0 2px 5px -3px hsl(70.5263157895, 45.2380952381%, -0.5882352941%);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #a3b745;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #829237;
-  border-color: #829237;
+  color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
+  border-color: rgb(130.0119047619, 145.9642857143, 55.0357142857);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #b6c669;
-  color: #616d29;
-  box-shadow: 0 0 0 1px #b6c669;
+  border-color: rgb(181.8928571429, 198.3214285714, 104.6785714286);
+  color: rgb(97.0238095238, 108.9285714286, 41.0714285714);
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-right-color: #413256;
+  border-right-color: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -306,7 +306,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 /* Admin Menu: collapse button */
@@ -380,7 +380,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #a3b745;
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -398,19 +398,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #64537c;
+  background: rgb(100.2840283114, 83.3456627907, 124.3543372093);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #634c84;
+  background: rgb(99.0197674419, 76.0761627907, 131.6238372093);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #bf6413;
+  background-color: rgb(190.8, 99.9, 18.9);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #634c84;
-  background-color: #634c84;
+  border-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
+  background-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -497,13 +497,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #cbc5d3;
+  color: rgb(203.1, 197.4, 211.2);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #a3b745;
-  border-color: #93a43e;
+  border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #413256;
+  background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
+  box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
 }
 .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;

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

@@ -1,9 +1,11 @@
-$scheme-name: "ectoplasm";
 $base-color: #523f6d;
-$icon-color: #ece6f6;
-$highlight-color: #a3b745;
-$notification-color: #d46f15;
 
-$form-checked: $base-color;
+@use "../_admin.scss" with (
+	$scheme-name: "ectoplasm",
+	$base-color: $base-color,
+	$icon-color: #ece6f6,
+	$highlight-color: #a3b745,
+	$notification-color: #d46f15,
 
-@import "../_admin.scss";
+	$form-checked: $base-color,
+);

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

@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #04a4cc;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #04a4cc;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #037c9a;
-  color: #037c9a;
+  border-color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
+  color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #09cafa;
-  color: #025468;
-  box-shadow: 0 0 0 1px #09cafa;
+  border-color: rgb(8.8269230769, 201.9038461538, 250.1730769231);
+  color: rgb(2.0384615385, 83.5769230769, 103.9615384615);
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #04b0db;
-  border-color: #0498bd;
+  background: rgb(4.2942307692, 176.0634615385, 219.0057692308);
+  border-color: rgb(3.7057692308, 151.9365384615, 188.9942307692);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
 }
 .wp-core-ui .button-primary:active {
-  background: #0490b3;
-  border-color: #0490b3;
+  background: rgb(3.5096153846, 143.8942307692, 178.9903846154);
+  border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #04a4cc;
   color: #fff;
-  border-color: #036881;
-  box-shadow: inset 0 2px 5px -3px black;
+  border-color: rgb(2.5288461538, 103.6826923077, 128.9711538462);
+  box-shadow: inset 0 2px 5px -3px hsl(192, 96.1538461538%, -9.2156862745%);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #04a4cc;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #037c9a;
-  border-color: #037c9a;
+  color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
+  border-color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #09cafa;
-  color: #025468;
-  box-shadow: 0 0 0 1px #09cafa;
+  border-color: rgb(8.8269230769, 201.9038461538, 250.1730769231);
+  color: rgb(2.0384615385, 83.5769230769, 103.9615384615);
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231);
 }
 
 .view-switch a.current:before {
@@ -271,14 +271,14 @@ textarea:focus {
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -403,14 +403,14 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #f7f7f7;
+  background: rgb(246.85, 246.85, 246.85);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #333;
-  background: #f7f7f7;
+  background: rgb(246.85, 246.85, 246.85);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #c14606;
+  background-color: rgb(192.6, 70.2, 6.3);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #f7f7f7;
-  background-color: #f7f7f7;
+  border-color: rgb(246.85, 246.85, 246.85);
+  background-color: rgb(246.85, 246.85, 246.85);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -497,13 +497,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #04a4cc;
-  border-color: #0490b3;
+  border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
 }
 
 /* Responsive Component */
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
 }
 .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: #04a4cc;

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

@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #04a4cc;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #04a4cc;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #037c9a;
-  color: #037c9a;
+  border-color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
+  color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #09cafa;
-  color: #025468;
-  box-shadow: 0 0 0 1px #09cafa;
+  border-color: rgb(8.8269230769, 201.9038461538, 250.1730769231);
+  color: rgb(2.0384615385, 83.5769230769, 103.9615384615);
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #04b0db;
-  border-color: #0498bd;
+  background: rgb(4.2942307692, 176.0634615385, 219.0057692308);
+  border-color: rgb(3.7057692308, 151.9365384615, 188.9942307692);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
 }
 .wp-core-ui .button-primary:active {
-  background: #0490b3;
-  border-color: #0490b3;
+  background: rgb(3.5096153846, 143.8942307692, 178.9903846154);
+  border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #04a4cc;
   color: #fff;
-  border-color: #036881;
-  box-shadow: inset 0 2px 5px -3px black;
+  border-color: rgb(2.5288461538, 103.6826923077, 128.9711538462);
+  box-shadow: inset 0 2px 5px -3px hsl(192, 96.1538461538%, -9.2156862745%);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #04a4cc;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #037c9a;
-  border-color: #037c9a;
+  color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
+  border-color: rgb(3.0192307692, 123.7884615385, 153.9807692308);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #09cafa;
-  color: #025468;
-  box-shadow: 0 0 0 1px #09cafa;
+  border-color: rgb(8.8269230769, 201.9038461538, 250.1730769231);
+  color: rgb(2.0384615385, 83.5769230769, 103.9615384615);
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231);
 }
 
 .view-switch a.current:before {
@@ -271,14 +271,14 @@ textarea:focus {
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -403,14 +403,14 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #f7f7f7;
+  background: rgb(246.85, 246.85, 246.85);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #333;
-  background: #f7f7f7;
+  background: rgb(246.85, 246.85, 246.85);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #c14606;
+  background-color: rgb(192.6, 70.2, 6.3);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #f7f7f7;
-  background-color: #f7f7f7;
+  border-color: rgb(246.85, 246.85, 246.85);
+  background-color: rgb(246.85, 246.85, 246.85);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -497,13 +497,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #686868;
+  color: rgb(104.4, 104.4, 104.4);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #04a4cc;
-  border-color: #0490b3;
+  border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
 }
 
 /* Responsive Component */
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
+  box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
 }
 .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: #04a4cc;

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

@@ -1,31 +1,36 @@
-$scheme-name: "light";
-$base-color: #e5e5e5;
-$icon-color: #999;
-$text-color: #333;
+@use "sass:color";
+
 $highlight-color: #04a4cc;
-$notification-color: #d64e07;
-
-$body-background: #f5f5f5;
-
-$menu-highlight-text: #fff;
-$menu-highlight-icon: #ccc;
-$menu-highlight-background: #888;
-
-$menu-bubble-text: #fff;
+$text-color: #333;
 $menu-avatar-frame: #aaa;
-$menu-submenu-background: #fff;
 
-$menu-collapse-text: #777;
-$menu-collapse-focus-icon: #555;
+@use "../_admin.scss" with (
+	$scheme-name: "light",
+	$base-color: #e5e5e5,
+	$icon-color: #999,
+	$text-color: $text-color,
+	$highlight-color: $highlight-color,
+	$notification-color: #d64e07,
 
-$dashboard-accent-1: $highlight-color;
-$dashboard-accent-2: desaturate( lighten( $highlight-color, 7% ), 15% );
-$dashboard-icon-background: $text-color;
+	$body-background: #f5f5f5,
 
-@import "../_admin.scss";
+	$menu-highlight-text: #fff,
+	$menu-highlight-icon: #ccc,
+	$menu-highlight-background: #888,
+
+	$menu-bubble-text: #fff,
+	$menu-submenu-background: #fff,
+
+	$menu-collapse-text: #777,
+	$menu-collapse-focus-icon: #555,
+
+	$dashboard-accent-1: $highlight-color,
+	$dashboard-accent-2: color.adjust(color.adjust($highlight-color, $lightness: 7%), $saturation: -15%),
+	$dashboard-icon-background: $text-color
+);
 
 /* Override the theme filter highlight color for this scheme */
 .theme-section.current,
 .theme-filter.current {
-	border-bottom-color: $highlight-color;
+	border-bottom-color: admin.$highlight-color;
 }

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #e14d43;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #e14d43;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #d02c21;
-  color: #d02c21;
+  border-color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
+  color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #e8776f;
-  color: #a4231a;
-  box-shadow: 0 0 0 1px #e8776f;
+  border-color: rgb(232.0183486239, 118.6422018349, 110.9816513761);
+  color: rgb(163.8532110092, 34.8623853211, 26.1467889908);
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e35950;
-  border-color: #df4136;
+  background: rgb(227.1055045872, 89.4926605505, 80.1944954128);
+  border-color: rgb(222.8944954128, 64.5073394495, 53.8055045872);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
 }
 .wp-core-ui .button-primary:active {
-  background: #dd382d;
-  border-color: #dd382d;
+  background: rgb(221.4908256881, 56.1788990826, 45.0091743119);
+  border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #e14d43;
   color: #fff;
-  border-color: #ba281e;
-  box-shadow: inset 0 2px 5px -3px #200705;
+  border-color: rgb(185.8440366972, 39.5412844037, 29.6559633028);
+  box-shadow: inset 0 2px 5px -3px rgb(31.9082568807, 6.7889908257, 5.0917431193);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #e14d43;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #d02c21;
-  border-color: #d02c21;
+  color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
+  border-color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #e8776f;
-  color: #a4231a;
-  box-shadow: 0 0 0 1px #e8776f;
+  border-color: rgb(232.0183486239, 118.6422018349, 110.9816513761);
+  color: rgb(163.8532110092, 34.8623853211, 26.1467889908);
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-left-color: #26292c;
+  border-left-color: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -306,7 +306,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 /* Admin Menu: collapse button */
@@ -380,7 +380,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #e14d43;
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -398,19 +398,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #4c4c4d;
+  background: rgb(75.8214230769, 76.4087307692, 76.8785769231);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #464d52;
+  background: rgb(70.4769230769, 77.0025641026, 82.2230769231);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #5f97a8;
+  background-color: rgb(94.5, 151.2, 168.3);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #464d52;
-  background-color: #464d52;
+  border-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
+  background-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -497,13 +497,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #e14d43;
-  border-color: #dd382d;
+  border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #e14d43;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #e14d43;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #d02c21;
-  color: #d02c21;
+  border-color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
+  color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #e8776f;
-  color: #a4231a;
-  box-shadow: 0 0 0 1px #e8776f;
+  border-color: rgb(232.0183486239, 118.6422018349, 110.9816513761);
+  color: rgb(163.8532110092, 34.8623853211, 26.1467889908);
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #e35950;
-  border-color: #df4136;
+  background: rgb(227.1055045872, 89.4926605505, 80.1944954128);
+  border-color: rgb(222.8944954128, 64.5073394495, 53.8055045872);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
 }
 .wp-core-ui .button-primary:active {
-  background: #dd382d;
-  border-color: #dd382d;
+  background: rgb(221.4908256881, 56.1788990826, 45.0091743119);
+  border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #e14d43;
   color: #fff;
-  border-color: #ba281e;
-  box-shadow: inset 0 2px 5px -3px #200705;
+  border-color: rgb(185.8440366972, 39.5412844037, 29.6559633028);
+  box-shadow: inset 0 2px 5px -3px rgb(31.9082568807, 6.7889908257, 5.0917431193);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #e14d43;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #d02c21;
-  border-color: #d02c21;
+  color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
+  border-color: rgb(207.8348623853, 44.2201834862, 33.1651376147);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #e8776f;
-  color: #a4231a;
-  box-shadow: 0 0 0 1px #e8776f;
+  border-color: rgb(232.0183486239, 118.6422018349, 110.9816513761);
+  color: rgb(163.8532110092, 34.8623853211, 26.1467889908);
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-right-color: #26292c;
+  border-right-color: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -306,7 +306,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 /* Admin Menu: collapse button */
@@ -380,7 +380,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #e14d43;
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -398,19 +398,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #4c4c4d;
+  background: rgb(75.8214230769, 76.4087307692, 76.8785769231);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #464d52;
+  background: rgb(70.4769230769, 77.0025641026, 82.2230769231);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #5f97a8;
+  background-color: rgb(94.5, 151.2, 168.3);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #464d52;
-  background-color: #464d52;
+  border-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
+  background-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -497,13 +497,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #c3c4c5;
+  color: rgb(194.7, 196.2, 197.4);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #e14d43;
-  border-color: #dd382d;
+  border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #26292c;
+  background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
+  box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
 }
 .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;

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

@@ -1,8 +1,14 @@
-$scheme-name: "midnight";
+@use "sass:color";
+
 $base-color: #363b3f;
 $highlight-color: #e14d43;
 $notification-color: #69a8bb;
 
-$dashboard-accent-2: mix($base-color, $notification-color, 90%);
+@use "../_admin.scss" with (
+	$scheme-name: "midnight",
+	$base-color: $base-color,
+	$highlight-color: $highlight-color,
+	$notification-color: $notification-color,
 
-@import "../_admin.scss";
+	$dashboard-accent-2: color.mix($base-color, $notification-color, 90%),
+);

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #3858e9;
 }
 a:hover, a:active, a:focus {
-  color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #3858e9;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #3858e9;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #3858e9;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #183ad6;
-  color: #183ad6;
+  border-color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #667fee;
-  color: #132ea8;
-  box-shadow: 0 0 0 1px #667fee;
+  border-color: rgb(101.9230769231, 126.5384615385, 238.0769230769);
+  color: rgb(18.6153846154, 45.6923076923, 168.3846153846);
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #4664eb;
-  border-color: #2a4ce7;
+  background: rgb(69.7769230769, 99.5615384615, 234.5230769231);
+  border-color: rgb(42.2230769231, 76.4384615385, 231.4769230769);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
 }
 .wp-core-ui .button-primary:active {
-  background: #2145e6;
-  border-color: #2145e6;
+  background: rgb(33.0384615385, 68.7307692308, 230.4615384615);
+  border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #3858e9;
   color: #fff;
-  border-color: #1534bf;
-  box-shadow: inset 0 2px 5px -3px #03081f;
+  border-color: rgb(21.1538461538, 51.9230769231, 191.3461538462);
+  box-shadow: inset 0 2px 5px -3px rgb(3.3846153846, 8.3076923077, 30.6153846154);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #3858e9;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #183ad6;
-  border-color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
+  border-color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #667fee;
-  color: #132ea8;
-  box-shadow: 0 0 0 1px #667fee;
+  border-color: rgb(101.9230769231, 126.5384615385, 238.0769230769);
+  color: rgb(18.6153846154, 45.6923076923, 168.3846153846);
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-left-color: #0c0c0c;
+  border-left-color: rgb(12.15, 12.15, 12.15);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -287,7 +287,7 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 /* Admin Menu: current */
@@ -301,12 +301,12 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 /* Admin Menu: collapse button */
@@ -351,7 +351,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #collapse-button:hover,
 #collapse-button:focus {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 /* Admin Bar */
@@ -379,38 +379,38 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
-  color: #33f078;
-  background: #0c0c0c;
+  color: #7b90ff;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:after,
 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #303030;
+  background: rgb(47.85, 47.85, 47.85);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -436,7 +436,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
@@ -445,7 +445,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #303030;
+  background: rgb(47.85, 47.85, 47.85);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #324fd2;
+  background-color: rgb(50.4, 79.2, 209.7);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #303030;
-  background-color: #303030;
+  border-color: rgb(47.85, 47.85, 47.85);
+  background-color: rgb(47.85, 47.85, 47.85);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -493,17 +493,17 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #3858e9;
-  border-color: #2145e6;
+  border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #3858e9;
 }
 a:hover, a:active, a:focus {
-  color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #3858e9;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #3858e9;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #3858e9;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #183ad6;
-  color: #183ad6;
+  border-color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #667fee;
-  color: #132ea8;
-  box-shadow: 0 0 0 1px #667fee;
+  border-color: rgb(101.9230769231, 126.5384615385, 238.0769230769);
+  color: rgb(18.6153846154, 45.6923076923, 168.3846153846);
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #4664eb;
-  border-color: #2a4ce7;
+  background: rgb(69.7769230769, 99.5615384615, 234.5230769231);
+  border-color: rgb(42.2230769231, 76.4384615385, 231.4769230769);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
 }
 .wp-core-ui .button-primary:active {
-  background: #2145e6;
-  border-color: #2145e6;
+  background: rgb(33.0384615385, 68.7307692308, 230.4615384615);
+  border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #3858e9;
   color: #fff;
-  border-color: #1534bf;
-  box-shadow: inset 0 2px 5px -3px #03081f;
+  border-color: rgb(21.1538461538, 51.9230769231, 191.3461538462);
+  box-shadow: inset 0 2px 5px -3px rgb(3.3846153846, 8.3076923077, 30.6153846154);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #3858e9;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #183ad6;
-  border-color: #183ad6;
+  color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
+  border-color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #667fee;
-  color: #132ea8;
-  box-shadow: 0 0 0 1px #667fee;
+  border-color: rgb(101.9230769231, 126.5384615385, 238.0769230769);
+  color: rgb(18.6153846154, 45.6923076923, 168.3846153846);
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-right-color: #0c0c0c;
+  border-right-color: rgb(12.15, 12.15, 12.15);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -287,7 +287,7 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 /* Admin Menu: current */
@@ -301,12 +301,12 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 /* Admin Menu: collapse button */
@@ -351,7 +351,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #collapse-button:hover,
 #collapse-button:focus {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 /* Admin Bar */
@@ -379,38 +379,38 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
-  color: #33f078;
-  background: #0c0c0c;
+  color: #7b90ff;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:after,
 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #303030;
+  background: rgb(47.85, 47.85, 47.85);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -436,7 +436,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
@@ -445,7 +445,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #303030;
+  background: rgb(47.85, 47.85, 47.85);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #324fd2;
+  background-color: rgb(50.4, 79.2, 209.7);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #303030;
-  background-color: #303030;
+  border-color: rgb(47.85, 47.85, 47.85);
+  background-color: rgb(47.85, 47.85, 47.85);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -493,17 +493,17 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
-  color: #33f078;
+  color: #7b90ff;
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #bcbcbc;
+  color: rgb(187.5, 187.5, 187.5);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #3858e9;
-  border-color: #2145e6;
+  border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #0c0c0c;
+  background: rgb(12.15, 12.15, 12.15);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
+  box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
 }
 .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;

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

@@ -1,12 +1,16 @@
-$scheme-name: "modern";
-$base-color: #1e1e1e;
+@use "sass:color";
+
 $highlight-color: #3858e9;
-$menu-submenu-focus-text: #33f078;
-$notification-color: $highlight-color;
 
-$link: $highlight-color;
-$link-focus: darken($highlight-color, 10%);
+@use "../_admin.scss" with (
+	$scheme-name: "modern",
+	$base-color: #1e1e1e,
+	$highlight-color: #3858e9,
+	$menu-submenu-focus-text: #7b90ff,
+	$notification-color: $highlight-color,
 
-$custom-welcome-panel: "false";
+	$link: $highlight-color,
+	$link-focus: color.adjust($highlight-color, $lightness: -10%),
 
-@import "../_admin.scss";
+	$custom-welcome-panel: "false"
+);

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #9ebaa0;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #9ebaa0;
 }
 .wp-core-ui .button.active:focus {
@@ -128,23 +128,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a7c0a9;
-  border-color: #95b497;
+  background: rgb(166.9403614458, 192.3596385542, 168.7560240964);
+  border-color: rgb(149.0596385542, 179.6403614458, 151.2439759036);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
 }
 .wp-core-ui .button-primary:active {
-  background: #8faf91;
-  border-color: #8faf91;
+  background: rgb(143.0993975904, 175.4006024096, 145.406626506);
+  border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #9ebaa0;
   color: #fff;
-  border-color: #719a74;
-  box-shadow: inset 0 2px 5px -3px #253426;
+  border-color: rgb(113.2981927711, 154.2018072289, 116.2198795181);
+  box-shadow: inset 0 2px 5px -3px rgb(36.9939759036, 52.0060240964, 38.0662650602);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #9ebaa0;
@@ -220,8 +220,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -229,23 +229,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-left-color: #627c83;
+  border-left-color: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -273,7 +273,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 /* Admin Menu: collapse button */
@@ -347,7 +347,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #9ebaa0;
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -365,19 +365,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #8f9a9e;
+  background: rgb(142.7255, 154.4890142857, 157.9745);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -427,7 +427,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #879ea5;
+  background: rgb(135.4, 158.4657142857, 165.3);
 }
 
 /* Admin Bar: recovery mode */
@@ -446,13 +446,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #998d7a;
+  background-color: rgb(153, 141.3, 122.4);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #879ea5;
-  background-color: #879ea5;
+  border-color: rgb(135.4, 158.4657142857, 165.3);
+  background-color: rgb(135.4, 158.4657142857, 165.3);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -464,13 +464,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #9ebaa0;
-  border-color: #8faf91;
+  border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+  box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
 }
 
 /* Responsive Component */
@@ -567,7 +567,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -620,7 +620,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+  box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -669,7 +669,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+  box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #9ebaa0;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #9ebaa0;
 }
 .wp-core-ui .button.active:focus {
@@ -128,23 +128,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #a7c0a9;
-  border-color: #95b497;
+  background: rgb(166.9403614458, 192.3596385542, 168.7560240964);
+  border-color: rgb(149.0596385542, 179.6403614458, 151.2439759036);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
 }
 .wp-core-ui .button-primary:active {
-  background: #8faf91;
-  border-color: #8faf91;
+  background: rgb(143.0993975904, 175.4006024096, 145.406626506);
+  border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #9ebaa0;
   color: #fff;
-  border-color: #719a74;
-  box-shadow: inset 0 2px 5px -3px #253426;
+  border-color: rgb(113.2981927711, 154.2018072289, 116.2198795181);
+  box-shadow: inset 0 2px 5px -3px rgb(36.9939759036, 52.0060240964, 38.0662650602);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #9ebaa0;
@@ -220,8 +220,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -229,23 +229,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-right-color: #627c83;
+  border-right-color: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -273,7 +273,7 @@ textarea:focus {
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -308,7 +308,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 /* Admin Menu: collapse button */
@@ -347,7 +347,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   color: #9ebaa0;
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
@@ -365,19 +365,19 @@ ul#adminmenu > li.current > a.current:after {
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #8f9a9e;
+  background: rgb(142.7255, 154.4890142857, 157.9745);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -427,7 +427,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #879ea5;
+  background: rgb(135.4, 158.4657142857, 165.3);
 }
 
 /* Admin Bar: recovery mode */
@@ -446,13 +446,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #998d7a;
+  background-color: rgb(153, 141.3, 122.4);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #879ea5;
-  background-color: #879ea5;
+  border-color: rgb(135.4, 158.4657142857, 165.3);
+  background-color: rgb(135.4, 158.4657142857, 165.3);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -464,13 +464,13 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #d5dde0;
+  color: rgb(213, 221.1, 223.5);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #9ebaa0;
-  border-color: #8faf91;
+  border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -553,7 +553,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+  box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
 }
 
 /* Responsive Component */
@@ -567,7 +567,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #627c83;
+  background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -620,7 +620,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+  box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -669,7 +669,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
+  box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
 }
 .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;

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

@@ -1,10 +1,12 @@
-$scheme-name: "ocean";
 $base-color: #738e96;
-$icon-color: #f2fcff;
-$highlight-color: #9ebaa0;
-$notification-color: #aa9d88;
-$low-contrast-theme: "true";
 
-$form-checked: $base-color;
+@use "../_admin.scss" with (
+	$scheme-name: "ocean",
+	$base-color: $base-color,
+	$icon-color: #f2fcff,
+	$highlight-color: #9ebaa0,
+	$notification-color: #aa9d88,
+	$form-checked: $base-color,
 
-@import "../_admin.scss";
+	$low-contrast-theme: "true"
+);

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #dd823b;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #dd823b;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #c36922;
-  color: #c36922;
+  border-color: rgb(195.147826087, 104.5434782609, 33.852173913);
+  color: rgb(195.147826087, 104.5434782609, 33.852173913);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #e59e66;
-  color: #98511a;
-  box-shadow: 0 0 0 1px #e59e66;
+  border-color: rgb(228.5391304348, 157.7173913043, 102.4608695652);
+  color: rgb(151.6869565217, 81.2608695652, 26.3130434783);
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #df8a48;
-  border-color: #db7a2e;
+  background: rgb(223.2617391304, 138.3152173913, 72.0382608696);
+  border-color: rgb(218.7382608696, 121.6847826087, 45.9617391304);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
 }
 .wp-core-ui .button-primary:active {
-  background: #d97426;
-  border-color: #d97426;
+  background: rgb(216.8782608696, 116.1847826087, 37.6217391304);
+  border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #dd823b;
   color: #fff;
-  border-color: #ad5d1e;
-  box-shadow: inset 0 2px 5px -3px #150b04;
+  border-color: rgb(173.4173913043, 92.902173913, 30.0826086957);
+  box-shadow: inset 0 2px 5px -3px rgb(21.3043478261, 11.4130434783, 3.6956521739);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #dd823b;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #c36922;
-  border-color: #c36922;
+  color: rgb(195.147826087, 104.5434782609, 33.852173913);
+  border-color: rgb(195.147826087, 104.5434782609, 33.852173913);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #e59e66;
-  color: #98511a;
-  box-shadow: 0 0 0 1px #e59e66;
+  border-color: rgb(228.5391304348, 157.7173913043, 102.4608695652);
+  color: rgb(151.6869565217, 81.2608695652, 26.3130434783);
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-left-color: #be3631;
+  border-left-color: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -287,7 +287,7 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 /* Admin Menu: current */
@@ -301,12 +301,12 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-left-color: #f1f1f1;
+  border-left-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 /* Admin Menu: collapse button */
@@ -351,7 +351,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #collapse-button:hover,
 #collapse-button:focus {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 /* Admin Bar */
@@ -379,38 +379,38 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
-  color: #f7e3d3;
-  background: #be3631;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:after,
 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #cf6b67;
+  background: rgb(207.3164148936, 107.1221761059, 103.3835851064);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -436,7 +436,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
@@ -445,7 +445,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #d66560;
+  background: rgb(214.2919148936, 100.6485106383, 96.4080851064);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #b89e0a;
+  background-color: rgb(183.6, 157.5, 9.9);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #d66560;
-  background-color: #d66560;
+  border-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
+  background-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -493,17 +493,17 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #dd823b;
-  border-color: #d97426;
+  border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
 }
 .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;

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

@@ -8,7 +8,7 @@
  * may use the function in their own admin CSS files. See #56811.
  */
 body {
-  background: #f1f1f1;
+  background: #fff;
 }
 
 /* Links */
@@ -16,7 +16,7 @@ a {
   color: #0073aa;
 }
 a:hover, a:active, a:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 #post-body .misc-pub-post-status:before,
@@ -31,7 +31,7 @@ span.wp-media-buttons-icon:before {
   color: #0073aa;
 }
 .wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 .media-modal .delete-attachment,
@@ -63,7 +63,7 @@ input[type=radio]:checked::before {
 
 .wp-core-ui input[type=reset]:hover,
 .wp-core-ui input[type=reset]:active {
-  color: #0096dd;
+  color: rgb(0, 149.5, 221);
 }
 
 input[type=text]:focus,
@@ -98,25 +98,25 @@ textarea:focus {
 .wp-core-ui .button:hover,
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
-  border-color: #717c87;
-  color: #262a2e;
+  border-color: rgb(112.7848101266, 124.2721518987, 134.7151898734);
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: 0 0 0 1px #32373c;
 }
 .wp-core-ui .button:active {
   border-color: #7e8993;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: none;
 }
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #dd823b;
-  color: #262a2e;
+  color: rgb(38.4090909091, 42.25, 46.0909090909);
   box-shadow: inset 0 2px 5px -3px #dd823b;
 }
 .wp-core-ui .button.active:focus {
@@ -130,15 +130,15 @@ textarea:focus {
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
 .wp-core-ui .button-secondary:hover {
-  border-color: #c36922;
-  color: #c36922;
+  border-color: rgb(195.147826087, 104.5434782609, 33.852173913);
+  color: rgb(195.147826087, 104.5434782609, 33.852173913);
 }
 .wp-core-ui .button.focus,
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary:focus {
-  border-color: #e59e66;
-  color: #98511a;
-  box-shadow: 0 0 0 1px #e59e66;
+  border-color: rgb(228.5391304348, 157.7173913043, 102.4608695652);
+  color: rgb(151.6869565217, 81.2608695652, 26.3130434783);
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652);
 }
 .wp-core-ui .button-primary:hover {
   color: #fff;
@@ -149,23 +149,23 @@ textarea:focus {
   color: #fff;
 }
 .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
-  background: #df8a48;
-  border-color: #db7a2e;
+  background: rgb(223.2617391304, 138.3152173913, 72.0382608696);
+  border-color: rgb(218.7382608696, 121.6847826087, 45.9617391304);
   color: #fff;
 }
 .wp-core-ui .button-primary:focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
 }
 .wp-core-ui .button-primary:active {
-  background: #d97426;
-  border-color: #d97426;
+  background: rgb(216.8782608696, 116.1847826087, 37.6217391304);
+  border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
   color: #fff;
 }
 .wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
   background: #dd823b;
   color: #fff;
-  border-color: #ad5d1e;
-  box-shadow: inset 0 2px 5px -3px #150b04;
+  border-color: rgb(173.4173913043, 92.902173913, 30.0826086957);
+  box-shadow: inset 0 2px 5px -3px rgb(21.3043478261, 11.4130434783, 3.6956521739);
 }
 .wp-core-ui .button-group > .button.active {
   border-color: #dd823b;
@@ -203,14 +203,14 @@ textarea:focus {
 }
 
 .wrap .page-title-action:hover {
-  color: #c36922;
-  border-color: #c36922;
+  color: rgb(195.147826087, 104.5434782609, 33.852173913);
+  border-color: rgb(195.147826087, 104.5434782609, 33.852173913);
 }
 
 .wrap .page-title-action:focus {
-  border-color: #e59e66;
-  color: #98511a;
-  box-shadow: 0 0 0 1px #e59e66;
+  border-color: rgb(228.5391304348, 157.7173913043, 102.4608695652);
+  color: rgb(151.6869565217, 81.2608695652, 26.3130434783);
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652);
 }
 
 .view-switch a.current:before {
@@ -253,8 +253,8 @@ textarea:focus {
 .about-wrap .nav-tab-active,
 .nav-tab-active,
 .nav-tab-active:hover {
-  background-color: #f1f1f1;
-  border-bottom-color: #f1f1f1;
+  background-color: #fff;
+  border-bottom-color: #fff;
 }
 
 /* Admin Menu: submenu */
@@ -262,23 +262,23 @@ textarea:focus {
 #adminmenu .wp-has-current-submenu .wp-submenu,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
-  border-right-color: #be3631;
+  border-right-color: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #adminmenu .wp-submenu .wp-submenu-head {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 
 #adminmenu .wp-submenu a,
 #adminmenu .wp-has-current-submenu .wp-submenu a,
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 #adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
@@ -287,7 +287,7 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 /* Admin Menu: current */
@@ -301,12 +301,12 @@ textarea:focus {
 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
 #adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 ul#adminmenu a.wp-has-current-submenu:after,
 ul#adminmenu > li.current > a.current:after {
-  border-right-color: #f1f1f1;
+  border-right-color: #fff;
 }
 
 #adminmenu li.current a.menu-top,
@@ -341,7 +341,7 @@ ul#adminmenu > li.current > a.current:after {
 #adminmenu li:hover a .awaiting-mod,
 #adminmenu li.menu-top:hover > a .update-plugins {
   color: #fff;
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 /* Admin Menu: collapse button */
@@ -351,7 +351,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #collapse-button:hover,
 #collapse-button:focus {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 /* Admin Bar */
@@ -379,38 +379,38 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
-  color: #f7e3d3;
-  background: #be3631;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
 #wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar:not(.mobile) li:hover .ab-icon:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:before,
 #wpadminbar:not(.mobile) li:hover .ab-item:after,
 #wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 /* Admin Bar: submenu */
 #wpadminbar .menupop .ab-sub-wrapper {
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
-  background: #cf6b67;
+  background: rgb(207.3164148936, 107.1221761059, 103.3835851064);
 }
 
 #wpadminbar .ab-submenu .ab-item,
 #wpadminbar .quicklinks .menupop ul li a,
 #wpadminbar .quicklinks .menupop.hover ul li a,
 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 
 #wpadminbar .quicklinks li .blavatar,
@@ -436,7 +436,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar li.hover .ab-item:before,
 #wpadminbar li:hover #adminbarsearch:before,
 #wpadminbar li #adminbarsearch.adminbar-focused:before {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar .quicklinks li a:hover .blavatar,
@@ -445,7 +445,7 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar .menupop .menupop > .ab-item:hover:before,
 #wpadminbar.mobile .quicklinks .ab-icon:before,
 #wpadminbar.mobile .quicklinks .ab-item:before {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
@@ -460,7 +460,7 @@ ul#adminmenu > li.current > a.current:after {
 
 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   color: #fff;
-  background: #d66560;
+  background: rgb(214.2919148936, 100.6485106383, 96.4080851064);
 }
 
 /* Admin Bar: recovery mode */
@@ -479,13 +479,13 @@ ul#adminmenu > li.current > a.current:after {
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
   color: #fff;
-  background-color: #b89e0a;
+  background-color: rgb(183.6, 157.5, 9.9);
 }
 
 /* Admin Bar: my account */
 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
-  border-color: #d66560;
-  background-color: #d66560;
+  border-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
+  background-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
 }
 
 #wpadminbar #wp-admin-bar-user-info .display-name {
@@ -493,17 +493,17 @@ ul#adminmenu > li.current > a.current:after {
 }
 
 #wpadminbar #wp-admin-bar-user-info a:hover .display-name {
-  color: #f7e3d3;
+  color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
 }
 
 #wpadminbar #wp-admin-bar-user-info .username {
-  color: #f1c8c7;
+  color: rgb(240.6, 200.4, 198.9);
 }
 
 /* Pointers */
 .wp-pointer .wp-pointer-content h3 {
   background-color: #dd823b;
-  border-color: #d97426;
+  border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
 }
 
 .wp-pointer .wp-pointer-content h3:before {
@@ -586,7 +586,7 @@ body.more-filters-opened .more-filters:focus:before {
 
 /* Nav Menus */
 .nav-menus-php .item-edit:focus:before {
-  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
 }
 
 /* Responsive Component */
@@ -600,7 +600,7 @@ div#wp-responsive-toggle a:before {
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
-  background: #be3631;
+  background: rgb(190.4217021277, 53.969787234, 48.8782978723);
 }
 
 .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
@@ -653,7 +653,7 @@ div#wp-responsive-toggle a:before {
 .wp-core-ui #available-menu-items .item-add:focus:before,
 .wp-core-ui #customize-save-button-wrapper .save:focus,
 .wp-core-ui #publish-settings:focus {
-  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
 }
 .wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
 .wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
@@ -702,7 +702,7 @@ div#wp-responsive-toggle a:before {
 }
 .wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-  box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
+  box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
 }
 .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;

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

@@ -1,7 +1,11 @@
-$scheme-name: "sunrise";
-$base-color: #cf4944;
-$highlight-color: #dd823b;
-$notification-color: #ccaf0b;
-$menu-submenu-focus-text: lighten( $highlight-color, 35% );
+@use "sass:color";
 
-@import "../_admin.scss";
+$highlight-color: #dd823b;
+
+@use "../_admin.scss" with (
+  $scheme-name: "sunrise",
+  $base-color: #cf4944,
+  $highlight-color: $highlight-color,
+  $notification-color: #ccaf0b,
+  $menu-submenu-focus-text: color.adjust($highlight-color, $lightness: 35%)
+);

wp-admin/css/common-rtl.css

@@ -123,7 +123,6 @@
 .screen-reader-text span,
 .ui-helper-hidden-accessible {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;
@@ -221,7 +220,6 @@ body {
 }
 
 body {
-	background: #f0f0f1;
 	color: #3c434a;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	font-size: 13px;
@@ -917,6 +915,11 @@ a#remove-post-thumbnail:hover,
 	border: none;
 }
 
+.application-password-display .success {
+    color: #007017;
+    margin-right: 0.5rem;
+}
+
 /*------------------------------------------------------------------------------
   3.0 - Actions
 ------------------------------------------------------------------------------*/
@@ -1112,11 +1115,6 @@ th.action-links {
 	align-items: center;
 }
 
-.wp-filter .search-form.search-plugins {
-	/* This element is a flex item: the inherited float won't have any effect. */
-	margin-top: 0;
-}
-
 .wp-filter .search-form.search-plugins select,
 .wp-filter .search-form.search-plugins .wp-filter-search,
 .no-js .wp-filter .search-form.search-plugins .button {
@@ -1181,6 +1179,17 @@ th.action-links {
 	overflow: hidden;
 }
 
+.wp-filter .favorites-form .favorites-username {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+}
+
+.wp-filter .favorites-form .favorites-username input {
+	margin: 0;
+}
+
 .show-filters .filter-drawer,
 .show-favorites-form .favorites-form {
 	display: block;
@@ -1289,11 +1298,13 @@ th.action-links {
 }
 
 .filtered-by .tags {
-	display: inline;
+	display: flex;
+	align-items: flex-start;
+	flex-wrap: wrap;
+	gap: 8px;
 }
 
 .filtered-by .tag {
-	margin: 0 5px;
 	padding: 4px 8px;
 	border: 1px solid #dcdcde;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -1308,7 +1319,10 @@ th.action-links {
 }
 
 .filters-applied .filtered-by {
-	display: block;
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 10px;
 }
 
 .filters-applied .filter-drawer {
@@ -1333,6 +1347,12 @@ th.action-links {
 	float: none;
 }
 
+@media only screen and (max-width: 1138px) {
+	.wp-filter .search-form {
+		margin: 11px 0;
+	}
+}
+
 @media only screen and (max-width: 1120px) {
 	.filter-drawer {
 		border-bottom: 1px solid #f0f0f1;
@@ -2032,7 +2052,7 @@ p.auto-update-status {
 ------------------------------------------------------------------------------*/
 
 html.wp-toolbar {
-	padding-top: 32px;
+	padding-top: var(--wp-admin--admin-bar--height);
 	box-sizing: border-box;
 	-ms-overflow-style: scrollbar; /* See ticket #48545 */
 }
@@ -2411,8 +2431,59 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 
 /* Back-compat for nav-menus screen */
 .nav-menus-php .metabox-holder h3 {
+	padding: 0;
+}
+
+.accordion-container h3.accordion-section-title {
+	padding: 0 !important;
+}
+
+.accordion-section-title button.accordion-trigger,
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
+	background: inherit;
+	color: #1d2327;
+	display: block;
+	position: relative;
+	text-align: right;
+	width: 100%;
+	outline: none;
+	border: 0;
 	padding: 10px 14px 11px 10px;
 	line-height: 1.5;
+	cursor: pointer;
+}
+
+.accordion-section-title button.accordion-trigger:focus,
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
+	box-shadow: 0 0 0 2px #2271b1;
+	outline: 2px solid transparent;
+}
+
+.accordion-section-title span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
+	position: absolute;
+	left: 10px;
+	right: auto;
+	color: #787c82;
+	border-radius: 50px;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
+	color: #1d2327;
+}
+
+.accordion-section-title span.dashicons.dashicons-arrow-down::before,
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
+	position: relative;
+	right: -1px;
+}
+
+.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
+	transform: rotate(-180deg) translate(0, 50%);
 }
 
 #templateside ul li a {
@@ -3502,9 +3573,9 @@ img {
 
 /* @todo: can we use a common class for these? */
 .nav-menus-php .item-edit:before,
-.widget-top .widget-action .toggle-indicator:before,
-.control-section .accordion-section-title:after,
-.accordion-section-title:after {
+.wp-customizer .control-section .accordion-section-title:after,
+.wp-customizer .accordion-section-title:after,
+.widget-top .widget-action .toggle-indicator:before {
 	content: "\f140";
 	font: normal 20px/1 dashicons;
 	speak: never;
@@ -3522,8 +3593,7 @@ img {
 .handlediv,
 .postbox .handlediv.button-link,
 .item-edit,
-.toggle-indicator,
-.accordion-section-title:after {
+.toggle-indicator {
 	color: #787c82;
 }
 
@@ -3539,8 +3609,7 @@ img {
 .postbox .handlediv.button-link:focus,
 .item-edit:hover,
 .item-edit:focus,
-.sidebar-name:hover .toggle-indicator,
-.accordion-section-title:hover:after {
+.sidebar-name:hover .toggle-indicator {
 	color: #1d2327;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -3552,14 +3621,6 @@ img {
 	outline: 2px solid transparent;
 }
 
-.control-section .accordion-section-title:after,
-.accordion-section-title:after {
-	float: left;
-	left: 20px;
-	top: -2px;
-}
-
-.control-section.open .accordion-section-title:after,
 #customize-info.open .accordion-section-title:after,
 .nav-menus-php .menu-item-edit-active .item-edit:before,
 .widget.open .widget-top .widget-action .toggle-indicator:before,
@@ -3604,7 +3665,6 @@ img {
 
 .accordion-section-title {
 	margin: 0;
-	padding: 12px 15px 15px;
 	position: relative;
 	border-right: 1px solid #dcdcde;
 	border-left: 1px solid #dcdcde;
@@ -3841,7 +3901,7 @@ img {
 
 @media screen and (max-width: 782px) {
 	html.wp-toolbar {
-		padding-top: 46px;
+		padding-top: var(--wp-admin--admin-bar--height);
 	}
 
 	.screen-reader-shortcut:focus {
@@ -3949,6 +4009,10 @@ img {
 		padding: 12px;
 	}
 
+	.nav-menus-php .metabox-holder h3 {
+		padding: 0;
+	}
+
 	.postbox .handlediv {
 		margin-top: 3px;
 	}

wp-admin/css/common.css

@@ -122,7 +122,6 @@
 .screen-reader-text span,
 .ui-helper-hidden-accessible {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;
@@ -220,7 +219,6 @@ body {
 }
 
 body {
-	background: #f0f0f1;
 	color: #3c434a;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	font-size: 13px;
@@ -916,6 +914,11 @@ a#remove-post-thumbnail:hover,
 	border: none;
 }
 
+.application-password-display .success {
+    color: #007017;
+    margin-left: 0.5rem;
+}
+
 /*------------------------------------------------------------------------------
   3.0 - Actions
 ------------------------------------------------------------------------------*/
@@ -1111,11 +1114,6 @@ th.action-links {
 	align-items: center;
 }
 
-.wp-filter .search-form.search-plugins {
-	/* This element is a flex item: the inherited float won't have any effect. */
-	margin-top: 0;
-}
-
 .wp-filter .search-form.search-plugins select,
 .wp-filter .search-form.search-plugins .wp-filter-search,
 .no-js .wp-filter .search-form.search-plugins .button {
@@ -1180,6 +1178,17 @@ th.action-links {
 	overflow: hidden;
 }
 
+.wp-filter .favorites-form .favorites-username {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+}
+
+.wp-filter .favorites-form .favorites-username input {
+	margin: 0;
+}
+
 .show-filters .filter-drawer,
 .show-favorites-form .favorites-form {
 	display: block;
@@ -1288,11 +1297,13 @@ th.action-links {
 }
 
 .filtered-by .tags {
-	display: inline;
+	display: flex;
+	align-items: flex-start;
+	flex-wrap: wrap;
+	gap: 8px;
 }
 
 .filtered-by .tag {
-	margin: 0 5px;
 	padding: 4px 8px;
 	border: 1px solid #dcdcde;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -1307,7 +1318,10 @@ th.action-links {
 }
 
 .filters-applied .filtered-by {
-	display: block;
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	gap: 10px;
 }
 
 .filters-applied .filter-drawer {
@@ -1332,6 +1346,12 @@ th.action-links {
 	float: none;
 }
 
+@media only screen and (max-width: 1138px) {
+	.wp-filter .search-form {
+		margin: 11px 0;
+	}
+}
+
 @media only screen and (max-width: 1120px) {
 	.filter-drawer {
 		border-bottom: 1px solid #f0f0f1;
@@ -2031,7 +2051,7 @@ p.auto-update-status {
 ------------------------------------------------------------------------------*/
 
 html.wp-toolbar {
-	padding-top: 32px;
+	padding-top: var(--wp-admin--admin-bar--height);
 	box-sizing: border-box;
 	-ms-overflow-style: scrollbar; /* See ticket #48545 */
 }
@@ -2410,8 +2430,59 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 
 /* Back-compat for nav-menus screen */
 .nav-menus-php .metabox-holder h3 {
+	padding: 0;
+}
+
+.accordion-container h3.accordion-section-title {
+	padding: 0 !important;
+}
+
+.accordion-section-title button.accordion-trigger,
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
+	background: inherit;
+	color: #1d2327;
+	display: block;
+	position: relative;
+	text-align: left;
+	width: 100%;
+	outline: none;
+	border: 0;
 	padding: 10px 10px 11px 14px;
 	line-height: 1.5;
+	cursor: pointer;
+}
+
+.accordion-section-title button.accordion-trigger:focus,
+.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
+	box-shadow: 0 0 0 2px #2271b1;
+	outline: 2px solid transparent;
+}
+
+.accordion-section-title span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
+	position: absolute;
+	right: 10px;
+	left: auto;
+	color: #787c82;
+	border-radius: 50px;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
+.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
+	color: #1d2327;
+}
+
+.accordion-section-title span.dashicons.dashicons-arrow-down::before,
+.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
+	position: relative;
+	left: -1px;
+}
+
+.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
+.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
+	transform: rotate(180deg) translate(0, 50%);
 }
 
 #templateside ul li a {
@@ -3501,9 +3572,9 @@ img {
 
 /* @todo: can we use a common class for these? */
 .nav-menus-php .item-edit:before,
-.widget-top .widget-action .toggle-indicator:before,
-.control-section .accordion-section-title:after,
-.accordion-section-title:after {
+.wp-customizer .control-section .accordion-section-title:after,
+.wp-customizer .accordion-section-title:after,
+.widget-top .widget-action .toggle-indicator:before {
 	content: "\f140";
 	font: normal 20px/1 dashicons;
 	speak: never;
@@ -3521,8 +3592,7 @@ img {
 .handlediv,
 .postbox .handlediv.button-link,
 .item-edit,
-.toggle-indicator,
-.accordion-section-title:after {
+.toggle-indicator {
 	color: #787c82;
 }
 
@@ -3538,8 +3608,7 @@ img {
 .postbox .handlediv.button-link:focus,
 .item-edit:hover,
 .item-edit:focus,
-.sidebar-name:hover .toggle-indicator,
-.accordion-section-title:hover:after {
+.sidebar-name:hover .toggle-indicator {
 	color: #1d2327;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -3551,14 +3620,6 @@ img {
 	outline: 2px solid transparent;
 }
 
-.control-section .accordion-section-title:after,
-.accordion-section-title:after {
-	float: right;
-	right: 20px;
-	top: -2px;
-}
-
-.control-section.open .accordion-section-title:after,
 #customize-info.open .accordion-section-title:after,
 .nav-menus-php .menu-item-edit-active .item-edit:before,
 .widget.open .widget-top .widget-action .toggle-indicator:before,
@@ -3603,7 +3664,6 @@ img {
 
 .accordion-section-title {
 	margin: 0;
-	padding: 12px 15px 15px;
 	position: relative;
 	border-left: 1px solid #dcdcde;
 	border-right: 1px solid #dcdcde;
@@ -3840,7 +3900,7 @@ img {
 
 @media screen and (max-width: 782px) {
 	html.wp-toolbar {
-		padding-top: 46px;
+		padding-top: var(--wp-admin--admin-bar--height);
 	}
 
 	.screen-reader-shortcut:focus {
@@ -3948,6 +4008,10 @@ img {
 		padding: 12px;
 	}
 
+	.nav-menus-php .metabox-holder h3 {
+		padding: 0;
+	}
+
 	.postbox .handlediv {
 		margin-top: 3px;
 	}

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

@@ -32,7 +32,7 @@ body {
 	max-width: 366px;
 	min-height: 64px;
 	width: auto;
-	padding: 25px 109px 25px 25px;
+	padding: 25px;
 	position: relative;
 	background: #fff;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
@@ -42,6 +42,10 @@ body {
 	top: calc( 50% - 100px );
 }
 
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message.has-avatar {
+	padding-right: 109px;
+}
+
 #customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
 	margin-top: 0;
 }
@@ -394,6 +398,7 @@ body.trashing #publish-settings {
 	margin-bottom: 0;
 }
 
+#customize-control-site_icon .customize-control-description,
 #customize-control-changeset_scheduled_date .customize-control-description {
 	font-style: normal;
 }
@@ -427,6 +432,7 @@ body.trashing #publish-settings {
 	border-left: none;
 	border-bottom: none;
 	cursor: default;
+	padding: 10px 14px 11px 10px;
 }
 
 #customize-controls .customize-info.open .accordion-section-title:after,
@@ -442,6 +448,9 @@ body.trashing #publish-settings {
 #customize-controls .customize-info .preview-notice {
 	font-size: 13px;
 	line-height: 1.9;
+	margin: 0;
+	font-weight: 400;
+	color: #50575e;
 }
 
 #customize-controls .customize-pane-child .customize-section-title h3,
@@ -549,6 +558,24 @@ body.trashing #publish-settings {
 		.15s border-color ease-in-out;
 }
 
+.accordion-section-title:has(button.accordion-trigger),
+#customize-controls .current-panel .control-section > h3.accordion-section-title:has(button.accordion-trigger) {
+	padding: 0;
+}
+
+.accordion-section-title button.accordion-trigger {
+	all: unset;
+	width: 100%;
+	padding: 10px 14px 11px 30px;
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+}
+
+.accordion-section-title button.accordion-trigger:has(.menu-in-location) {
+	display: block;
+}
+
 @media (prefers-reduced-motion: reduce) {
 	#customize-theme-controls .accordion-section-title,
 	#customize-outer-theme-controls .accordion-section-title {
@@ -566,6 +593,7 @@ body.trashing #publish-settings {
 #customize-outer-theme-controls .accordion-section-title:after {
 	content: "\f341";
 	color: #a7aaad;
+	pointer-events: none;
 }
 
 #customize-theme-controls .accordion-section-content,
@@ -575,9 +603,9 @@ body.trashing #publish-settings {
 }
 
 #customize-controls .control-section:hover > .accordion-section-title,
-#customize-controls .control-section .accordion-section-title:hover,
+#customize-controls .control-section .accordion-section-title button:hover,
 #customize-controls .control-section.open .accordion-section-title,
-#customize-controls .control-section .accordion-section-title:focus {
+#customize-controls .control-section .accordion-section-title button:focus {
 	color: #2271b1;
 	background: #f6f7f7;
 	border-right-color: #2271b1;
@@ -1067,10 +1095,6 @@ p.customize-section-description {
 	line-height: 0;
 }
 
-/* Remove descender space. */
-.customize-control-site_icon .favicon-preview .browser-preview {
-	vertical-align: top;
-}
 
 .customize-control .thumbnail-image img {
 	cursor: pointer;
@@ -1708,7 +1732,7 @@ p.customize-section-description {
 	border-right: none;
 	border-left: none;
 	margin: 0 0 15px;
-	padding-left: 100px; /* Space for the button */
+	padding: 12px 15px 15px 100px; /* Space for the button */
 }
 
 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
@@ -2621,6 +2645,19 @@ body.adding-widget .add-new-widget:before,
 
 #available-widgets .customize-section-title,
 #available-menu-items .customize-section-title {
+	border: 0;
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important;
+}
+
+#available-widgets .customize-section-title button,
+#available-menu-items .customize-section-title button {
 	display: none;
 }
 
@@ -2957,8 +2994,19 @@ body.adding-widget .add-new-widget:before,
 
 	#available-widgets .customize-section-title,
 	#available-menu-items .customize-section-title {
-		display: block;
+		border: 0;
+		clip-path: none;
+		height: inherit;
 		margin: 0;
+		overflow: hidden;
+		padding: 0;
+		width: auto;
+		position: static;
+	}
+
+	#available-widgets .customize-section-title button,
+	#available-menu-items .customize-section-title button {
+		display: block;
 	}
 
 	#available-widgets .customize-section-back,

wp-admin/css/customize-controls.css

@@ -31,7 +31,7 @@ body {
 	max-width: 366px;
 	min-height: 64px;
 	width: auto;
-	padding: 25px 25px 25px 109px;
+	padding: 25px;
 	position: relative;
 	background: #fff;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
@@ -41,6 +41,10 @@ body {
 	top: calc( 50% - 100px );
 }
 
+#customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .customize-changeset-locked-message.has-avatar {
+	padding-left: 109px;
+}
+
 #customize-controls #customize-notifications-area .notice.notification-overlay.notification-changeset-locked .currently-editing {
 	margin-top: 0;
 }
@@ -393,6 +397,7 @@ body.trashing #publish-settings {
 	margin-bottom: 0;
 }
 
+#customize-control-site_icon .customize-control-description,
 #customize-control-changeset_scheduled_date .customize-control-description {
 	font-style: normal;
 }
@@ -426,6 +431,7 @@ body.trashing #publish-settings {
 	border-right: none;
 	border-bottom: none;
 	cursor: default;
+	padding: 10px 10px 11px 14px;
 }
 
 #customize-controls .customize-info.open .accordion-section-title:after,
@@ -441,6 +447,9 @@ body.trashing #publish-settings {
 #customize-controls .customize-info .preview-notice {
 	font-size: 13px;
 	line-height: 1.9;
+	margin: 0;
+	font-weight: 400;
+	color: #50575e;
 }
 
 #customize-controls .customize-pane-child .customize-section-title h3,
@@ -548,6 +557,24 @@ body.trashing #publish-settings {
 		.15s border-color ease-in-out;
 }
 
+.accordion-section-title:has(button.accordion-trigger),
+#customize-controls .current-panel .control-section > h3.accordion-section-title:has(button.accordion-trigger) {
+	padding: 0;
+}
+
+.accordion-section-title button.accordion-trigger {
+	all: unset;
+	width: 100%;
+	padding: 10px 30px 11px 14px;
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+}
+
+.accordion-section-title button.accordion-trigger:has(.menu-in-location) {
+	display: block;
+}
+
 @media (prefers-reduced-motion: reduce) {
 	#customize-theme-controls .accordion-section-title,
 	#customize-outer-theme-controls .accordion-section-title {
@@ -565,6 +592,7 @@ body.trashing #publish-settings {
 #customize-outer-theme-controls .accordion-section-title:after {
 	content: "\f345";
 	color: #a7aaad;
+	pointer-events: none;
 }
 
 #customize-theme-controls .accordion-section-content,
@@ -574,9 +602,9 @@ body.trashing #publish-settings {
 }
 
 #customize-controls .control-section:hover > .accordion-section-title,
-#customize-controls .control-section .accordion-section-title:hover,
+#customize-controls .control-section .accordion-section-title button:hover,
 #customize-controls .control-section.open .accordion-section-title,
-#customize-controls .control-section .accordion-section-title:focus {
+#customize-controls .control-section .accordion-section-title button:focus {
 	color: #2271b1;
 	background: #f6f7f7;
 	border-left-color: #2271b1;
@@ -1066,10 +1094,6 @@ p.customize-section-description {
 	line-height: 0;
 }
 
-/* Remove descender space. */
-.customize-control-site_icon .favicon-preview .browser-preview {
-	vertical-align: top;
-}
 
 .customize-control .thumbnail-image img {
 	cursor: pointer;
@@ -1707,7 +1731,7 @@ p.customize-section-description {
 	border-left: none;
 	border-right: none;
 	margin: 0 0 15px;
-	padding-right: 100px; /* Space for the button */
+	padding: 12px 100px 15px 15px; /* Space for the button */
 }
 
 #customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
@@ -2620,6 +2644,19 @@ body.adding-widget .add-new-widget:before,
 
 #available-widgets .customize-section-title,
 #available-menu-items .customize-section-title {
+	border: 0;
+	clip-path: inset(50%);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important;
+}
+
+#available-widgets .customize-section-title button,
+#available-menu-items .customize-section-title button {
 	display: none;
 }
 
@@ -2956,8 +2993,19 @@ body.adding-widget .add-new-widget:before,
 
 	#available-widgets .customize-section-title,
 	#available-menu-items .customize-section-title {
-		display: block;
+		border: 0;
+		clip-path: none;
+		height: inherit;
 		margin: 0;
+		overflow: hidden;
+		padding: 0;
+		width: auto;
+		position: static;
+	}
+
+	#available-widgets .customize-section-title button,
+	#available-menu-items .customize-section-title button {
+		display: block;
 	}
 
 	#available-widgets .customize-section-back,

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

@@ -543,8 +543,9 @@
 	background: transparent;
 }
 
-#available-menu-items .accordion-section-title button {
-	display: block;
+#available-menu-items .accordion-section-title button .toggle-indicator {
+	display: flex;
+	align-items: center;
 	width: 28px;
 	height: 35px;
 	position: absolute;

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

@@ -542,8 +542,9 @@
 	background: transparent;
 }
 
-#available-menu-items .accordion-section-title button {
-	display: block;
+#available-menu-items .accordion-section-title button .toggle-indicator {
+	display: flex;
+	align-items: center;
 	width: 28px;
 	height: 35px;
 	position: absolute;

wp-admin/css/dashboard-rtl.css

@@ -713,6 +713,11 @@ body #dashboard-widgets .postbox form .submit {
 	font-weight: 400;
 }
 
+#network_dashboard_right_now p input {
+	margin: 2px 1px;
+	vertical-align: middle;
+}
+
 /* Dashboard right now - Colors */
 
 #dashboard_right_now .sub {

wp-admin/css/dashboard.css

@@ -712,6 +712,11 @@ body #dashboard-widgets .postbox form .submit {
 	font-weight: 400;
 }
 
+#network_dashboard_right_now p input {
+	margin: 2px 1px;
+	vertical-align: middle;
+}
+
 /* Dashboard right now - Colors */
 
 #dashboard_right_now .sub {

wp-admin/css/edit-rtl.css

@@ -76,6 +76,14 @@
 	pointer-events: none;
 }
 
+#titlewrap .skiplink:focus {
+	clip: inherit;
+	clip-path: inherit;
+	left: 4px;
+	top: 4px;
+	width: auto;
+}
+
 input#link_description,
 input#link_url {
 	width: 100%;
@@ -301,7 +309,6 @@ ul.wp-tab-bar li {
 #postimagediv .inside img {
 	max-width: 100%;
 	height: auto;
-	width: auto;
 	vertical-align: top;
 	background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
 	background-position: 100% 0, 10px 10px;
@@ -1039,6 +1046,14 @@ form#tags-filter {
 		white-space: normal;
 		line-height: 1.8;
 	}
+
+	#edit-slug-box {
+		padding: 0;
+	}
+
+	#titlewrap .skiplink:focus {
+		top: 5px;
+	}
 }
 
 @media only screen and (max-width: 1004px) {
@@ -1272,23 +1287,13 @@ label.post-format-icon {
 	margin: 0;
 }
 
-.categorydiv,
-.customlinkdiv,
-.posttypediv,
-.taxonomydiv {
-	max-height: inherit;
-	height: 100%;
-}
-
 .wp-tab-panel,
 .categorydiv div.tabs-panel,
 .customlinkdiv div.tabs-panel,
 .posttypediv div.tabs-panel,
 .taxonomydiv div.tabs-panel {
 	min-height: 42px;
-	/* Allow space for content after tab panels in nav menu editor. */
-	max-height: calc( 100% - 75px );
-	height: 100%;
+	max-height: 200px;
 	overflow: auto;
 	padding: 0 0.9em;
 	border: solid 1px #dcdcde;
@@ -1308,7 +1313,7 @@ div.tabs-panel-active:focus {
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
-
+.options-discussion-php .indent-children ul,
 #front-page-warning,
 #front-static-pages ul,
 ul.export-filters,

wp-admin/css/edit.css

@@ -75,6 +75,14 @@
 	pointer-events: none;
 }
 
+#titlewrap .skiplink:focus {
+	clip: inherit;
+	clip-path: inherit;
+	right: 4px;
+	top: 4px;
+	width: auto;
+}
+
 input#link_description,
 input#link_url {
 	width: 100%;
@@ -300,7 +308,6 @@ ul.wp-tab-bar li {
 #postimagediv .inside img {
 	max-width: 100%;
 	height: auto;
-	width: auto;
 	vertical-align: top;
 	background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
 	background-position: 0 0, 10px 10px;
@@ -1038,6 +1045,14 @@ form#tags-filter {
 		white-space: normal;
 		line-height: 1.8;
 	}
+
+	#edit-slug-box {
+		padding: 0;
+	}
+
+	#titlewrap .skiplink:focus {
+		top: 5px;
+	}
 }
 
 @media only screen and (max-width: 1004px) {
@@ -1271,23 +1286,13 @@ label.post-format-icon {
 	margin: 0;
 }
 
-.categorydiv,
-.customlinkdiv,
-.posttypediv,
-.taxonomydiv {
-	max-height: inherit;
-	height: 100%;
-}
-
 .wp-tab-panel,
 .categorydiv div.tabs-panel,
 .customlinkdiv div.tabs-panel,
 .posttypediv div.tabs-panel,
 .taxonomydiv div.tabs-panel {
 	min-height: 42px;
-	/* Allow space for content after tab panels in nav menu editor. */
-	max-height: calc( 100% - 75px );
-	height: 100%;
+	max-height: 200px;
 	overflow: auto;
 	padding: 0 0.9em;
 	border: solid 1px #dcdcde;
@@ -1307,7 +1312,7 @@ div.tabs-panel-active:focus {
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
-
+.options-discussion-php .indent-children ul,
 #front-page-warning,
 #front-static-pages ul,
 ul.export-filters,

wp-admin/css/forms-rtl.css

@@ -804,6 +804,8 @@ ul#add-to-blog-users {
 	padding: 9px 0;
 	line-height: 1.6;
 	max-width: 270px;
+	border-radius: 4px;
+	background: #f0f0f1;
 }
 
 .button-add-site-icon:focus,
@@ -811,18 +813,6 @@ ul#add-to-blog-users {
 	background: #fff;
 }
 
-.site-icon-section .favicon-preview {
-	float: right;
-}
-.site-icon-section .app-icon-preview {
-	float: right;
-	margin: 0 20px;
-}
-
-.site-icon-section .site-icon-preview img {
-	max-width: 100%;
-}
-
 .button-add-site-icon:focus {
 	background-color: #fff;
 	border-color: #3582c4;
@@ -870,7 +860,7 @@ ul#add-to-blog-users {
 	padding: 20px 0 20px 10px;
 	width: 200px;
 	line-height: 1.3;
-	font-weight: 600;
+	font-weight: 400;
 }
 
 .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
@@ -1013,6 +1003,7 @@ table.form-table td .updated p {
 }
 
 .application-password-display input.code {
+	margin-bottom: 6px;
 	width: 19em;
 }
 

wp-admin/css/forms.css

@@ -803,6 +803,8 @@ ul#add-to-blog-users {
 	padding: 9px 0;
 	line-height: 1.6;
 	max-width: 270px;
+	border-radius: 4px;
+	background: #f0f0f1;
 }
 
 .button-add-site-icon:focus,
@@ -810,18 +812,6 @@ ul#add-to-blog-users {
 	background: #fff;
 }
 
-.site-icon-section .favicon-preview {
-	float: left;
-}
-.site-icon-section .app-icon-preview {
-	float: left;
-	margin: 0 20px;
-}
-
-.site-icon-section .site-icon-preview img {
-	max-width: 100%;
-}
-
 .button-add-site-icon:focus {
 	background-color: #fff;
 	border-color: #3582c4;
@@ -869,7 +859,7 @@ ul#add-to-blog-users {
 	padding: 20px 10px 20px 0;
 	width: 200px;
 	line-height: 1.3;
-	font-weight: 600;
+	font-weight: 400;
 }
 
 .form-table th.th-full, /* Not used by core. Back-compat for pre-4.8 */
@@ -1012,6 +1002,7 @@ table.form-table td .updated p {
 }
 
 .application-password-display input.code {
+	margin-bottom: 6px;
 	width: 19em;
 }
 

wp-admin/css/install-rtl.css

@@ -350,7 +350,6 @@ body.language-chooser {
 .screen-reader-input,
 .screen-reader-text {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;

wp-admin/css/install.css

@@ -349,7 +349,6 @@ body.language-chooser {
 .screen-reader-input,
 .screen-reader-text {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;

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

@@ -320,7 +320,6 @@ table.fixed {
 
 .fixed .column-role,
 .fixed .column-posts {
-	-webkit-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -1132,7 +1131,7 @@ tr.inline-edit-row td {
 	width: 75%;
 }
 
-.inline-edit-row #post_parent,
+.inline-edit-row select[name="post_parent"],
 .inline-edit-row select[name="page_template"] {
 	max-width: 80%;
 }

wp-admin/css/list-tables.css

@@ -319,7 +319,6 @@ table.fixed {
 
 .fixed .column-role,
 .fixed .column-posts {
-	-webkit-hyphens: auto;
 	hyphens: auto;
 }
 
@@ -1131,7 +1130,7 @@ tr.inline-edit-row td {
 	width: 75%;
 }
 
-.inline-edit-row #post_parent,
+.inline-edit-row select[name="post_parent"],
 .inline-edit-row select[name="page_template"] {
 	max-width: 80%;
 }

wp-admin/css/login-rtl.css

@@ -140,8 +140,7 @@ p {
 }
 
 .login form {
-	margin-top: 20px;
-	margin-right: 0;
+	margin: 24px 0;
 	padding: 26px 24px;
 	font-weight: 400;
 	overflow: hidden;
@@ -225,7 +224,7 @@ p {
 	margin: 1.1em 0;
 }
 
-.login h1.admin-email__heading {
+.login .admin-email__heading {
 	border-bottom: 1px #f0f0f1 solid;
 	color: #50575e;
 	font-weight: normal;
@@ -285,7 +284,7 @@ p {
 	font-size: 20px;
 	font-weight: 400;
 	line-height: 1.3;
-	margin: 0 auto 25px;
+	margin: 0 auto 24px;
 	padding: 0;
 	text-decoration: none;
 	width: 84px;
@@ -408,7 +407,6 @@ body.interim-login {
 .screen-reader-text,
 .screen-reader-text span {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;

wp-admin/css/login.css

@@ -139,8 +139,7 @@ p {
 }
 
 .login form {
-	margin-top: 20px;
-	margin-left: 0;
+	margin: 24px 0;
 	padding: 26px 24px;
 	font-weight: 400;
 	overflow: hidden;
@@ -224,7 +223,7 @@ p {
 	margin: 1.1em 0;
 }
 
-.login h1.admin-email__heading {
+.login .admin-email__heading {
 	border-bottom: 1px #f0f0f1 solid;
 	color: #50575e;
 	font-weight: normal;
@@ -284,7 +283,7 @@ p {
 	font-size: 20px;
 	font-weight: 400;
 	line-height: 1.3;
-	margin: 0 auto 25px;
+	margin: 0 auto 24px;
 	padding: 0;
 	text-decoration: none;
 	width: 84px;
@@ -407,7 +406,6 @@ body.interim-login {
 .screen-reader-text,
 .screen-reader-text span {
 	border: 0;
-	clip: rect(1px, 1px, 1px, 1px);
 	clip-path: inset(50%);
 	height: 1px;
 	margin: -1px;

wp-admin/css/media-rtl.css

@@ -175,7 +175,7 @@
 
 .media-item .pinkynail {
 	float: right;
-	margin: 0 0 0 10px;
+	margin: 14px;
 	max-height: 70px;
 	max-width: 70px;
 }

wp-admin/css/media.css

@@ -174,7 +174,7 @@
 
 .media-item .pinkynail {
 	float: left;
-	margin: 0 10px 0 0;
+	margin: 14px;
 	max-height: 70px;
 	max-width: 70px;
 }