fixes #96264

extensions/git/package.json

@@ -278,6 +278,11 @@
         "title": "%command.checkout%",
         "category": "Git"
       },
+      {
+        "command": "git.checkoutDetached",
+        "title": "%command.checkoutDetached%",
+        "category": "Git"
+      },
       {
         "command": "git.branch",
         "title": "%command.branch%",

extensions/git/package.nls.json

@@ -46,6 +46,7 @@
 	"command.restoreCommitTemplate": "Restore Commit Template",
 	"command.undoCommit": "Undo Last Commit",
 	"command.checkout": "Checkout to...",
+	"command.checkoutDetached": "Checkout to (Detached)...",
 	"command.branch": "Create Branch...",
 	"command.branchFrom": "Create Branch From...",
 	"command.deleteBranch": "Delete Branch...",

extensions/git/src/commands.ts

@@ -31,14 +31,14 @@ class CheckoutItem implements QuickPickItem {
 
 	constructor(protected ref: Ref) { }
 
-	async run(repository: Repository): Promise<void> {
+	async run(repository: Repository, opts?: { detached?: boolean }): Promise<void> {
 		const ref = this.ref.name;
 
 		if (!ref) {
 			return;
 		}
 
-		await repository.checkout(ref);
+		await repository.checkout(ref, opts);
 	}
 }
 
@@ -114,31 +114,21 @@ class RebaseItem implements QuickPickItem {
 }
 
 class CreateBranchItem implements QuickPickItem {
-
-	constructor(private cc: CommandCenter) { }
-
 	get label(): string { return '$(plus) ' + localize('create branch', 'Create new branch...'); }
 	get description(): string { return ''; }
-
 	get alwaysShow(): boolean { return true; }
-
-	async run(repository: Repository): Promise<void> {
-		await this.cc.branch(repository);
-	}
 }
 
 class CreateBranchFromItem implements QuickPickItem {
-
-	constructor(private cc: CommandCenter) { }
-
 	get label(): string { return '$(plus) ' + localize('create branch from', 'Create new branch from...'); }
 	get description(): string { return ''; }
-
 	get alwaysShow(): boolean { return true; }
+}
 
-	async run(repository: Repository): Promise<void> {
-		await this.cc.branch(repository);
-	}
+class CheckoutDetachedItem implements QuickPickItem {
+	get label(): string { return '$(debug-disconnect) ' + localize('checkout detached', 'Checkout detached...'); }
+	get description(): string { return ''; }
+	get alwaysShow(): boolean { return true; }
 }
 
 class HEADItem implements QuickPickItem {
@@ -1739,20 +1729,43 @@ export class CommandCenter {
 	}
 
 	@command('git.checkout', { repository: true })
-	async checkout(repository: Repository, treeish: string): Promise<boolean> {
+	async checkout(repository: Repository, treeish?: string): Promise<boolean> {
 		if (typeof treeish === 'string') {
 			await repository.checkout(treeish);
 			return true;
 		}
 
-		const createBranch = new CreateBranchItem(this);
-		const createBranchFrom = new CreateBranchFromItem(this);
-		const picks = [createBranch, createBranchFrom, ...createCheckoutItems(repository)];
-		const placeHolder = localize('select a ref to checkout', 'Select a ref to checkout');
+		return this._checkout(repository);
+	}
+
+	@command('git.checkoutDetached', { repository: true })
+	async checkoutDetached(repository: Repository, treeish?: string): Promise<boolean> {
+		if (typeof treeish === 'string') {
+			await repository.checkout(treeish, { detached: true });
+			return true;
+		}
+
+		return this._checkout(repository, { detached: true });
+	}
+
+	private async _checkout(repository: Repository, opts?: { detached?: boolean }): Promise<boolean> {
+		const createBranch = new CreateBranchItem();
+		const createBranchFrom = new CreateBranchFromItem();
+		const checkoutDetached = new CheckoutDetachedItem();
+		const picks: QuickPickItem[] = [];
+
+		if (!opts?.detached) {
+			picks.push(createBranch, createBranchFrom, checkoutDetached);
+		}
+
+		picks.push(...createCheckoutItems(repository));
 
 		const quickpick = window.createQuickPick();
 		quickpick.items = picks;
-		quickpick.placeholder = placeHolder;
+		quickpick.placeholder = opts?.detached
+			? localize('select a ref to checkout detached', 'Select a ref to checkout in detached mode')
+			: localize('select a ref to checkout', 'Select a ref to checkout');
+
 		quickpick.show();
 
 		const choice = await new Promise<QuickPickItem | undefined>(c => quickpick.onDidAccept(() => c(quickpick.activeItems[0])));
@@ -1766,8 +1779,10 @@ export class CommandCenter {
 			await this._branch(repository, quickpick.value);
 		} else if (choice === createBranchFrom) {
 			await this._branch(repository, quickpick.value, true);
+		} else if (choice === checkoutDetached) {
+			return this._checkout(repository, { detached: true });
 		} else {
-			await (choice as CheckoutItem).run(repository);
+			await (choice as CheckoutItem).run(repository, opts);
 		}
 
 		return true;

extensions/git/src/git.ts

@@ -1299,13 +1299,17 @@ export class Repository {
 		await this.run(['update-index', add, '--cacheinfo', mode, hash, path]);
 	}
 
-	async checkout(treeish: string, paths: string[], opts: { track?: boolean } = Object.create(null)): Promise<void> {
+	async checkout(treeish: string, paths: string[], opts: { track?: boolean, detached?: boolean } = Object.create(null)): Promise<void> {
 		const args = ['checkout', '-q'];
 
 		if (opts.track) {
 			args.push('--track');
 		}
 
+		if (opts.detached) {
+			args.push('--detach');
+		}
+
 		if (treeish) {
 			args.push(treeish);
 		}

extensions/git/src/repository.ts

@@ -1087,8 +1087,8 @@ export class Repository implements Disposable {
 		await this.run(Operation.DeleteTag, () => this.repository.deleteTag(name));
 	}
 
-	async checkout(treeish: string): Promise<void> {
-		await this.run(Operation.Checkout, () => this.repository.checkout(treeish, []));
+	async checkout(treeish: string, opts?: { detached?: boolean }): Promise<void> {
+		await this.run(Operation.Checkout, () => this.repository.checkout(treeish, [], opts));
 	}
 
 	async checkoutTracking(treeish: string): Promise<void> {

src/vs/workbench/contrib/debug/browser/debugToolBar.ts

@@ -366,7 +366,7 @@ registerThemingParticipant((theme, collector) => {
 
 	const debugIconDisconnectColor = theme.getColor(debugIconDisconnectForeground);
 	if (debugIconDisconnectColor) {
-		collector.addRule(`.monaco-workbench .codicon-debug-disconnect { color: ${debugIconDisconnectColor} !important; }`);
+		collector.addRule(`.monaco-workbench .debug-view-content .codicon-debug-disconnect, .monaco-workbench .debug-toolbar .codicon-debug-disconnect { color: ${debugIconDisconnectColor} !important; }`);
 	}
 
 	const debugIconRestartColor = theme.getColor(debugIconRestartForeground);