list.activeSelectionIconForeground

Where list active selection icon foreground paints

The outlined area moves from #cccccc to #f5d76e, then back. The rest of the workbench stays on the default Dark+ colors.

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}!`;
}

How to change list active selection icon foreground color in Visual Studio Code

{
  "workbench.colorCustomizations": {
    "list.activeSelectionIconForeground": "#f5d76e"
  }
}

Other Lists and trees

• list.activeSelectionBackground

  List/Tree background color for the selected item when the list/tree is active.

• list.activeSelectionForeground

  List/Tree foreground color for the selected item when the list/tree is active.

• list.dropBackground

  List/Tree drag and drop background when moving items around using the mouse.

• list.focusBackground

  List/Tree background color for the focused item when the list/tree is active.

• list.focusForeground

  List/Tree foreground color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.

• list.focusHighlightForeground

  List/Tree foreground color of the match highlights on actively focused items when searching inside the list/tree.

• list.focusOutline

  List/Tree outline color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.

• list.focusAndSelectionOutline

  List/Tree outline color for the focused item when the list/tree is active and selected. An active list/tree has keyboard focus, an inactive does not.

• list.highlightForeground

  List/Tree foreground color of the match highlights when searching inside the list/tree.

• list.hoverBackground

  List/Tree background when hovering over items using the mouse.

• list.hoverForeground

  List/Tree foreground when hovering over items using the mouse.

• list.inactiveSelectionBackground

  List/Tree background color for the selected item when the list/tree is inactive.

• list.inactiveSelectionForeground

  List/Tree foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.

• list.inactiveSelectionIconForeground

  List/Tree icon foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.

• list.inactiveFocusBackground

  List background color for the focused item when the list is inactive. An active list has keyboard focus, an inactive does not. Currently only supported in lists.

• list.inactiveFocusOutline

  List/Tree outline color for the focused item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.

• list.invalidItemForeground

  List/Tree foreground color for invalid items, for example an unresolved root in explorer.

• list.errorForeground

  Foreground color of list items containing errors.

• list.warningForeground

  Foreground color of list items containing warnings.

• listFilterWidget.background

  List/Tree Filter background color of typed text when searching inside the list/tree.

• listFilterWidget.outline

  List/Tree Filter Widget's outline color of typed text when searching inside the list/tree.

• listFilterWidget.noMatchesOutline

  List/Tree Filter Widget's outline color when no match is found of typed text when searching inside the list/tree.

• listFilterWidget.shadow

  Shadow color of the type filter widget in lists and tree.

• list.filterMatchBackground

  Background color of the filtered matches in lists and trees.

• list.filterMatchBorder

  Border color of the filtered matches in lists and trees.

• list.deemphasizedForeground

  List/Tree foreground color for items that are deemphasized.

• list.dropBetweenBackground

  List/Tree drag and drop border color when moving items between items when using the mouse.

• tree.indentGuidesStroke

  Tree Widget's stroke color for indent guides.

• tree.inactiveIndentGuidesStroke

  Tree stroke color for the indentation guides that are not active.

• tree.tableColumnsBorder

  Tree stroke color for the indentation guides.

• tree.tableOddRowsBackground

  Background color for odd table rows.