From 2e6a256799737a6946c175598e2aee62214a4432 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 16 Feb 2026 14:55:25 -0600 Subject: [PATCH 1/6] Widget colors & alignments --- src/wp-admin/css/widgets.css | 8 +++++++- src/wp-admin/includes/widgets.php | 1 - src/wp-admin/widgets-form.php | 5 ++--- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/src/wp-admin/css/widgets.css b/src/wp-admin/css/widgets.css index e4777451b42f9..99039d3c7c66a 100644 --- a/src/wp-admin/css/widgets.css +++ b/src/wp-admin/css/widgets.css @@ -582,6 +582,12 @@ div#widgets-right .closed .widgets-sortables { padding: 0 15px; } +.widget-control-actions { + display: flex; + align-items: center; + justify-content: space-between; +} + .editwidget .widget-control-actions { margin-top: 20px; } @@ -724,7 +730,7 @@ div#widgets-right .widget-top:hover, } .widgets-chooser .widgets-chooser-selected .widgets-chooser-button { - background: #2271b1; + background: var(--wp-admin-theme-color, #3858e9); color: #fff; } diff --git a/src/wp-admin/includes/widgets.php b/src/wp-admin/includes/widgets.php index d4a370a1a37f5..e751602866b0d 100644 --- a/src/wp-admin/includes/widgets.php +++ b/src/wp-admin/includes/widgets.php @@ -303,7 +303,6 @@ function wp_widget_control( $sidebar_args ) { 'widget-' . esc_attr( $id_format ) . '-savewidget' ) ); ?> -
diff --git a/src/wp-admin/widgets-form.php b/src/wp-admin/widgets-form.php index 0f841d90434d6..85ace96796555 100644 --- a/src/wp-admin/widgets-form.php +++ b/src/wp-admin/widgets-form.php @@ -343,7 +343,7 @@
-
+
@@ -353,14 +353,13 @@
-
+
-
From befec3445155f86bcf8357b449e0342bd1d57ad1 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 16 Feb 2026 14:55:35 -0600 Subject: [PATCH 2/6] Screen options & Help toggle focus --- src/wp-admin/css/common.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 0a3f9f8ba9a2b..679205a9820f1 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -1894,8 +1894,8 @@ p.auto-update-status { } #screen-meta-links .show-settings: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; } From 648eaeaf33751b04398001ffd520c06d96650317 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 16 Feb 2026 14:59:46 -0600 Subject: [PATCH 3/6] Admin skip links --- src/wp-admin/css/common.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 679205a9820f1..8eaed3f025503 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -155,8 +155,8 @@ font-weight: 600; padding: 15px 23px 14px; /* Background and color set to prevent false positives in automated accessibility tests. */ - background: #f0f0f1; - color: #2271b1; + background: #ffffff; + color: var(--wp-admin-theme-color, #3858e9); z-index: 100000; line-height: normal; } @@ -164,8 +164,8 @@ .screen-reader-shortcut:focus { top: -25px; /* Overrides a:focus in the admin. See ticket #56789. */ - color: #2271b1; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + 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); text-decoration: none; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; From 94335c11627c58494f80d1b3c386e17ff9aaf17f Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 16 Feb 2026 15:02:10 -0600 Subject: [PATCH 4/6] Focus ring clipped by overflow This isn't technically overlooked by the admin reskin; but I don't believe this overflow property serves any purpose, and should be removed. --- src/wp-admin/css/nav-menus.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/wp-admin/css/nav-menus.css b/src/wp-admin/css/nav-menus.css index b5d96cd7477d5..472abb10617bf 100644 --- a/src/wp-admin/css/nav-menus.css +++ b/src/wp-admin/css/nav-menus.css @@ -221,7 +221,6 @@ input.bulk-select-switcher:focus + .bulk-select-button-label { .menu-settings-group { margin: 0 0 10px; - overflow: hidden; padding-left: 20%; } From 507866db4452cbd498616bf7ada14807a56424d8 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 16 Feb 2026 15:11:17 -0600 Subject: [PATCH 5/6] Customizer preview buttons --- src/wp-includes/css/customize-preview.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/wp-includes/css/customize-preview.css b/src/wp-includes/css/customize-preview.css index 6bdf302672f25..ec9fd946d0a64 100644 --- a/src/wp-includes/css/customize-preview.css +++ b/src/wp-includes/css/customize-preview.css @@ -44,7 +44,7 @@ line-height: 1 !important; font-size: 18px; z-index: 5; - background: #3582c4 !important; + background: #3858e9; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15); @@ -76,11 +76,11 @@ } .customize-partial-edit-shortcut button:hover { - background: #4f94d4 !important; /* matches primary buttons */ + background: #2145e6 !important; /* matches primary buttons */ } .customize-partial-edit-shortcut button:focus { - box-shadow: 0 0 0 2px #4f94d4; + box-shadow: 0 0 0 1.5px #3858e9; } body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button { From 7cd3aa340d5cd237b8427009ae6e4f9d3fad5f32 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 16 Feb 2026 15:11:48 -0600 Subject: [PATCH 6/6] File editor: focus state on files in treeview --- src/wp-admin/css/common.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 8eaed3f025503..bbdc3821b635c 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -3445,7 +3445,7 @@ img { /* Reset default focus style. */ box-shadow: none; /* Use an inset outline instead, so it's visible also over the current file item. */ - outline: 2px solid #2271b1; + outline: 2px solid var(--wp-admin-theme-color, #3858e9); outline-offset: -2px; }