extensions status bar: bring back icon

src/vs/workbench/parts/extensions/electron-browser/extensions.contribution.ts

@@ -3,7 +3,7 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-import 'vs/css!./extensions';
+import 'vs/css!./media/extensions';
 import platform = require('vs/platform/platform');
 import { registerSingleton } from 'vs/platform/instantiation/common/extensions';
 import statusbar = require('vs/workbench/browser/parts/statusbar/statusbar');
@@ -25,5 +25,5 @@ registerSingleton(IGalleryService, GalleryService);
 (<statusbar.IStatusbarRegistry>platform.Registry.as(statusbar.Extensions.Statusbar)).registerStatusbarItem(new statusbar.StatusbarItemDescriptor(
 	ExtensionsStatusbarItem,
 	statusbar.StatusbarAlignment.LEFT,
-	10 /* Low Priority */
+	10000
 ));

src/vs/workbench/parts/extensions/electron-browser/extensionsWidgets.ts

@@ -39,8 +39,6 @@ export class ExtensionsStatusbarItem implements statusbar.IStatusbarItem {
 		this.domNode = append(container, $('a.extensions-statusbar'));
 		this.domNode.onclick = () => this.onClick();
 
-		append(this.domNode, $('span.octicon.octicon-package'));
-
 		_(this.extensionService.onReady()).done(() => {
 			const status = this.extensionService.getExtensionsStatus();
 			const errors = Object.keys(status)

src/vs/workbench/parts/extensions/electron-browser/media/extensions-status.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g id="iconBg">
+	<path class="st0" d="M12.9,47.1H30V60H0V0h25.7v12.9H12.9V47.1z M17.1,42.9h25.7V17.1H17.1V42.9z M30,0v12.9h8.6V8.6h12.9v12.9
+		h-4.3V30H60V0H30z M47.1,47.1H34.3V60H60V34.3H47.1V47.1z"/>
+</g>
+</svg>

src/vs/workbench/parts/extensions/electron-browser/extensions.css → src/vs/workbench/parts/extensions/electron-browser/media/extensions.css

@@ -135,26 +135,21 @@
 
 /* Status bar */
 .monaco-shell .extensions-statusbar {
-	padding: 0 4px;
-}
-
-.monaco-shell .extensions-statusbar span:not(:first-child) {
-	padding-left: 4px;
-}
-
-.monaco-shell .extensions-statusbar > .octicon {
 	position: relative;
-	font-size: 14px;
+	padding: 0 5px;
+	width: 14px;
+	background: url('extensions-status.svg') center center no-repeat;
+	background-size: 14px;
 }
 
-.monaco-shell .extensions-statusbar.has-errors > .octicon::after {
+.monaco-shell .extensions-statusbar.has-errors::after {
 	content: '';
 	width: 6px;
 	height: 6px;
 	background-color: #CC6633;
 	position: absolute;
-	top: 0;
-	right: 0;
+	top: 2px;
+	right: 3px;
 	border-radius: 10px;
 	border: 1px solid white;
 }