Change:
Perhaps due to semi-opaque color being applied to multiple layers within the input: <img width="210" alt="CleanShot 2022-12-15 at 11 28 11 src="https://user-"<img width="289" alt="CleanShot 2022-12-15 at 11 28 23 src="https://user-"
The source control message input background does not seem to use color customization at all.
I saw it in there, but it's a fairly complex component under the hood and (I think) multiple layers of the component use it. Because the color is semi-opaque it's appearing brighter than it should be after mixing with one layer with another.
You can reproduce & verify that the colour is not applied to this particular input by setting color customization in your settings JSON to a bright red: Observe all other inputs having bright red backgrounds but the commit message input background still having the same background as the surrounding panel's background.
This is what I am seeing with the built-in theme, it looks like it completely blends with the panel's background. For me this is happening with all themes, built-in & third-party - the input's background inherits the panel's background and cannot be customised at all. !
It works for me. I don't see the behavior you do with a transparent background. I'm also noting that you have a different typeface used for the placeholder. That leads me to believe there is something else going on. Are you using any extensions that manipulate VS Code e.g. customize UI? <img width="314" alt="CleanShot 2022-12-15 at 13 26 22 src="https://user-"In any case this will be fixed by . I'd recommend opening up a separate issue for your specific problem.
It works for me too when I place SCM panel to the left sidebar, but when SCM panel is placed to the right sidebar then background colour theming is ignored on the input. I do not see this problem mentioned in . ! !
That one I can indeed repro. Can you file a new issue for that?
Done! Submitted as .

Discussion:
} .scm-view .scm-editor-container .monaco-editor { <del> border-radius: 2px !important; </del> <ins> border-radius: 2px; </ins> } .scm-view .scm-editor-container .monaco-editor .focused .selected-text {

.scm-view .scm-editor-container { position: relative; box-sizing: border-box; <del> padding: 1px; outline-offset: -1px; outline: 1px solid var(--vscode-input-border); </del> <ins> background-color: var(--vscode-input-background); border: 1px solid var(--vscode-input-border, transparent); </ins> border-radius: 2px; }

position: absolute; pointer-events: none; z-index: 1; <del> padding: 3px 6px; </del> <ins> padding: 2px 6px; </ins> box-sizing: border-box; width: 100%; overflow: hidden;

.scm-view .scm-editor-container .monaco-editor, .scm-view .scm-editor-container .monaco-editor .margin { color: inherit; <del> background-color: var(--vscode-input-background); </del> <ins> background-color: unset </ins> } .scm-view .scm-editor-container .mtk1 {

fontFamily: fontFamily, wrappingStrategy: 'advanced', wrappingIndent: 'none', <del> padding: { top: 3, bottom: 3 }, </del> <ins> padding: { top: 2, bottom: 2 }, </ins> quickSuggestions: false, scrollbar: { alwaysConsumeMouseWheel: false }, overflowWidgetsDomNode,

/* NOTE: height is also used in searchWidget.ts as a constant*/ .search-view .search-widget .monaco-inputbox > .ibwrapper > textarea.input { overflow: initial; <del> height: 24px; /* set initial height before measure */ </del> <ins> height: 26px; /* set initial height before measure */ </ins> } .search-view .search-widget .monaco-findInput .monaco-scrollable-element .scrollbar {

import { defaultInputBoxStyles, defaultToggleStyles } from 'vs/platform/theme/browser/defaultStyles'; /** Specified in searchview.css */ <del> const SingleLineInputHeight = 24; </del> <ins> const SingleLineInputHeight = 26; </ins> export interface ISearchWidgetOptions { value?: string;

/* NOTE: height is also used in searchWidget.ts as a constant*/ .search-editor .search-widget .monaco-inputbox > .ibwrapper > textarea.input { overflow: initial; <del> height: 24px; /* set initial height before measure */ </del> <ins> height: 26px; /* set initial height before measure */ </ins> } .search-editor .monaco-inputbox > .ibwrapper > textarea.input {