Changeset 62454 for trunk/src/wp-admin/css/colors/blue/colors.scss

Timestamp:

06/03/2026 09:40:38 AM (4 months ago)

Author:

youknowriad

Message:

Administration: Improve admin color scheme contrast for the editor chrome.

Update the core admin color schemes so their sidebar and primary button colors
work well when the block editor and Site Editor apply the user's admin color
scheme to the editor chrome. The chrome background is generated from a seed
through the WPDS ramp algorithm, which only emits surface colors within
specific luminance bands and cannot reproduce arbitrary colors, so several
schemes could never match.

Adjust the Blue, Coffee, Ectoplasm, Light, Midnight, Ocean, and Sunrise schemes
to bring sidebar and primary button text contrast to WCAG 2.x AA (4.5:1), keep
each scheme's character, and reduce the number of distinct colors per scheme by
reusing the selected menu item's background for the primary button (except for
Light).

Props fushar, simison, youknowriad, joen.
Fixes #65382.

File:

• trunk/src/wp-admin/css/colors/blue/colors.scss (modified) (1 diff)

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

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