Change:
Repro: Use a theme that has the editor as a different color to the panel Print a json object to an output channel !
Hi thank you for posting this issue. It is a bit unclear from the screen-shot what the expected output should be. Are you referring to what looks like the terminal sticky scroll?
that's output (monaco) sticky scroll, not terminal. The bottom has a dark sticky scroll color and looks odd when the panel background is different to the editor.
I see better now thanks. I'll look into setting a different background color depending on if the editor is a simple one or inside of the output view.
I am investigating how to detect if a specific editor is the editor in the output view. I was initially considering looking at the classList to find if or is there, but the editor dom node class list appears to be undefined for the output view. I was wondering if there is perhaps another way to detect this?
I am not aware of a method to get the editor of the output view, but it should be easy to add: Is that what you need?
Ah maybe I can directly access the editor of the output view pane and verify that the current editor is equal to this editor maybe?
But you are inside an editor contribution or? Not sure how that would work given layering violations.
Yes that's right the change would be inside of the file which is a contribution. I'll think more about how to detect the type of the current editor
Not sure if it helps, but we can control the options we pass in to the editor for output and do so here:
It's a bit of a tricky problem if you want this to work well across all themes. You probably need to support null or transparent values for the bg and hover bg keys and then resolve the colors manually into opaque colors by combining them with the bg color underneath. This might be the right internal API to do that?
I was investigating the uri of the output editor, and noticed it has a scheme equal to 'output'. I can just use it in order to detect if the current editor is an output view editor and change the background accordingly.

Discussion:
"--vscode-notificationsErrorIcon-foreground", "--vscode-notificationsInfoIcon-foreground", "--vscode-notificationsWarningIcon-foreground", <ins> "--vscode-outputEditor-background", "--vscode-outputEditorStickyScroll-background", </ins> "--vscode-panel-background", "--vscode-panel-border", "--vscode-panel-dropBorder",

"--zoom-factor", "--test-bar-width" ] <del> } </del>  No newline at end of file <ins> } </ins>

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.")); <ins> // < --- 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.")); </ins> // < --- Banner --- > export const BANNER_BACKGROUND = registerColor('banner.background', {

<ins> /*--------------------------------------------------------------------------------------------- *  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)); } </ins>

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