From 94f26f3cbe919c160675a04402ee80c1aaf3c306 Mon Sep 17 00:00:00 2001 From: "Stephen A. Bernhardt" Date: Sat, 20 Jun 2026 00:27:14 -0500 Subject: [PATCH 1/2] Revert "Administration: Fix button active states in high contrast mode." This reverts commit 12cdc2c40c194ceb75f5e4eb796e79193b3c3333. --- src/wp-includes/css/buttons.css | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index 09457ce6a4dc5..cb6e18dbffcb8 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -194,7 +194,6 @@ TABLE OF CONTENTS: color: var(--wp-admin-theme-color-darker-20, #183ad6); border-color: var(--wp-admin-theme-color, #3858e9); box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20); - position: relative; } .wp-core-ui .button.active:focus { @@ -204,19 +203,6 @@ TABLE OF CONTENTS: box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); } -/* Only visible in Windows High Contrast mode */ -.wp-core-ui .button.active:before { - content: ""; - display: block; - position: absolute; - width: 100%; - height: 0; - border-top: 3px solid transparent; - bottom: 0; - left: 0; - box-sizing: border-box; -} - .wp-core-ui .button[disabled], .wp-core-ui .button:disabled, .wp-core-ui .button.disabled, From 1a2db39c44a293c8bfd7460f60d142876abe547e Mon Sep 17 00:00:00 2001 From: "Stephen A. Bernhardt" Date: Sat, 20 Jun 2026 00:35:07 -0500 Subject: [PATCH 2/2] Add transparent outline on button element, and increase width on focus --- src/wp-includes/css/buttons.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index cb6e18dbffcb8..967970a9ba461 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -194,6 +194,8 @@ TABLE OF CONTENTS: color: var(--wp-admin-theme-color-darker-20, #183ad6); border-color: var(--wp-admin-theme-color, #3858e9); box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20); + outline: 3px solid transparent; + outline-offset: -3px; } .wp-core-ui .button.active:focus { @@ -201,6 +203,7 @@ TABLE OF CONTENTS: color: var(--wp-admin-theme-color-darker-20, #183ad6); border-color: var(--wp-admin-theme-color-darker-20, #183ad6); box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); + outline-width: 4px; } .wp-core-ui .button[disabled],