From 9465b374cbf5aea473916d874e1f568cab3b5a07 Mon Sep 17 00:00:00 2001
From: Jb Audras <audrasjb@git.wordpress.org>
Date: Sat, 25 Jan 2025 14:05:29 +0000
Subject: [PATCH] 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.




git-svn-id: https://develop.svn.wordpress.org/trunk@59705 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/admin-menu.css         | 2 +-
 src/wp-admin/css/colors/_variables.scss | 2 +-
 src/wp-admin/css/common.css             | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/wp-admin/css/admin-menu.css b/src/wp-admin/css/admin-menu.css
index d374e9c371..c7d3b1d3dd 100644
--- a/src/wp-admin/css/admin-menu.css
+++ b/src/wp-admin/css/admin-menu.css
@@ -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;
 }
diff --git a/src/wp-admin/css/colors/_variables.scss b/src/wp-admin/css/colors/_variables.scss
index 8a073f830e..724a51d73d 100644
--- a/src/wp-admin/css/colors/_variables.scss
+++ b/src/wp-admin/css/colors/_variables.scss
@@ -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;
diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 6d24705d54..6c050e851d 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -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;