debug: add debugActionsWidget.css to reduce size of debug.contribution.css

src/vs/workbench/parts/debug/browser/debugActionsWidget.ts

@@ -3,6 +3,7 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+import 'vs/css!vs/workbench/parts/debug/browser/media/debugActionsWidget';
 import * as lifecycle from 'vs/base/common/lifecycle';
 import * as errors from 'vs/base/common/errors';
 import * as strings from 'vs/base/common/strings';

src/vs/workbench/parts/debug/browser/media/debug.contribution.css

@@ -81,96 +81,6 @@
 	box-sizing: border-box;
 }
 
-/* Actionbar actions */
-
-.monaco-workbench .debug-action.step-over,
-.monaco-workbench .debug-action.step-back {
-	background: url('step-over.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.step-into {
-	background: url('step-into.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.step-out {
-	background: url('step-out.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.step-back,
-.monaco-workbench .debug-action.reverse-continue {
-	transform: scaleX(-1);
-}
-
-.monaco-workbench .debug-action.continue,
-.monaco-workbench .debug-action.reverse-continue,
-.monaco-workbench .debug-action.start {
-	background: url('continue.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.restart {
-	background: url('restart.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.pause {
-	background: url('pause.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.stop {
-	background: url('stop.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.disconnect {
-	background: url('disconnect.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-action.clear-repl {
-	background: url('clear-repl.svg') center center no-repeat;
-}
-
-/* Actions Widget */
-
-.monaco-workbench .debug-actions-widget {
-	background-color: #F3F3F3;
-	box-shadow: 0 5px 8px #A8A8A8;
-	position: absolute;
-	top: 0;
-	z-index: 200;
-	height: 32px;
-	left: 50%;
-	margin-left: -96px;
-	display: flex;
-	padding-left: 7px;
-}
-
-.monaco-workbench .debug-actions-widget .monaco-action-bar .action-item.select-container {
-	margin-right: 7px;
-}
-
-.monaco-workbench .debug-actions-widget .monaco-action-bar .action-item .select-box {
-	background-color: initial;
-	margin-top: 6px;
-}
-
-.monaco-workbench .debug-actions-widget .drag-area {
-	cursor: -webkit-grab;
-	height: 32px;
-	width: 10px;
-	background: url('drag.svg') center center no-repeat;
-}
-
-.monaco-workbench .debug-actions-widget .drag-area.dragged {
-	cursor: -webkit-grabbing;
-}
-
-.monaco-workbench  .debug-actions-widget .monaco-action-bar .action-item > .action-label {
-	width: 32px;
-	height: 32px;
-	margin-right: 0;
-	background-size: 16px;
-	background-position: center center;
-	background-repeat: no-repeat;
-}
-
 /* Expressions */
 
 .monaco-workbench .monaco-tree-row .expression {
@@ -304,69 +214,8 @@
 	background: url('stackframe-and-breakpoint-dark.svg') center center no-repeat;
 }
 
-.vs-dark .monaco-workbench .debug-action.step-over,
-.vs-dark .monaco-workbench .debug-action.step-back,
-.hc-black .monaco-workbench .debug-action.step-over,
-.hc-black .monaco-workbench .debug-action.step-back {
-	background: url('step-over-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.step-into,
-.hc-black .monaco-workbench .debug-action.step-into {
-	background: url('step-into-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.step-out,
-.hc-black .monaco-workbench .debug-action.step-out {
-	background: url('step-out-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.continue,
-.vs-dark .monaco-workbench .debug-action.reverse-continue,
-.vs-dark .monaco-workbench .debug-action.start,
-.hc-black .monaco-workbench .debug-action.continue,
-.hc-black .monaco-workbench .debug-action.start,
-.hc-black .monaco-workbench .debug-action.reverse-continue {
-	background: url('continue-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.restart,
-.hc-black .monaco-workbench .debug-action.restart {
-	background: url('restart-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.pause,
-.hc-black .monaco-workbench .debug-action.pause {
-	background: url('pause-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.stop,
-.hc-black .monaco-workbench .debug-action.stop {
-	background: url('stop-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.disconnect,
-.hc-black .monaco-workbench .debug-action.disconnect {
-	background: url('disconnect-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-action.clear-repl,
-.hc-black .monaco-workbench .debug-action.clear-repl {
-	background: url('clear-repl-inverse.svg') center center no-repeat;
-}
-
-.vs-dark .monaco-workbench .debug-actions-widget {
-	background-color: #333;
-	box-shadow: 0 5px 8px #000;
-}
-
 /* High Contrast Theming */
 
 .hc-black .monaco-workbench .monaco-tree-row:not(.selected) .expression .name {
 	color: inherit;
 }
-
-.hc-black .monaco-workbench .debug-actions-widget {
-	background-color: #333;
-	box-shadow: 0 5px 8px #000;
-}
\ No newline at end of file

src/vs/workbench/parts/debug/browser/media/debugActionsWidget.css

+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Debug actions widget */
+
+.monaco-workbench .debug-actions-widget {
+	background-color: #F3F3F3;
+	box-shadow: 0 5px 8px #A8A8A8;
+	position: absolute;
+	top: 0;
+	z-index: 200;
+	height: 32px;
+	left: 50%;
+	margin-left: -96px;
+	display: flex;
+	padding-left: 7px;
+}
+
+.monaco-workbench .debug-actions-widget .monaco-action-bar .action-item.select-container {
+	margin-right: 7px;
+}
+
+.monaco-workbench .debug-actions-widget .monaco-action-bar .action-item .select-box {
+	background-color: initial;
+	margin-top: 6px;
+}
+
+.monaco-workbench .debug-actions-widget .drag-area {
+	cursor: -webkit-grab;
+	height: 32px;
+	width: 10px;
+	background: url('drag.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .drag-area.dragged {
+	cursor: -webkit-grabbing;
+}
+
+.monaco-workbench  .debug-actions-widget .monaco-action-bar .action-item > .action-label {
+	width: 32px;
+	height: 32px;
+	margin-right: 0;
+	background-size: 16px;
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget,
+.hc-black .monaco-workbench .debug-actions-widget {
+	background-color: #333;
+	box-shadow: 0 5px 8px #000;
+}
+
+/* Debug actionbar actions */
+
+.monaco-workbench .debug-actions-widget .debug-action.step-over,
+.monaco-workbench .debug-actions-widget .debug-action.step-back {
+	background: url('step-over.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.step-into {
+	background: url('step-into.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.step-out {
+	background: url('step-out.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.step-back,
+.monaco-workbench .debug-actions-widget .debug-action.reverse-continue {
+	transform: scaleX(-1);
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.continue,
+.monaco-workbench .debug-actions-widget .debug-action.reverse-continue {
+	background: url('continue.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.restart {
+	background: url('restart.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.pause {
+	background: url('pause.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.stop {
+	background: url('stop.svg') center center no-repeat;
+}
+
+.monaco-workbench .debug-actions-widget .debug-action.disconnect {
+	background: url('disconnect.svg') center center no-repeat;
+}
+
+/* Dark and hc theme actions */
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-over,
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-back,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-over,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-back {
+	background: url('step-over-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-into,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-into {
+	background: url('step-into-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.step-out,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.step-out {
+	background: url('step-out-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.continue,
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.reverse-continue,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.continue,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.reverse-continue {
+	background: url('continue-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.restart,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.restart {
+	background: url('restart-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.pause,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.pause {
+	background: url('pause-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.stop,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.stop {
+	background: url('stop-inverse.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-actions-widget .debug-action.disconnect,
+.hc-black .monaco-workbench .debug-actions-widget .debug-action.disconnect {
+	background: url('disconnect-inverse.svg') center center no-repeat;
+}

src/vs/workbench/parts/debug/browser/media/debugViewlet.css

@@ -41,6 +41,15 @@
 	background: url('repl-inverse.svg') center center no-repeat;
 }
 
+.monaco-workbench .debug-action.start {
+	background: url('continue.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-action.start,
+.hc-black .monaco-workbench .debug-action.start {
+	background: url('continue-inverse.svg') center center no-repeat;
+}
+
 /* Debug viewlet trees */
 
 .debug-viewlet .monaco-tree .monaco-tree-row > .content {

src/vs/workbench/parts/debug/browser/media/repl.css

@@ -131,6 +131,19 @@
 	line-height: 18px;
 }
 
+/* Actions */
+
+.monaco-workbench .debug-action.clear-repl {
+	background: url('clear-repl.svg') center center no-repeat;
+}
+
+.vs-dark .monaco-workbench .debug-action.clear-repl,
+.hc-black .monaco-workbench .debug-action.clear-repl {
+	background: url('clear-repl-inverse.svg') center center no-repeat;
+}
+
+/* Output coloring */
+
 .vs .monaco-workbench .repl .repl-tree .monaco-tree .monaco-tree-row > .content > .output.expression > .warn {
 	color: #cd9731;
 }