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]

Tested ticket #64757 against trunk (list-tables.css, March 2026).

Bug confirmed: .inline-edit-wrapper:focus uses hardcoded border-color: #2271b1 and box-shadow: 0 0 0 1px #2271b1 in list-tables.css (trunk). This does not use the admin reskin color tokens and breaks visual consistency.

Reviewed the fix in PR #11092:

• border-color: #2271b1 → var(--wp-admin-theme-color, #3858e9) ✓
• box-shadow: 0 0 0 1px #2271b1 → 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9) ✓

The fix correctly replaces both hardcoded values with the appropriate CSS custom property tokens. The #3858e9 fallback aligns with the new default admin color in the reskin.

Also checked: list-tables.css still has 6 remaining occurrences of #2271b1 (outside the inline-edit-wrapper selector) — these may need follow-up tickets if they are also part of the reskin scope.

The patch is minimal, targeted, and does not break related CSS. Ready for commit.

[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.