/*--------------------------------------------------------------------------------------------- * 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 { /* Inline icon to prevent slow loading on startup (original: debug.svg) */ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5pY29uLWNhbnZhcy10cmFuc3BhcmVudHtvcGFjaXR5OjA7ZmlsbDojRjZGNkY2O30gLmljb24td2hpdGV7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJpY29uLWNhbnZhcy10cmFuc3BhcmVudCIgZD0iTTMyIDMySDBWMGgzMnYzMnoiIGlkPSJjYW52YXMiLz48ZyBpZD0iaWNvbkJnIj48cGF0aCBjbGFzcz0iaWNvbi13aGl0ZSIgZD0iTTE3IDE5LjQ4OHY0LjI0OGMwIC40NjIuMDkgMS4yNjQtLjM3MyAxLjI2NEgxNXYtMWgxdi0zLjE5bC0uMTczLS4xOGMtMS40NTMgMS4yMDUtMy41MjggMS4yNDgtNC42Ny4xMDhDMTAgMTkuNTc4IDEwLjExOCAxOCAxMS4zNzYgMTZIOHYxSDd2LTEuNjI3QzcgMTQuOTEgNy44MDIgMTUgOC4yNjQgMTVoNC4xMDVMMTcgMTkuNDg4ek0xNCA5aC0xVjhoMS45NTVjLjQ2IDAgMS4wNDUuMjIgMS4wNDUuNjgydjMuMzQ1bC43MzYuODc1Yy4xOC0uOTczLjg5LTEuNzEgMS45MTQtMS43MS4xNDMgMCAuMzUuMDE0LjM1LjA0VjloMXYyLjYxOGMwIC4xMTcuMjY1LjM4Mi4zODIuMzgySDIzdjFoLTIuMjMzYy4wMjcgMCAuMDQyLjE1NC4wNDIuMjk4IDAgMS4wMjUtLjc0IDEuNzUzLTEuNzEyIDEuOTMybC44NzUuNzdIMjMuMzE4Yy40NjIgMCAuNjgyLjU4My42ODIgMS4wNDVWMTloLTF2LTFoLTIuNTJMMTQgMTEuNjk4Vjl6TTE2IDRDOS4zNzMgNCA0IDkuMzczIDQgMTZzNS4zNzMgMTIgMTIgMTIgMTItNS4zNzMgMTItMTJTMjIuNjI3IDQgMTYgNHptMTAgMTJjMCAyLjM5Ny0uODUgNC42LTIuMjYyIDYuMzI0TDkuNjc2IDguMjYyQzExLjQgNi44NSAxMy42MDIgNiAxNiA2YzUuNTE0IDAgMTAgNC40ODYgMTAgMTB6TTYgMTZjMC0yLjM5OC44NS00LjYgMi4yNjItNi4zMjRMMjIuMzI0IDIzLjc0QzIwLjYgMjUuMTUgMTguMzk3IDI2IDE2IDI2Yy01LjUxNCAwLTEwLTQuNDg2LTEwLTEweiIvPjwvZz48L3N2Zz4='); } .debug-viewlet-paused-label > .badge-content { background-color: #007ACC; } .debug-viewlet-paused-label > .badge-content:before { border: 3px solid white; border-top: none; border-bottom: none; content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 2px; height: 8px; } .debug-viewlet-running-label > .badge-content { background-color: #007ACC; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMiAyIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDIgMiAxNCAxNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTZjLTMuODYgMC03LTMuMTQtNy03czMuMTQtNyA3LTdjMy44NTkgMCA3IDMuMTQxIDcgN3MtMy4xNDEgNy03IDd6bTAtMTIuNmMtMy4wODggMC01LjYgMi41MTMtNS42IDUuNnMyLjUxMiA1LjYgNS42IDUuNiA1LjYtMi41MTIgNS42LTUuNi0yLjUxMi01LjYtNS42LTUuNnptMy44NiA3LjFsLTMuMTYtMS44OTZ2LTMuODA0aC0xLjR2NC41OTZsMy44NCAyLjMwNS43Mi0xLjIwMXoiLz48L3N2Zz4="); background-position: center center; background-repeat: no-repeat; } .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, 255, 0, 0.7); } .monaco-editor .debug-focused-stack-frame-line { background: rgba(206, 231, 206, 0.45); } .monaco-editor .debug-breakpoint-glyph-hint { background: url('breakpoint-hint.svg') center center no-repeat; } .monaco-editor .debug-breakpoint-glyph-disabled { background: url('breakpoint-disabled.svg') center center no-repeat; } .monaco-editor .debug-breakpoint-glyph-unverified { 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 { background: url('breakpoint.svg') center center no-repeat; } .monaco-editor .debug-breakpoint-conditional-glyph { background: url('breakpoint-conditional.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; } /* Panel */ .monaco-workbench.debugging > .part.panel > .title { border-top-color: #CC6633 } /* Actionbar actions */ .monaco-workbench .debug-action.configure { background: url('configure.svg') center center no-repeat; } .monaco-workbench .debug-action.toggle-repl { background: url('repl.svg') center center no-repeat; } .monaco-workbench .debug-action.step-over { 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.continue { background: url('continue.svg') center center no-repeat; } .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.attach { background: url('attach.svg') center center no-repeat; } .monaco-workbench .debug-action.stop { background: url('stop.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 2px 8px #A8A8A8; position: absolute; z-index: 200; height: 32px; padding-top: 3px; left: 50%; margin-left: -96px; } .monaco-workbench .debug-actions-widget > .monaco-action-bar .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 { overflow: hidden; text-overflow: ellipsis; white-space: pre; font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace, "Droid Sans Fallback"; } .monaco-workbench .monaco-tree-row .expression.mac { font-size: 11px; } .monaco-workbench .monaco-tree-row .expression.win-linux { 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; } .monaco-workbench.vs-dark > .monaco-tree-row:not(.selected) .expression .value { color: rgba(204, 204, 204, 0.6); } .monaco-workbench.vs-dark .monaco-tree-row:not(.selected) .expression .error { color: #F48771; } .monaco-workbench.vs-dark .monaco-tree-row:not(.selected) .expression .value.number { color: #B5CEA8; } .monaco-workbench.vs-dark .monaco-tree-row:not(.selected) .expression .value.boolean { color: #4E94CE; } .monaco-workbench.vs-dark .monaco-tree-row:not(.selected) .expression .value.string { color: #CE9178; } .monaco-workbench.hc-black .monaco-tree-row:not(.selected) .expression .error { color: #F48771; } /* Dark theme */ .monaco-workbench.vs-dark .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 { background: url('breakpoint-dark.svg') center center no-repeat; } .monaco-editor.vs-dark .debug-breakpoint-conditional-glyph { background: url('breakpoint-conditional-dark.svg') center center no-repeat; } .monaco-editor.vs-dark .debug-breakpoint-glyph-disabled { background: url('breakpoint-disabled-dark.svg') center center no-repeat; } .monaco-editor.vs-dark .debug-breakpoint-glyph-unverified { 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; } .monaco-workbench.vs-dark .debug-action.configure { background: url('configure-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.toggle-repl { background: url('repl-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.step-over { background: url('step-over-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.step-into { background: url('step-into-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.step-out { background: url('step-out-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.continue { background: url('continue-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.start { background: url('continue-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.restart { background: url('restart-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.pause { background: url('pause-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.stop { background: url('stop-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-action.clear-repl { background: url('clear-repl-inverse.svg') center center no-repeat; } .monaco-workbench.vs-dark .debug-actions-widget { background-color: #333; box-shadow: 0 2px 8px #000; } /* High Contrast Theming */ .monaco-workbench.hc-black .monaco-tree-row:not(.selected) .expression .name { color: inherit; } .monaco-workbench.hc-black > .activitybar .monaco-action-bar .action-label.debug:before { content: url('debug.svg'); } .monaco-workbench.hc-black .debug-action { background: none; } .monaco-workbench.hc-black .debug-action:before { position: absolute; top: 12px; left: 8px; height: 16px; width: 16px; } .monaco-workbench.hc-black .debug-action.toggle-repl:before { content: url('repl-inverse.svg'); } .monaco-workbench.hc-black .debug-actions-widget { background-color: #333; box-shadow: 0 2px 8px #000; } .monaco-workbench.hc-black .debug-action.step-over { background: url('step-over-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.step-into { background: url('step-into-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.step-out { background: url('step-out-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.continue { background: url('continue-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.start { background: url('continue-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.restart { background: url('restart-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.pause { background: url('pause-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.stop { background: url('stop-inverse.svg') center center no-repeat; } .monaco-workbench.hc-black .debug-action.clear-repl { background: url('clear-repl-inverse.svg') center center no-repeat; }