Administration: Introduce a lighter background for WP Admin.

This changeset replaces the light grey background color with the white color defined in the Editor Storybook. This change also impacts admin color schemes that previously utilized the default admin background color.
This is an initial implementation of the WordPress design system, aligning with the broader goal of achieving a more consistent and unified design across the administration.

Props karmatosed, audrasjb.
Fixes #62831.



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


git-svn-id: http://core.svn.wordpress.org/trunk@59047 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb 2025-01-25 14:07:23 +00:00
parent e4229833fe
commit 471cffffcc
38 changed files with 78 additions and 80 deletions

View File

@ -345,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;
}

File diff suppressed because one or more lines are too long

View File

@ -344,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;
}

File diff suppressed because one or more lines are too long

View File

@ -15,7 +15,7 @@ $notification-color: #d54e21 !default;
// global
$body-background: #f1f1f1 !default;
$body-background: #fff !default;
$link: #0073aa !default;
$link-focus: color.adjust($link, $lightness: 10%) !default;

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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 */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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 */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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 */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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 */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
background: #fff;
}
/* Links */
@ -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,

File diff suppressed because one or more lines are too long

View File

@ -221,7 +221,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;

File diff suppressed because one or more lines are too long

View File

@ -220,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;

File diff suppressed because one or more lines are too long

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.8-alpha-59704';
$wp_version = '6.8-alpha-59705';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.