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.

git-svn-id: https://develop.svn.wordpress.org/trunk@61831 602fd350-edb4-49c9-b593-d223f7449a82

Author: joedolson

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);
 }
 

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;
 }
@@ -269,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);
 }