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

joedolson · joedolson · commit 361b19412d5c · 2026-03-05T20:03:25.000Z
Use admin theme variables to set the inline edit wrapper focus border. Props hmbashar, joedolson, huzaifaalmesbah, mukesh27, shailu25, audrasjb, rahultank, manhar, ozgursar. Fixes #64757. git-svn-id: https://develop.svn.wordpress.org/trunk@61851 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css
@@ -922,8 +922,8 @@ tr.inline-edit-row td {
 }
 
 .inline-edit-wrapper:focus {
-	border-color: #2271b1;
-	box-shadow: 0 0 0 1px #2271b1;
+	border-color: var(--wp-admin-theme-color, #3858e9);
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }

Original file line number	Diff line number	Diff line change
`@@ -922,8 +922,8 @@ tr.inline-edit-row td {`
`922`	`922`	`}`
`923`	`923`
`924`	`924`	`.inline-edit-wrapper:focus {`
`925`		`- border-color: #2271b1;`
`926`		`- box-shadow: 0 0 0 1px #2271b1;`
	`925`	`+ border-color: var(--wp-admin-theme-color, #3858e9);`
	`926`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`927`	`927`	`/* Only visible in Windows High Contrast mode */`
`928`	`928`	`outline: 2px solid transparent;`
`929`	`929`	`}`