Changeset 62942 for trunk/src/wp-admin/css/forms.css

Timestamp:

07/30/2026 01:57:41 PM (11 days ago)

Author:

afercia

Message:

Administration: Improve consistency of the focus style across the admin.

After the admin reskin in WordPress 7.0, the focus style for various elements in the admin was slightly inconsistent especially regarding the overall border plus box-shadow thickness.
This change aims to fix most of the cases found and it's a consistency improvement over what it's in WordPress 7.0.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/12601

Props iamchitti, afercia.
Fixes #65645.

File:

• trunk/src/wp-admin/css/forms.css (modified) (2 diffs)

trunk/src/wp-admin/css/forms.css

@@ -659 +659 @@
         border-color: var(--wp-admin-theme-color);
         border-radius: 2px;
-        box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+        box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;
@@ -737 +737 @@
 #pass1:focus,
 #pass1-text:focus {
-        box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
+        box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
+        border-color: var(--wp-admin-theme-color, #3858e9);
         /* Only visible in Windows High Contrast mode */
         outline: 2px solid transparent;