From 2e44d6a348fbbf047871bda4b4c5cc055d7d8e2b Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Mon, 2 Mar 2026 18:36:36 -0600 Subject: [PATCH 1/2] Modify active theme colors to fix empty div background Changes the active theme actions panel to have no background color to avoid possibility of empty background. --- src/wp-admin/css/themes.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index 41754ad235edf..e4e3b254ed172 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -253,11 +253,15 @@ body.js .theme-browser.search-loading { } .theme-browser .theme.active .theme-actions { - background: rgba(44, 51, 56, 0.7); + background: transparent; border-left: none; opacity: 1; } +.theme-browser .theme.active .theme-actions .button-primary { + border-color: #fff; +} + .theme-id-container { position: relative; } From b8588d4abc0715ae920ccbc62662e98a214e6dfc Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Wed, 4 Mar 2026 14:21:13 -0600 Subject: [PATCH 2/2] Remove box-shadow on active theme In the active theme, it's not even visible. --- src/wp-admin/css/customize-controls.css | 3 +++ src/wp-admin/css/themes.css | 3 +++ 2 files changed, 6 insertions(+) diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 7c3991243f7a2..f8c08e813f270 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -1747,6 +1747,9 @@ p.customize-section-description { .theme-browser .theme.active .theme-actions, .wp-customizer .theme-browser .theme .theme-actions { padding: 9px 15px; +} + +.theme-browser .theme:not(.active) .theme-actions { box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); } diff --git a/src/wp-admin/css/themes.css b/src/wp-admin/css/themes.css index e4e3b254ed172..82fca781dfc5b 100644 --- a/src/wp-admin/css/themes.css +++ b/src/wp-admin/css/themes.css @@ -273,6 +273,9 @@ body.js .theme-browser.search-loading { transform: translateY(-50%); right: 0; padding: 9px 12px; +} + +.theme-browser .theme:not(.active) .theme-actions { box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); }