Admin: Update focus styles to match design reskin.

joedolson · joedolson · commit 5600a3395e88 · 2026-02-16T17:23:02.000Z
Apply design reskin changes to focus states on links, classic editor, media library, and other omitted contexts. See also [61645]. Props joedolson, fabiankaegy. Fixes #64644. git-svn-id: https://develop.svn.wordpress.org/trunk@61652 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
@@ -280,7 +280,8 @@ a:focus .media-icon img,
 a:focus .plugin-icon,
 .wp-person a:focus .gravatar {
 	color: #043959;
-	box-shadow: 0 0 0 2px #2271b1;
+	border-radius: 2px;
+	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;
 }
@@ -826,7 +827,7 @@ img.emoji {
 .tagchecklist .ntdelbutton .remove-tag-icon:before {
 	margin-left: 2px;
 	border-radius: 50%;
-	color: #2271b1;
+	color: var(--wp-admin-theme-color, #3858e9);
 	/* vertically center the icon cross browsers */
 	line-height: 1.28;
 }
@@ -843,7 +844,7 @@ img.emoji {
 }
 
 .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -2511,7 +2512,7 @@ h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
 
 .accordion-section-title button.accordion-trigger:focus,
 .nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	outline: 2px solid transparent;
 }
 
@@ -3333,7 +3334,7 @@ img {
 .postbox .handle-order-higher:focus,
 .postbox .handle-order-lower:focus,
 .postbox .handlediv:focus {
-	box-shadow: inset 0 0 0 2px #2271b1;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
 	border-radius: 50%;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -3680,7 +3681,7 @@ img {
 }
 
 .widget-top .widget-action:focus .toggle-indicator:before {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
@@ -1654,7 +1654,7 @@ p.customize-section-description {
 }
 
 .customize-control-header .choice:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -2819,7 +2819,8 @@ body.adding-widget .add-new-widget:before,
 
 #available-widgets-filter .clear-results:focus,
 #available-menu-items-search .clear-results:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	border-radius: 2px;
+	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;
 }
diff --git a/src/wp-admin/css/customize-nav-menus.css b/src/wp-admin/css/customize-nav-menus.css
@@ -878,7 +878,7 @@ li.assigned-to-menu-location .add-new-menu-item {
 .menu-delete:focus,
 .menu-item-bar .item-delete:focus:before,
 #available-menu-items .item-add:focus:before {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css
@@ -1329,7 +1329,7 @@ div.tabs-panel-inactive {
 }
 
 div.tabs-panel-active:focus {
-	box-shadow: inset 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/install.css b/src/wp-admin/css/install.css
@@ -26,7 +26,8 @@ a:active {
 
 a:focus {
 	color: #043959;
-	box-shadow: 0 0 0 2px #2271b1;
+	border-radius: 2px;
+	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;
 }
diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css
@@ -538,7 +538,7 @@ th.sorted.desc:hover .sorting-indicator.asc:before {
 }
 
 .wp-list-table .toggle-row:focus:before {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -653,7 +653,8 @@ th.sorted a {
 
 th.sortable a:focus,
 th.sorted a:focus {
-	box-shadow: inset 0 0 0 2px #2271b1;
+	border-radius: 2px;
+	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;
 }
diff --git a/src/wp-admin/css/login.css b/src/wp-admin/css/login.css
@@ -32,7 +32,7 @@ a:active {
 
 a:focus {
 	color: #043959;
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
@@ -341,11 +341,11 @@
 
 #find-posts-close:hover,
 #find-posts-close:focus {
-	color: #135e96;
+	color: var(--wp-admin-theme-color-darker-20, #183ad6);
 }
 
 #find-posts-close:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 	outline-offset: -2px;
@@ -524,7 +524,7 @@ border color while dragging a file over the uploader drop area */
 .media-frame.mode-grid .attachment:focus,
 .media-frame.mode-grid .selected.attachment:focus,
 .media-frame.mode-grid .attachment.details:focus {
-	box-shadow: inset 0 0 0 2px #2271b1;
+	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;
 	outline-offset: -6px;
@@ -539,7 +539,7 @@ border color while dragging a file over the uploader drop area */
 .media-frame.mode-grid .attachment.details {
 	box-shadow:
 		inset 0 0 0 3px #f0f0f1,
-		inset 0 0 0 7px #4f94d4;
+		inset 0 0 0 7px var(--wp-admin-theme-color, #3858e9);
 }
 
 .media-frame.mode-grid.mode-select .attachment .thumbnail {
diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css
@@ -755,7 +755,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 }
 
 .nav-menus-php .item-edit:focus:before {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/revisions.css b/src/wp-admin/css/revisions.css
@@ -482,7 +482,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {
 .wp-slider .ui-slider-handle.ui-state-focus {
 	background: #f0f0f1;
 	border-color: #8c8f94;
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css
@@ -198,12 +198,12 @@ body.js .theme-browser.search-loading {
 }
 
 .theme-browser .theme .more-details:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 }
 
 .theme-browser .theme.focus {
-	border-color: #2271b1;
-	box-shadow: 0 0 0 1px #2271b1;
+	border-color: var(--wp-admin-theme-color);
+	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;
 }
@@ -1648,7 +1648,7 @@ body.full-overlay-active {
 
 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
 .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css
@@ -336,7 +336,7 @@
 }
 
 .sidebar-name .handlediv:focus .toggle-indicator:before {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css
@@ -87,7 +87,7 @@
 
 .mce-window-head .mce-close:focus .mce-i-remove,
 div.mce-tab:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -113,8 +113,8 @@ div.mce-tab:focus {
 .mce-textbox.mce-focus,
 .mce-checkbox:focus i.mce-i-checkbox,
 #wp-link .query-results:focus {
-	border-color: #4f94d4;
-	box-shadow: 0 0 0 2px #2271b1;
+	border-color: var(--wp-admin-theme-color-darker-10, #2145e6);
+	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;
 }
@@ -413,7 +413,7 @@ div.mce-path {
 .qt-dfw:focus {
 	background: #f6f7f7;
 	color: #1d2327;
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -538,7 +538,7 @@ div.mce-path {
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -638,7 +638,7 @@ div.mce-menubar {
 
 .mce-menubar .mce-menubtn:focus {
 	color: #043959;
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 }
@@ -1166,7 +1166,7 @@ i.mce-i-wp_code:before {
 }
 
 .wp-switch-editor:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 	color: #1d2327;
@@ -1469,11 +1469,11 @@ i.mce-i-wp_code:before {
 
 #wp-link-close:hover,
 #wp-link-close:focus {
-	color: #135e96;
+	color: var(--wp-admin-theme-color-darker-20, #183ad6);
 }
 
 #wp-link-close:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 	outline-offset: -2px;
diff --git a/src/wp-includes/css/jquery-ui-dialog.css b/src/wp-includes/css/jquery-ui-dialog.css
@@ -312,7 +312,7 @@
 }
 
 .ui-button.ui-dialog-titlebar-close:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 	outline-offset: -2px;
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
@@ -45,7 +45,8 @@
 }
 
 .media-frame a:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	border-radius: 2px;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	color: #043959;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -688,7 +689,7 @@
 }
 
 .media-menu .media-menu-item:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	color: #043959;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -741,7 +742,7 @@
 }
 
 .media-router .media-menu-item:focus {
-	box-shadow: 0 0 0 2px #2271b1;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	color: #043959;
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
@@ -999,7 +1000,7 @@
 .wp-core-ui .attachment.details:focus {
 	box-shadow:
 		inset 0 0 2px 3px #fff,
-		inset 0 0 0 7px #4f94d4;
+		inset 0 0 0 7px var(--wp-admin-theme-color, #3858e9);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 	outline-offset: -6px;
@@ -1014,7 +1015,7 @@
 .wp-core-ui .attachment.details {
 	box-shadow:
 		inset 0 0 0 3px #fff,
-		inset 0 0 0 7px #2271b1;
+		inset 0 0 0 7px var(--wp-admin-theme-color-darker-20, #183ad6);
 }
 
 .wp-core-ui .attachment-preview {
@@ -1173,10 +1174,10 @@
 .wp-core-ui .attachment.details .check,
 .wp-core-ui .attachment.selected .check:focus,
 .wp-core-ui .media-frame.mode-grid .attachment.selected .check {
-	background-color: #2271b1;
+	background-color: var(--wp-admin-theme-color, #3858e9);
 	box-shadow:
 		0 0 0 1px #fff,
-		0 0 0 2px #2271b1;
+		0 0 0 2px var(--wp-admin-theme-color, #3858e9);
 }
 
 .wp-core-ui .attachment.selected .check:focus {
@@ -2148,8 +2149,8 @@
 }
 
 .mejs-container:focus {
-	outline: 1px solid #2271b1;
-	box-shadow: 0 0 0 2px #2271b1;
+	outline: 1px solid 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);
 }
 
 .image-details .media-modal {
diff --git a/src/wp-includes/css/wp-embed-template.css b/src/wp-includes/css/wp-embed-template.css
@@ -217,7 +217,7 @@ p.wp-embed-heading {
 
 .wp-embed-share-dialog-open:focus .dashicons,
 .wp-embed-share-dialog-close:focus .dashicons {
-	box-shadow: 0 0 0 2px #2271b1;
+	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;
 	border-radius: 100%;
diff --git a/src/wp-includes/functions.php b/src/wp-includes/functions.php
@@ -3970,7 +3970,7 @@ function _default_wp_die_handler( $message, $title = '', $args = array() ) {
 		}
 		a:focus {
 			color: #043959;
-			box-shadow: 0 0 0 2px #2271b1;
+			box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 			outline: 2px solid transparent;
 		}
 		.button {

Original file line number	Diff line number	Diff line change
`@@ -1654,7 +1654,7 @@ p.customize-section-description {`
`1654`	`1654`	`}`
`1655`	`1655`
`1656`	`1656`	`.customize-control-header .choice:focus {`
`1657`		`- box-shadow: 0 0 0 2px #2271b1;`
	`1657`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`1658`	`1658`	`/* Only visible in Windows High Contrast mode */`
`1659`	`1659`	`outline: 2px solid transparent;`
`1660`	`1660`	`}`
`@@ -2819,7 +2819,8 @@ body.adding-widget .add-new-widget:before,`
`2819`	`2819`
`2820`	`2820`	`#available-widgets-filter .clear-results:focus,`
`2821`	`2821`	`#available-menu-items-search .clear-results:focus {`
`2822`		`- box-shadow: 0 0 0 2px #2271b1;`
	`2822`	`+ border-radius: 2px;`
	`2823`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`2823`	`2824`	`/* Only visible in Windows High Contrast mode */`
`2824`	`2825`	`outline: 2px solid transparent;`
`2825`	`2826`	`}`
Original file line number	Diff line number	Diff line change
`@@ -878,7 +878,7 @@ li.assigned-to-menu-location .add-new-menu-item {`
`878`	`878`	`.menu-delete:focus,`
`879`	`879`	`.menu-item-bar .item-delete:focus:before,`
`880`	`880`	`#available-menu-items .item-add:focus:before {`
`881`		`- box-shadow: 0 0 0 2px #2271b1;`
	`881`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`882`	`882`	`/* Only visible in Windows High Contrast mode */`
`883`	`883`	`outline: 2px solid transparent;`
`884`	`884`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1329,7 +1329,7 @@ div.tabs-panel-inactive {`
`1329`	`1329`	`}`
`1330`	`1330`
`1331`	`1331`	`div.tabs-panel-active:focus {`
`1332`		`- box-shadow: inset 0 0 0 2px #2271b1;`
	`1332`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`1333`	`1333`	`/* Only visible in Windows High Contrast mode */`
`1334`	`1334`	`outline: 2px solid transparent;`
`1335`	`1335`	`}`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,8 @@ a:active {`
`26`	`26`
`27`	`27`	`a:focus {`
`28`	`28`	`color: #043959;`
`29`		`- box-shadow: 0 0 0 2px #2271b1;`
	`29`	`+ border-radius: 2px;`
	`30`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`30`	`31`	`/* Only visible in Windows High Contrast mode */`
`31`	`32`	`outline: 2px solid transparent;`
`32`	`33`	`}`
Original file line number	Diff line number	Diff line change
`@@ -538,7 +538,7 @@ th.sorted.desc:hover .sorting-indicator.asc:before {`
`538`	`538`	`}`
`539`	`539`
`540`	`540`	`.wp-list-table .toggle-row:focus:before {`
`541`		`- box-shadow: 0 0 0 2px #2271b1;`
	`541`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`542`	`542`	`/* Only visible in Windows High Contrast mode */`
`543`	`543`	`outline: 2px solid transparent;`
`544`	`544`	`}`
`@@ -653,7 +653,8 @@ th.sorted a {`
`653`	`653`
`654`	`654`	`th.sortable a:focus,`
`655`	`655`	`th.sorted a:focus {`
`656`		`- box-shadow: inset 0 0 0 2px #2271b1;`
	`656`	`+ border-radius: 2px;`
	`657`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`657`	`658`	`/* Only visible in Windows High Contrast mode */`
`658`	`659`	`outline: 2px solid transparent;`
`659`	`660`	`}`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ a:active {`
`32`	`32`
`33`	`33`	`a:focus {`
`34`	`34`	`color: #043959;`
`35`		`- box-shadow: 0 0 0 2px #2271b1;`
	`35`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`36`	`36`	`/* Only visible in Windows High Contrast mode */`
`37`	`37`	`outline: 2px solid transparent;`
`38`	`38`	`}`
Original file line number	Diff line number	Diff line change
`@@ -755,7 +755,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; }`
`755`	`755`	`}`
`756`	`756`
`757`	`757`	`.nav-menus-php .item-edit:focus:before {`
`758`		`- box-shadow: 0 0 0 2px #2271b1;`
	`758`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`759`	`759`	`/* Only visible in Windows High Contrast mode */`
`760`	`760`	`outline: 2px solid transparent;`
`761`	`761`	`}`
Original file line number	Diff line number	Diff line change
`@@ -482,7 +482,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle {`
`482`	`482`	`.wp-slider .ui-slider-handle.ui-state-focus {`
`483`	`483`	`background: #f0f0f1;`
`484`	`484`	`border-color: #8c8f94;`
`485`		`- box-shadow: 0 0 0 2px #2271b1;`
	`485`	`+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);`
`486`	`486`	`/* Only visible in Windows High Contrast mode */`
`487`	`487`	`outline: 2px solid transparent;`
`488`	`488`	`}`