Merge pull request #200251 from microsoft/aiday/outputViewStickyScroll

Setting a different color for the output view

build/lib/stylelint/vscode-known-variables.json

@@ -458,6 +458,8 @@
 		"--vscode-notificationsErrorIcon-foreground",
 		"--vscode-notificationsInfoIcon-foreground",
 		"--vscode-notificationsWarningIcon-foreground",
+		"--vscode-outputEditor-background",
+		"--vscode-outputEditorStickyScroll-background",
 		"--vscode-panel-background",
 		"--vscode-panel-border",
 		"--vscode-panel-dropBorder",

src/vs/workbench/common/theme.ts

@@ -401,6 +401,24 @@ export const PANEL_SECTION_BORDER = registerColor('panelSection.border', {
 	hcLight: PANEL_BORDER
 }, localize('panelSectionBorder', "Panel section border color used when multiple views are stacked horizontally in the panel. Panels are shown below the editor area and contain views like output and integrated terminal. Panel sections are views nested within the panels."));
 
+// < --- Output Editor -->
+
+const OUTPUT_EDITOR_BACKGROUND = registerColor('outputEditor.background', {
+	dark: null,
+	light: null,
+	hcDark: null,
+	hcLight: null
+}, localize('outputEditorBackground', "Output editor background color."));
+
+
+registerColor('outputEditorStickyScroll.background', {
+	dark: OUTPUT_EDITOR_BACKGROUND,
+	light: OUTPUT_EDITOR_BACKGROUND,
+	hcDark: OUTPUT_EDITOR_BACKGROUND,
+	hcLight: OUTPUT_EDITOR_BACKGROUND
+}, localize('outputEditorStickyScrollBackground', "Output editor sticky scroll background color."));
+
+
 // < --- Banner --- >
 
 export const BANNER_BACKGROUND = registerColor('banner.background', {

src/vs/workbench/contrib/output/browser/output.css

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-workbench .part.panel > .content .pane-body.output-view .monaco-editor,
+.monaco-workbench .part.panel > .content .pane-body.output-view .monaco-editor .margin,
+.monaco-workbench .part.panel > .content .pane-body.output-view .monaco-editor .monaco-editor-background {
+	background-color: var(--vscode-outputEditor-background);
+}
+
+.monaco-workbench .part.panel > .content .pane-body.output-view .sticky-widget {
+	background-color: var(--vscode-outputEditorStickyScroll-background, var(--vscode-panel-background));
+}

src/vs/workbench/contrib/output/browser/outputView.ts

@@ -2,7 +2,7 @@
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
-
+import 'vs/css!./output';
 import * as nls from 'vs/nls';
 import { ICodeEditor } from 'vs/editor/browser/editorBrowser';
 import { IEditorOptions as ICodeEditorOptions } from 'vs/editor/common/config/editorOptions';