rhamt-vscode-extension/resources/bar.css

RHAMT VSCode extension

/*---------------------------------------------------------------------------------------------
 *  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-toolbar {
	position: absolute;
	z-index: 200;
	height: 32px;
	display: flex;
	padding-left: 7px;
}

.monaco-workbench .debug-toolbar .monaco-action-bar .action-item {
	height: 32px;
}

.monaco-workbench .debug-toolbar .monaco-action-bar .action-item.select-container {
	margin-right: 7px;
}

.monaco-workbench .debug-toolbar .drag-area {
	cursor: -webkit-grab;
	height: 32px;
	width: 16px;
	background: url('drag.svg') center center no-repeat;
	background-size: 16px 16px;
}

.monaco-workbench .debug-toolbar .drag-area.dragged {
	cursor: -webkit-grabbing;
}

.monaco-workbench  .debug-toolbar .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;
}

/* Debug actionbar actions */

.monaco-workbench .debug-action.step-over,
.monaco-workbench .debug-action.step-back {
	background-image: url('step-over.svg');
}

.monaco-workbench .debug-action.step-into {
	background-image: url('step-into.svg');
}

.monaco-workbench .debug-action.step-out {
	background-image: url('step-out.svg');
}

.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 {
	background-image: url('continue.svg');
}

.monaco-workbench .debug-action.restart {
	background-image: url('restart.svg');
}

.monaco-workbench .debug-action.pause {
	background-image: url('pause.svg');
}

.monaco-workbench .debug-action.stop {
	background-image: url('stop.svg');
}

.monaco-workbench .debug-action.disconnect {
	background-image: url('disconnect.svg');
}

/* Dark and hc theme actions */

.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-image: url('step-over-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.step-into,
.hc-black .monaco-workbench .debug-action.step-into {
	background-image: url('step-into-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.step-out,
.hc-black .monaco-workbench .debug-action.step-out {
	background-image: url('step-out-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.continue,
.vs-dark .monaco-workbench .debug-action.reverse-continue,
.hc-black .monaco-workbench .debug-action.continue,
.hc-black .monaco-workbench .debug-action.reverse-continue {
	background-image: url('continue-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.restart,
.hc-black .monaco-workbench .debug-action.restart {
	background-image: url('restart-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.pause,
.hc-black .monaco-workbench .debug-action.pause {
	background-image: url('pause-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.stop,
.hc-black .monaco-workbench .debug-action.stop {
	background-image: url('stop-inverse.svg');
}

.vs-dark .monaco-workbench .debug-action.disconnect,
.hc-black .monaco-workbench .debug-action.disconnect {
	background-image: url('disconnect-inverse.svg');
}