Changeset 61831

Timestamp:

03/04/2026 08:42:55 PM (3 weeks ago)

Author:

joedolson

Message:

Themes: Remove background on active theme actions.

The background behind theme actions for the active theme was still visible when no actions were available, such as with a disabled customizer. Removing the background on this container improves the design of the active theme card by simplifying the layout and prevents the appearance of an error if no actions are available.

Remove background and inset box shadow for the .theme.active .theme-actions container on the active theme.

Props awetz583, huzaifaalmesbah, noruzzaman, shailu25, joedolson.
Fixes #64720.

Location:

trunk/src/wp-admin/css

Files:

• customize-controls.css (modified) (1 diff)
• themes.css (modified) (2 diffs)

trunk/src/wp-admin/css/customize-controls.css

@@ -1748 +1748 @@
 .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);
 }

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

@@ -254 +254 @@
 
 .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;
 }
 
@@ -270 +274 @@
     right: 0;
     padding: 9px 12px;
+}
+
+.theme-browser .theme:not(.active) .theme-actions {
     box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
 }