Change:
The select box in the panel header should have a white background: ! This is similar to the recent breakage with the simple editor widget background color in SCM and extensions views.
To Verify: to an obvious color. that terminal and output select boxes are using these when they are in their default locations in panel.

Discussion:
*  Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ <del> .monaco-workbench .part > .title > .title-actions .switch-output  { </del> <ins> .monaco-workbench .part.sidebar > .title > .title-actions .switch-output, .monaco-pane-view .pane > .pane-header .monaco-action-bar .switch-output { border-width: 1px; border-style: solid; } .part.panel > .title > .title-actions .switch-output > .monaco-select-box { border-width: 1px; border-style: solid; } .monaco-workbench .part.sidebar > .title > .title-actions .switch-output  { </ins> display: flex; align-items: center; font-size: 11px;

margin-top: 7px; } <del> .monaco-workbench.mac .part > .title > .title-actions .switch-output { </del> <ins> .monaco-workbench.mac .part.sidebar > .title > .title-actions .switch-output { </ins> border-radius: 4px; } <del> .monaco-workbench .part > .title > .title-actions .switch-output > .monaco-select-box { </del> <ins> .monaco-workbench .part.sidebar > .title > .title-actions .switch-output > .monaco-select-box { </ins> border: none !important; display: block !important; background-color: unset !important;

border: none !important; } <del> .monaco-workbench .part > .title > .title-actions .switch-output > .monaco-select-box { </del> <ins> .monaco-workbench .part.sidebar > .title > .title-actions .switch-output > .monaco-select-box { </ins> padding: 0 22px 0 6px; }

super.render(container); addClass(container, 'switch-output'); this._register(attachStylerCallback(this.themeService, { selectBorder }, colors => { <del> container.style.border = colors.selectBorder ? `1px solid ${colors.selectBorder}` : ''; </del> <ins> container.style.borderColor = colors.selectBorder ? `${colors.selectBorder}` : ''; </ins> })); }

transform: rotate(-90deg); } <del> .monaco-workbench .part > .title > .title-actions .switch-terminal  { </del> <ins> .monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal, .monaco-pane-view .pane > .pane-header .monaco-action-bar .switch-terminal { border-width: 1px; border-style: solid; } .part.panel > .title > .title-actions .switch-terminal > .monaco-select-box { border-width: 1px; border-style: solid; } .monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal  { </ins> display: flex; align-items: center; font-size: 11px;

margin-top: 7px; } <del> .monaco-workbench.mac .part > .title > .title-actions .switch-terminal { </del> <ins> .monaco-workbench.mac .part.sidebar > .title > .title-actions .switch-terminal { </ins> border-radius: 4px; } <del> .monaco-workbench .part > .title > .title-actions .switch-terminal > .monaco-select-box { </del> <ins> .monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal > .monaco-select-box { </ins> border: none !important; display: block !important; background-color: unset !important;

border: none !important; } <del> .monaco-workbench .part > .title > .title-actions .switch-terminal > .monaco-select-box { </del> <ins> .monaco-workbench .part.sidebar > .title > .title-actions .switch-terminal > .monaco-select-box { </ins> padding: 0 22px 0 6px; }

super.render(container); addClass(container, 'switch-terminal'); this._register(attachStylerCallback(this.themeService, { selectBorder }, colors => { <del> container.style.border = colors.selectBorder ? `1px solid ${colors.selectBorder}` : ''; </del> <ins> container.style.borderColor = colors.selectBorder ? `${colors.selectBorder}` : ''; </ins> })); }