Terminal looks strange when dragged into side panel

[joyceerhl]

Does this issue occur when all extensions are disabled?: Yes/No

• VS Code Version: 1.62-insider
• OS Version: Windows 11

Steps to Reproduce:

1. Drag terminal tab into new side panel gated on workbench.experimental.sidePanel.enabled setting
2. Side panel background color and terminal area background color don't match up, so the terminal looks rather out of place in the side panel
   versus in the terminal area panel with a split container
   
3. There seems to be missing left padding so the terminal area is dedented relative to the chevron guide
   This is what it looks like in the terminal area panel by contrast
   

[gjsjohnmurray]

Maybe f9943ec will fix this. Please retest when you get the next Insiders build.

[Tyriar]

Looks like this should be working based on this:

vscode/src/vs/workbench/contrib/terminal/browser/terminalView.ts

Lines 262 to 267 in fae8d1f

	const panelBackgroundColor = theme.getColor(TERMINAL_BACKGROUND_COLOR) || theme.getColor(PANEL_BACKGROUND);
	collector.addRule(`.monaco-workbench .part.panel .pane-body.integrated-terminal .terminal-outer-container { background-color: ${panelBackgroundColor ? panelBackgroundColor.toString() : ''}; }`);
	const sidebarBackgroundColor = theme.getColor(TERMINAL_BACKGROUND_COLOR) || theme.getColor(SIDE_BAR_BACKGROUND);
	collector.addRule(`.monaco-workbench .part.sidebar .pane-body.integrated-terminal .terminal-outer-container { background-color: ${sidebarBackgroundColor ? sidebarBackgroundColor.toString() : ''}; }`);

[joyceerhl]

Hm, still looks like this in Insiders from 0f7f6e3

[sbatten]

@Tyriar that theming doesn't apply to the side panel which currently uses side bar theming. Right now the name of the part in css land is .part.auxiliarybar