debugHover.css

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

.monaco-editor .debug-hover-widget {
	position: absolute;
	margin-top: -1px;
	cursor: default;
	z-index: 50;
	animation-duration: 0.15s;
	animation-name: fadeIn;
	user-select: text;
	word-break: break-all;
	padding: 4px 5px;
}

.monaco-editor .debug-hover-widget .complex-value {
	width: 324px;
}

.monaco-editor .debug-hover-widget .complex-value .title {
	padding-left: 15px;
	padding-right: 2px;
	font-size: 11px;
	word-break: normal;
	text-overflow: ellipsis;
	height: 18px;
	overflow: hidden;
	border-bottom: 1px solid rgba(128, 128, 128, 0.35);
}

.monaco-editor .debug-hover-widget .debug-hover-tree {
	line-height: 18px;
}

.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-row > .content {
	user-select: text;
	white-space: pre;
}

/* Disable tree highlight in debug hover tree. */
.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused)  {
	background-color: inherit;
}

.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-rows > .monaco-tree-row {
	cursor: default;
}

.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-rows > .monaco-tree-row.has-children {
	cursor: pointer;
}

.monaco-editor .debug-hover-widget pre {
	margin-top: 0;
	margin-bottom: 0;
}

.monaco-editor .debugHoverHighlight {
	background-color: rgba(173, 214, 255, 0.15);
}

.monaco-editor .debug-hover-widget .value {
	white-space: pre-wrap;
	color: rgba(108, 108, 108, 0.8);
	overflow: auto;
	max-height: 500px;
}

.monaco-editor .debug-hover-widget .error {
	color: #E51400;
}

.monaco-editor .debug-hover-widget .value.number {
	color: #09885A;
}

.monaco-editor .debug-hover-widget .value.boolean {
	color: #0000FF;
}

.monaco-editor .debug-hover-widget .value.string {
	color: #A31515;
}

/* Dark theme */

.monaco-editor.vs-dark .debug-hover-widget .value,
.monaco-editor.hc-black .debug-hover-widget .value {
	color: rgba(204, 204, 204, 0.6);
}

.monaco-editor.vs-dark .debug-hover-widget .error,
.monaco-editor.hc-black .debug-hover-widget .error {
	color: #F48771;
}

.monaco-editor.vs-dark .debug-hover-widget .value.number,
.monaco-editor.hc-black .debug-hover-widget .value.number {
	color: #B5CEA8;
}

.monaco-editor.vs-dark .debug-hover-widget .value.boolean,
.monaco-editor.hc-black .debug-hover-widget .value.boolean {
	color: #4E94CE;
}

.monaco-editor.vs-dark .debug-hover-widget .value.string,
.monaco-editor.hc-black .debug-hover-widget .value.string {
	color: #CE9178;
}

.monaco-editor.vs-dark .debugHoverHighlight,
.monaco-editor.hc-theme .debugHoverHighlight {
	background-color: rgba(38, 79, 120, 0.25);
}