Remove location specifc color in remote explorer

Fixes #95705

src/vs/workbench/contrib/remote/browser/explorerViewItems.ts

@@ -11,7 +11,6 @@ import { SelectActionViewItem } from 'vs/base/browser/ui/actionbar/actionbar';
 import { IThemeService } from 'vs/platform/theme/common/themeService';
 import { attachSelectBoxStyler, attachStylerCallback } from 'vs/platform/theme/common/styler';
 import { IContextViewService } from 'vs/platform/contextview/browser/contextView';
-import { SIDE_BAR_BACKGROUND } from 'vs/workbench/common/theme';
 import { selectBorder } from 'vs/platform/theme/common/colorRegistry';
 import { IRemoteExplorerService, REMOTE_EXPLORER_TYPE_KEY } from 'vs/workbench/services/remote/common/remoteExplorerService';
 import { ISelectOptionItem } from 'vs/base/browser/ui/selectBox/selectBox';
@@ -40,9 +39,7 @@ export class SwitchRemoteViewItem extends SelectActionViewItem {
 		@IStorageService private readonly storageService: IStorageService
 	) {
 		super(null, action, optionsItems, 0, contextViewService, { ariaLabel: nls.localize('remotes', 'Switch Remote') });
-		this._register(attachSelectBoxStyler(this.selectBox, themeService, {
-			selectBackground: SIDE_BAR_BACKGROUND
-		}));
+		this._register(attachSelectBoxStyler(this.selectBox, themeService));
 
 		this.setSelectionForConnection(optionsItems, environmentService, remoteExplorerService);
 	}

src/vs/workbench/contrib/remote/browser/media/remoteViewlet.css

@@ -57,5 +57,5 @@
 }
 
 .monaco-workbench .part > .title > .title-actions .switch-remote > .monaco-select-box {
-	padding: 0 22px 0 6px;
+	padding: 1px 22px 2px 6px;
 }