fix input border (microsoft#221713)

sandy081 · web-flow · commit 3cda378969bc · 2024-07-15T06:18:41.000-07:00
diff --git a/src/vs/workbench/contrib/userDataProfile/browser/userDataProfilesEditor.ts b/src/vs/workbench/contrib/userDataProfile/browser/userDataProfilesEditor.ts
@@ -23,7 +23,7 @@ import { IEditorGroup } from 'vs/workbench/services/editor/common/editorGroupsSe
 import { defaultUserDataProfileIcon, IProfileTemplateInfo, IUserDataProfileManagementService, PROFILE_FILTER } from 'vs/workbench/services/userDataProfile/common/userDataProfile';
 import { Orientation, Sizing, SplitView } from 'vs/base/browser/ui/splitview/splitview';
 import { Button, ButtonWithDropdown } from 'vs/base/browser/ui/button/button';
-import { defaultButtonStyles, defaultCheckboxStyles, defaultInputBoxStyles, defaultSelectBoxStyles } from 'vs/platform/theme/browser/defaultStyles';
+import { defaultButtonStyles, defaultCheckboxStyles, defaultInputBoxStyles, defaultSelectBoxStyles, getInputBoxStyle } from 'vs/platform/theme/browser/defaultStyles';
 import { registerColor } from 'vs/platform/theme/common/colorRegistry';
 import { PANEL_BORDER } from 'vs/workbench/common/theme';
 import { WorkbenchAsyncDataTree, WorkbenchList } from 'vs/platform/list/browser/listService';
@@ -55,6 +55,7 @@ import { AbstractUserDataProfileElement, isProfileResourceChildElement, isProfil
 import { WorkbenchToolBar } from 'vs/platform/actions/browser/toolbar';
 import { createInstantHoverDelegate } from 'vs/base/browser/ui/hover/hoverDelegateFactory';
 import { Codicon } from 'vs/base/common/codicons';
+import { settingsTextInputBorder } from 'vs/workbench/contrib/preferences/common/settingsEditorColorRegistry';
 
 export const profilesSashBorder = registerColor('profiles.sashBorder', PANEL_BORDER, localize('profilesSashBorder', "The color of the Profiles editor splitview sash border."));
 
@@ -484,7 +485,9 @@ class ProfileWidget extends Disposable {
 			this.nameContainer,
 			undefined,
 			{
-				inputBoxStyles: defaultInputBoxStyles,
+				inputBoxStyles: getInputBoxStyle({
+					inputBorder: settingsTextInputBorder
+				}),
 				ariaLabel: localize('profileName', "Profile Name"),
 				placeholder: localize('profileName', "Profile Name"),
 				validationOptions: {
