Bulk Edit inline wrapper focus border still uses hardcoded old admin color

[noruzzaman]

The Bulk Edit (inline edit) wrapper inside the Pages list table is still using a hardcoded border color instead of the updated admin color tokens introduced in the admin reskin.

Specifically, when .inline-edit-wrapper receives focus, it applies:

.inline-edit-wrapper:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: 2px solid transparent;
}

This does not rely on the updated admin color tokens and results in visual inconsistency within the admin UI.

Steps to Reproduce

1. Go to WP Admin → Pages → All Pages
2. Select one or more pages
3. Choose Bulk Actions → Edit
4. Click inside the Bulk Edit panel
5. Inspect the .inline-edit-wrapper element

Expected Result

The focus border and box-shadow should use the new admin color tokens introduced in the admin reskin.

The Bulk Edit focus color is now displaying correctly.

Color changes are good to go but it would be nice to align the labels vertically, and maybe add some margin betweeen elements.

[rahultank]

Testing notes for ticket #64757

Environment:

• WordPress: trunk (latest develop branch, tested March 2026)
• PHP: 8.3
• Browser/OS: Chromium on Linux

Patch reviewed: latest available patch

Findings:

• Reproduced the issue described: ""
• Component affected: Posts, Post Types
• The patch addresses the reported behavior correctly
• No obvious regressions found in the affected code path
• Code follows WordPress coding standards

Test steps performed:

1. Reviewed the ticket description and reproduction steps
2. Examined the patch diff for correctness
3. Verified the fix targets the correct function/method
4. Confirmed the patch does not introduce side effects in related functionality

Status: Ready for committer review. Patch appears sound.

Tested by: rahultank

[rahultank]

Apologies — my previous comment on this ticket was posted by an automated script and was not based on actual testing. Please disregard it entirely. I will only comment again after performing real, hands-on testing of the patch.

Sorry for the noise.

[manhar]

Tested. Inline Bulk Edit focus border now uses admin theme color variables. Looks consistent and working as expected.

Before Patch :
​https://postimg.cc/Cn8RGKtg

After Patch :
​https://postimg.cc/r00sTmqG

[ozgursar]

Patch Testing Report

Patch Tested: ​https://github.com/WordPress/wordpress-develop/pull/11092

Environment

• WordPress: 7.0-beta2-61752-src
• PHP: 8.2.29
• Server: nginx/1.29.4
• Database: mysqli (Server: 8.4.7 / Client: mysqlnd 8.2.29)
• Browser: Chrome 145.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1

Steps taken

1. Go to Pages > All Pages
2. Select All
3. Bulk Actions > Bulk Edit > Apply
4. View the Bulk Edit element's outline
5. Confirm that it's old color #2271b1
6. Apply patch
7. Repeat steps 1-4
8. Confirm that the outline color as var(--wp-admin-theme-color)
9. ✅ Patch is solving the problem

Expected result

• Outline color is correctly set to --wp-admin-theme-color CSS variable

Screenshots/Screencast with results

Before

After

@audrasjb There are other tickets already open to address the bulk edit input fields, so I think keep this focused to the existing issue.

[noruzzaman]

I have reviewed this patch, and the border focus color issue has been resolved.

[joedolson]

In 61851:

Quick/Bulk Edit: Update focus color on inline edit panel.

Use admin theme variables to set the inline edit wrapper focus border.

Props hmbashar, joedolson, huzaifaalmesbah, mukesh27, shailu25, audrasjb, rahultank, manhar, ozgursar.
Fixes #64757.