From ce4cf08b285dd9c2ab4a45e81c7644b4c69bac38 Mon Sep 17 00:00:00 2001 From: Christian Gastrell Date: Mon, 16 Mar 2026 15:04:31 -0300 Subject: [PATCH 1/3] Admin UI: Update Page background color to use neutral surface token Use --wpds-color-bg-surface-neutral instead of --wpds-color-bg-surface-neutral-strong for the Page background, giving it a subtle off-white instead of pure white. Co-Authored-By: Claude Opus 4.6 --- packages/admin-ui/src/page/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/admin-ui/src/page/style.scss b/packages/admin-ui/src/page/style.scss index ad178ce45e169c..910f6d3b7f76d6 100644 --- a/packages/admin-ui/src/page/style.scss +++ b/packages/admin-ui/src/page/style.scss @@ -1,7 +1,7 @@ .admin-ui-page { display: flex; height: 100%; - background-color: var(--wpds-color-bg-surface-neutral-strong); + background-color: var(--wpds-color-bg-surface-neutral); color: var(--wpds-color-fg-content-neutral); position: relative; z-index: 1; From 54abdac282fc0f904e4f7e64c2b5b8cd5a6ee8a4 Mon Sep 17 00:00:00 2001 From: Christian Gastrell Date: Wed, 25 Mar 2026 12:34:24 -0300 Subject: [PATCH 2/3] Revert page background color change, add TODO to revisit Keep the existing --wpds-color-bg-surface-neutral-strong value to avoid unintentional design changes to existing pages (e.g. Styles). The lighter background can be revisited once those pages handle the contrast change. Co-Authored-By: Claude Opus 4.6 (1M context) --- packages/admin-ui/src/page/style.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/admin-ui/src/page/style.scss b/packages/admin-ui/src/page/style.scss index 910f6d3b7f76d6..a205bf313a6e27 100644 --- a/packages/admin-ui/src/page/style.scss +++ b/packages/admin-ui/src/page/style.scss @@ -1,7 +1,10 @@ .admin-ui-page { display: flex; height: 100%; - background-color: var(--wpds-color-bg-surface-neutral); + // @TODO: Revisit page background color. Consider using + // --wpds-color-bg-surface-neutral once existing pages (e.g. Styles) + // are updated to handle the contrast change. + background-color: var(--wpds-color-bg-surface-neutral-strong); color: var(--wpds-color-fg-content-neutral); position: relative; z-index: 1; From 91f836ce21fc0deb8ebe4cbfdc341ce1a185b66e Mon Sep 17 00:00:00 2001 From: Christian Gastrell Date: Wed, 25 Mar 2026 12:49:02 -0300 Subject: [PATCH 3/3] Add PR reference to TODO comment Co-Authored-By: Claude Opus 4.6 (1M context) --- packages/admin-ui/src/page/style.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/admin-ui/src/page/style.scss b/packages/admin-ui/src/page/style.scss index a205bf313a6e27..0232f7d94b9c19 100644 --- a/packages/admin-ui/src/page/style.scss +++ b/packages/admin-ui/src/page/style.scss @@ -4,6 +4,7 @@ // @TODO: Revisit page background color. Consider using // --wpds-color-bg-surface-neutral once existing pages (e.g. Styles) // are updated to handle the contrast change. + // See https://github.com/WordPress/gutenberg/pull/76548 background-color: var(--wpds-color-bg-surface-neutral-strong); color: var(--wpds-color-fg-content-neutral); position: relative;