Remove button-secondary class from Collapse link in theme installer; unify Collapse button styles in theme installer and Customize screen; add a border around the Collapse icon so it remains visible on dark backgrounds; move the color styles to colors-fresh. Fixes #26230.

Built from https://develop.svn.wordpress.org/trunk@26389


git-svn-id: http://core.svn.wordpress.org/trunk@26289 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/colors-fresh-rtl.css

@@ -1312,6 +1312,20 @@ table.widefat .spam a:hover {
 	color: #fff;
 }
 
+/* Collapse button in theme preview */
+
+.wp-full-overlay a.collapse-sidebar {
+	color: #777;
+}
+
+.wp-full-overlay a.collapse-sidebar:hover {
+	color: #0074a2;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow:before {
+	background: #eee;
+}
+
 /* Diff */
 
 table.diff .diff-deletedline del {

wp-admin/css/colors-fresh.css

@@ -1312,6 +1312,20 @@ table.widefat .spam a:hover {
 	color: #fff;
 }
 
+/* Collapse button in theme preview */
+
+.wp-full-overlay a.collapse-sidebar {
+	color: #777;
+}
+
+.wp-full-overlay a.collapse-sidebar:hover {
+	color: #0074a2;
+}
+
+.wp-full-overlay .collapse-sidebar-arrow:before {
+	background: #eee;
+}
+
 /* Diff */
 
 table.diff .diff-deletedline del {

wp-admin/css/customize-controls-rtl.css

@@ -222,18 +222,6 @@ body {
 	border-radius: !important 0;
 }
 
-.collapse-sidebar .collapse-sidebar-label {
-	color: #ccc;
-}
-
-.collapse-sidebar .collapse-sidebar-arrow:before {
-	color: #aaa;
-}
-
-.collapse-sidebar:hover .collapse-sidebar-label,
-.collapse-sidebar:hover .collapse-sidebar-arrow:before {
-	color: #0074a2;
-}
 
 .collapse-sidebar:active,
 .collapse-sidebar:active .collapse-sidebar-label,

wp-admin/css/customize-controls.css

@@ -222,18 +222,6 @@ body {
 	border-radius: 0 !important;
 }
 
-.collapse-sidebar .collapse-sidebar-label {
-	color: #ccc;
-}
-
-.collapse-sidebar .collapse-sidebar-arrow:before {
-	color: #aaa;
-}
-
-.collapse-sidebar:hover .collapse-sidebar-label,
-.collapse-sidebar:hover .collapse-sidebar-arrow:before {
-	color: #0074a2;
-}
 
 .collapse-sidebar:active,
 .collapse-sidebar:active .collapse-sidebar-label,

wp-admin/css/wp-admin-rtl.css

@@ -7561,6 +7561,7 @@ body.full-overlay-active {
 }
 
 .wp-full-overlay .collapse-sidebar-arrow:before {
+	border-radius: 50%;
 	float: right;
 	content: "\f148";
 	font: normal 20px/1 'dashicons';

wp-admin/css/wp-admin.css

@@ -7561,6 +7561,7 @@ body.full-overlay-active {
 }
 
 .wp-full-overlay .collapse-sidebar-arrow:before {
+	border-radius: 50%;
 	float: left;
 	content: "\f148";
 	font: normal 20px/1 'dashicons';

wp-admin/includes/class-wp-theme-install-list-table.php

@@ -262,7 +262,7 @@ class WP_Theme_Install_List_Table extends WP_Themes_List_Table {
 					<div class="install-theme-info"></div>
 				</div>
 				<div class="wp-full-overlay-footer">
-					<a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
+					<a href="#" class="collapse-sidebar" title="<?php esc_attr_e('Collapse Sidebar'); ?>">
 						<span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span>
 						<span class="collapse-sidebar-arrow"></span>
 					</a>