lighter style for app sidebar, new switcher style

core/css/apps.css

@@ -440,8 +440,10 @@
 	left: auto;
 	bottom: 0;
 	width: 27%;
+	min-width: 250px;
 	display: block;
-	background: #eee;
+	background: #fff;
+	border-left: 1px solid #eee;
 	-webkit-transition: margin-right 300ms;
 	-moz-transition: margin-right 300ms;
 	-o-transition: margin-right 300ms;
@@ -600,47 +602,31 @@ em {
 /* generic tab styles */
 .tabHeaders {
 	margin: 15px;
-	background-color: #1D2D44;
 }
-
 .tabHeaders .tabHeader {
 	float: left;
-	border: 1px solid #ddd;
 	padding: 5px;
 	cursor: pointer;
-	background-color: #f8f8f8;
-	font-weight: bold;
 }
 .tabHeaders .tabHeader, .tabHeaders .tabHeader a {
 	color: #888;
 }
-
-.tabHeaders .tabHeader:first-child {
-	border-top-left-radius: 4px;
-	border-bottom-left-radius: 4px;
-}
-
-.tabHeaders .tabHeader:last-child {
-	border-top-right-radius: 4px;
-	border-bottom-right-radius: 4px;
+.tabHeaders .tabHeader.selected {
+	font-weight: 600;
 }
-
 .tabHeaders .tabHeader.selected,
 .tabHeaders .tabHeader:hover {
-	background-color: #e8e8e8;
+	border-bottom: 1px solid #333;
 }
-
 .tabHeaders .tabHeader.selected,
 .tabHeaders .tabHeader.selected a,
 .tabHeaders .tabHeader:hover,
 .tabHeaders .tabHeader:hover a {
 	color: #000;
 }
-
 .tabsContainer {
 	clear: left;
 }
-
 .tabsContainer .tab {
 	padding: 15px;
 }