debug.contribution.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Activity Bar */
.monaco-workbench > .activitybar .monaco-action-bar .action-label.debug {
	background-image: url('debug.svg');
}

.monaco-editor .debug-top-stack-frame-line {
	background: rgba(255, 255, 0, 0.35);
}

.monaco-editor .debug-top-stack-frame-exception-line {
	background: rgba(242, 222, 222, 0.7);
}

.monaco-editor .debug-top-stack-frame-column {
	background: rgba(255, 200, 0, 0.2);
}

.monaco-editor .debug-focused-stack-frame-line {
	background: rgba(206, 231, 206, 0.45);
}

.monaco-editor .debug-breakpoint-hint-glyph {
	background: url('breakpoint-hint.svg') center center no-repeat;
}

.monaco-editor .debug-breakpoint-disabled-glyph,
.monaco-editor .debug-breakpoint-column.debug-breakpoint-disabled-glyph-column::before {
	background: url('breakpoint-disabled.svg') center center no-repeat;
}

.monaco-editor .debug-breakpoint-unverified-glyph,
.monaco-editor .debug-breakpoint-column.debug-breakpoint-unverified-glyph-column::before {
	background: url('breakpoint-unverified.svg') center center no-repeat;
}

.monaco-editor .debug-top-stack-frame-glyph {
	background: url('current-arrow.svg') center center no-repeat;
}

.monaco-editor .debug-focused-stack-frame-glyph {
	background: url('stackframe-arrow.svg') center center no-repeat;
}

.monaco-editor .debug-breakpoint-glyph,
.monaco-editor .debug-breakpoint-column.debug-breakpoint-glyph-column::before {
	background: url('breakpoint.svg') center center no-repeat;
}

.monaco-editor .debug-breakpoint-column::before {
	content: " ";
	width: 0.9em;
	height: 0.8em;
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px;
	background-size: 110% !important;
	background-position: initial !important;
}

.monaco-editor .debug-breakpoint-conditional-glyph,
.monaco-editor .debug-breakpoint-column.debug-breakpoint-conditional-glyph-column::before {
	background: url('breakpoint-conditional.svg') center center no-repeat;
}

.monaco-editor .debug-breakpoint-unsupported-glyph,
.monaco-editor .debug-breakpoint-column.debug-breakpoint-unsupported-glyph-column::before {
	background: url('breakpoint-unsupported.svg') center center no-repeat;
}

.monaco-editor .debug-top-stack-frame-glyph.debug-breakpoint-glyph,
.monaco-editor .debug-top-stack-frame-glyph.debug-breakpoint-conditional-glyph {
	background: url('current-and-breakpoint.svg') center center no-repeat;
}

.monaco-editor .debug-focused-stack-frame-glyph.debug-breakpoint-glyph,
.monaco-editor .debug-focused-stack-frame-glyph.debug-breakpoint-conditional-glyph {
	background: url('stackframe-and-breakpoint.svg') center center no-repeat;
}

/* Status */
.monaco-workbench.debugging > .part.statusbar {
	background: #CC6633 !important;
}

/* Error editor */
.debug-error-editor:focus {
	outline: none !important;
}

.debug-error-editor {
	padding: 5px 0 0 10px;
	box-sizing: border-box;
}

/* Expressions */

.monaco-workbench .monaco-tree-row .expression {
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace, "Droid Sans Fallback";
}

.monaco-workbench.mac .monaco-tree-row .expression {
	font-size: 11px;
}

.monaco-workbench.windows .monaco-tree-row .expression,
.monaco-workbench.linux .monaco-tree-row .expression {
	font-size: 13px;
}

.monaco-workbench .monaco-tree-row .expression .value {
	margin-left: 6px;
}

.monaco-workbench .monaco-tree-row:not(.selected) .expression .name {
	color: #9B46B0;
}

.monaco-workbench > .monaco-tree-row:not(.selected) .expression .value {
	color: rgba(108, 108, 108, 0.8);
}

.monaco-workbench .monaco-tree-row .expression .unavailable {
	font-style: italic;
}

.monaco-workbench .monaco-tree-row:not(.selected) .expression .error {
	color: #E51400;
}

.monaco-workbench .monaco-tree-row:not(.selected) .expression .value.number {
	color: #09885A;
}

.monaco-workbench .monaco-tree-row:not(.selected) .expression .value.boolean {
	color: #0000FF;
}

.monaco-workbench .monaco-tree-row:not(.selected) .expression .value.string {
	color: #A31515;
}

.vs-dark .monaco-workbench  > .monaco-tree-row:not(.selected) .expression .value {
	color: rgba(204, 204, 204, 0.6);
}

.vs-dark .monaco-workbench  .monaco-tree-row:not(.selected) .expression .error {
	color: #F48771;
}

.vs-dark .monaco-workbench  .monaco-tree-row:not(.selected) .expression .value.number {
	color: #B5CEA8;
}

.vs-dark .monaco-workbench  .monaco-tree-row:not(.selected) .expression .value.boolean {
	color: #4E94CE;
}

.vs-dark .monaco-workbench  .monaco-tree-row:not(.selected) .expression .value.string {
	color: #CE9178;
}

.hc-black .monaco-workbench .monaco-tree-row:not(.selected) .expression .error {
	color: #F48771;
}

/* Dark theme */

.vs-dark .monaco-workbench .monaco-tree-row:not(.selected) .expression .name {
	color: #C586C0;
}

.monaco-editor.vs-dark .debug-focused-stack-frame-line {
	background: rgba(122, 189, 122, 0.3);
}

.monaco-editor.vs-dark .debug-top-stack-frame-line {
	background: rgba(255, 255, 0, 0.20);
}

.monaco-editor.vs-dark .debug-top-stack-frame-exception-line {
	background-color: rgba(90, 29, 29, 0.6);
}

.monaco-editor.vs-dark .debug-top-stack-frame-column {
	background: rgba(255, 255, 0, 0.15);
}

.monaco-editor.vs-dark .debug-breakpoint-glyph,
.monaco-editor.vs-dark .debug-breakpoint-column.debug-breakpoint-glyph-column::before {
	background: url('breakpoint-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-breakpoint-conditional-glyph,
.monaco-editor.vs-dark .debug-breakpoint-column.debug-breakpoint-conditional-glyph-column::before {
	background: url('breakpoint-conditional-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-breakpoint-unsupported-glyph,
.monaco-editor.vs-dark .debug-breakpoint-column.debug-breakpoint-unsupported-glyph-column::before {
	background: url('breakpoint-unsupported-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-breakpoint-disabled-glyph,
.monaco-editor.vs-dark .debug-breakpoint-column.debug-breakpoint-disabled-glyph-column::before {
	background: url('breakpoint-disabled-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-breakpoint-unverified-glyph,
.monaco-editor.vs-dark .debug-breakpoint-column.debug-breakpoint-unverified-glyph-column::before {
	background: url('breakpoint-unverified-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-top-stack-frame-glyph {
	background: url('current-arrow-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-focused-stack-frame-glyph {
	background: url('stackframe-arrow-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-top-stack-frame-glyph.debug-breakpoint-glyph,
.monaco-editor.vs-dark .debug-top-stack-frame-glyph.debug-breakpoint-conditional-glyph {
	background: url('current-and-breakpoint-dark.svg') center center no-repeat;
}

.monaco-editor.vs-dark .debug-focused-stack-frame-glyph.debug-breakpoint-glyph,
.monaco-editor.vs-dark .debug-focused-stack-frame-glyph.debug-breakpoint-conditional-glyph {
	background: url('stackframe-and-breakpoint-dark.svg') center center no-repeat;
}

/* High Contrast Theming */

.hc-black .monaco-workbench .monaco-tree-row:not(.selected) .expression .name {
	color: inherit;
}

.hc-black .monaco-editor .debug-top-stack-frame-line {
	background: rgba(255, 246, 0, .87);
	mix-blend-mode: lighten; /* Preserves text selection's contrast */
}