selection.background

selection background. Background color of text selections in the workbench (for input fields or text areas, does not apply to selections within the editor and the terminal).

Group: Base colors

Where selection background paints

The selection in the title search box moves from #264f78 to #e8a317, then back. The rest of the workbench stays on the default Dark+ colors.

fetchUser.ts

index.ts

README.md

src

components

fetchUser.ts

User

tags

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}
fetchUser
1 of 2

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm test
✓ fetchUser passed 12blk


✗Cannot find name 'user'. error
▲warning 412 readylocalhost
http://localhost:3000

WSL

1 1

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

selection background

How to change selection background color in Visual Studio Code

macOS

Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
Set this color id. Add selection background under workbench.colorCustomizations. Background color of text selections in the workbench (for input fields or text areas, does not apply to selections within the editor and the terminal). Use a hex color such as #e8a317.
Save the file. Press Command+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.

Windows

Linux uses the same shortcuts.

Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
Set this color id. Add selection background under workbench.colorCustomizations. Background color of text selections in the workbench (for input fields or text areas, does not apply to selections within the editor and the terminal). Use a hex color such as #e8a317.
Save the file. Press Ctrl+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.

{
  "workbench.colorCustomizations": {
    "selection.background": "#e8a317"
  }
}

Other Base colors

focusBorder
Overall border color for focused elements. This color is only used if not overridden by a component.
foreground
Overall foreground color. This color is only used if not overridden by a component.
disabledForeground
Overall foreground for disabled elements. This color is only used if not overridden by a component.
widget.border
Border color of widgets such as Find/Replace inside the editor.
widget.shadow
Shadow color of widgets such as Find/Replace inside the editor.
descriptionForeground
Foreground color for description text providing additional information, for example for a label.
errorForeground
Overall foreground color for error messages (this color is only used if not overridden by a component).
icon.foreground
The default color for icons in the workbench.
sash.hoverBorder
The hover border color for draggable sashes.