Quipu

Name: Quipu
Author: Benito Anagua

Publisher: Benito AnaguaThemes in package: 4

Soft, light, dark and black theme with refreshing lime and emerald tones

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Quipu — Quipu Black

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#63ab83
activityBar.background#191a17
activityBar.border#2e322a
activityBar.dropBorder#50916d
activityBar.foreground#50916d
activityBar.inactiveForeground#a9b0a0
activityBarBadge.background#63ab83
activityBarBadge.foreground#040404
badge.background#63ab83
badge.foreground#040404
breadcrumb.activeSelectionForeground#2e322a
breadcrumb.background#191a17
breadcrumb.focusForeground#8d9783
breadcrumb.foreground#c4c9bd
breadcrumbPicker.background#191a17
button.background#50916d
button.border#2e322a
button.foreground#040404
button.hoverBackground#80bb9b
button.secondaryBackground#727b69
button.secondaryForeground#040404
button.secondaryHoverBackground#a9b0a0
button.separator#42493c
chat.requestBackground#191a17
chat.requestBorder#42493c
checkbox.background#040404
checkbox.border#040404
checkbox.foreground#a9b0a0
debugConsole.errorForeground#ce392b
debugConsole.infoForeground#e2e5d7
debugConsole.sourceForeground#a9b0a0
debugConsole.warningForeground#a98f24
debugConsoleInputIcon.foreground#727b69
debugExceptionWidget.background#13241e
debugExceptionWidget.border#1d3a2d
debugIcon.breakpointForeground#aa2e23
debugIcon.continueForeground#7fc037
debugIcon.pauseForeground#306549
debugIcon.restartForeground#4c860a
debugIcon.startForeground#659b29
debugIcon.stopForeground#ce392b
debugTokenExpression.boolean#8d9783
debugTokenExpression.error#ce392b
debugTokenExpression.name#e2e5d7
debugTokenExpression.number#727b69
debugTokenExpression.string#c4c9bd
debugTokenExpression.value#a9b0a0
debugToolBar.background#13241e
debugToolBar.border#1d3a2d
debugView.valueChangedHighlight#594807
descriptionForeground#727b69
diffEditor.border#306549
diffEditor.insertedTextBackground#3e6c0b80
diffEditor.removedTextBackground#7a3c0980
diffEditorOverview.insertedForeground#3e6c0b
diffEditorOverview.removedForeground#8a261e
disabledForeground#57604e
dropdown.background#040404
dropdown.border#306549
dropdown.foreground#a9b0a0
editor.background#040404
editor.findMatchBackground#2f520a
editor.findMatchBorder#659b29
editor.findMatchForeground#a9b0a0
editor.findMatchHighlightBackground#4c860a80
editor.findMatchHighlightBorder#ae6325
editor.findRangeHighlightBackground#57604e80
editor.findRangeHighlightBorder#191a1780
editor.focusedStackFrameHighlightBackground#274f3b
editor.foldBackground#1d3a2d80
editor.foldPlaceholderForeground#2e322a
editor.foreground#e2e5d7
editor.hoverHighlightBackground#3b276880
editor.inactiveSelectionBackground#30654959
editor.lineHighlightBackground#13241e
editor.lineHighlightBorder#1d3a2d
editor.linkedEditingBackground#2e322a
editor.rangeHighlightBackground#191a1780
editor.rangeHighlightBorder#191a17
editor.selectionBackground#3e6c0b59
editor.selectionHighlightBackground#30654959
editor.selectionHighlightBorder#659b29
editor.stackFrameHighlightBackground#1d3a2d
editor.wordHighlightBackground#3b276880
editor.wordHighlightBorder#2e322a
editor.wordHighlightStrongBackground#274f3b80
editor.wordHighlightStrongBorder#57604e
editorCodeLens.foreground#727b69
editorCommentsWidget.rangeActiveBackground#191a17
editorCommentsWidget.rangeBackground#2e322a
editorCommentsWidget.replyInputBackground#191a17
editorCommentsWidget.resolvedBorder#42493c
editorCommentsWidget.unresolvedBorder#57604e
editorCursor.background#191a17
editorCursor.foreground#e2e5d7
editorGhostText.background#040404
editorGhostText.border#2e322a
editorGhostText.foreground#e2e5d7
editorGroup.border#040404
editorGroup.dropBackground#1d3a2d
editorGroup.dropIntoPromptBackground#42493c
editorGroup.dropIntoPromptBorder#57604e
editorGroup.dropIntoPromptForeground#e2e5d7
editorGroup.emptyBackground#040404
editorGroup.focusedEmptyBorder#727b69
editorGroupHeader.border#57604e
editorGroupHeader.tabsBackground#191a17
editorGroupHeader.tabsBorder#42493c
editorGutter.addedBackground#659b29
editorGutter.background#191a1740
editorGutter.commentGlyphForeground#727b69
editorGutter.commentRangeForeground#1d3a2d
editorGutter.commentUnresolvedGlyphForeground#8d9783
editorGutter.deletedBackground#e17970
editorGutter.foldingControlForeground#e2e5d7
editorGutter.modifiedBackground#50916d
editorHoverWidget.background#040404
editorHoverWidget.border#306549
editorHoverWidget.foreground#e2e5d7
editorHoverWidget.highlightForeground#659b29
editorHoverWidget.statusBarBackground#191a17
editorIndentGuide.activeBackground1#306549
editorIndentGuide.background1#2e322a
editorInlayHint.background#040404
editorInlayHint.foreground#42493c
editorLightBulb.foreground#a98f24
editorLightBulbAi.foreground#6c48b4
editorLightBulbAutoFix.foreground#659b29
editorLineNumber.activeForeground#e2e5d7
editorLineNumber.foreground#57604e
editorLink.activeForeground#80bb9b
editorMarkerNavigation.background#040404
editorMarkerNavigationError.background#ce392b
editorMarkerNavigationInfo.background#3a7a56
editorMarkerNavigationWarning.background#a98f24
editorOverviewRuler.addedForeground#3e6c0b
editorOverviewRuler.background#191a17
editorOverviewRuler.border#42493c
editorOverviewRuler.bracketMatchForeground#42493c
editorOverviewRuler.commonContentForeground#50916d
editorOverviewRuler.currentContentForeground#6c48b4
editorOverviewRuler.deletedForeground#8a261e
editorOverviewRuler.errorForeground#ce392b
editorOverviewRuler.findMatchForeground#3e6c0b80
editorOverviewRuler.incomingContentForeground#3a7a56
editorOverviewRuler.infoForeground#5a3c96
editorOverviewRuler.inlineChatRemoved#8a261e
editorOverviewRuler.modifiedForeground#4b327e
editorOverviewRuler.rangeHighlightForeground#2e322a
editorOverviewRuler.selectionHighlightForeground#191a1780
editorOverviewRuler.warningForeground#4c860a
editorOverviewRuler.wordHighlightForeground#57604e
editorOverviewRuler.wordHighlightStrongForeground#727b69
editorOverviewRuler.wordHighlightTextForeground#8d9783
editorRuler.foreground#57604e
editorStickyScroll.background#040404
editorStickyScroll.border#306549
editorStickyScrollHover.background#2f520a
editorSuggestWidget.background#040404
editorSuggestWidget.border#306549
editorSuggestWidget.foreground#e2e5d7
editorSuggestWidget.highlightForeground#50916d
editorSuggestWidget.selectedBackground#1d3a2d
editorSuggestWidget.selectedForeground#e2e5d7
editorSuggestWidgetStatus.foreground#a9b0a0
editorUnicodeHighlight.background#191a17
editorUnicodeHighlight.border#ce392b
editorWatermark.foreground#727b69
editorWhitespace.foreground#2e322a
editorWidget.background#191a17
editorWidget.border#2e322a
editorWidget.foreground#a9b0a0
editorWidget.resizeBorder#727b69
errorForeground#e17970
focusBorder#306549
foreground#e2e5d7
git.blame.editorDecorationForeground#727b69
gitDecoration.addedResourceForeground#98d259
gitDecoration.conflictingResourceForeground#c479d1
gitDecoration.deletedResourceForeground#ce392b
gitDecoration.ignoredResourceForeground#57604e
gitDecoration.modifiedResourceForeground#dfc352
gitDecoration.stageDeletedResourceForeground#ce392b
gitDecoration.stageModifiedResourceForeground#dfc352
gitDecoration.submoduleResourceForeground#50916d
gitDecoration.untrackedResourceForeground#80bb9b
icon.foreground#a9b0a0
input.background#040404
input.border#2e322a
input.foreground#a9b0a0
input.placeholderForeground#727b69
inputOption.activeBackground#1d3a2d
inputOption.activeBorder#040404
inputOption.activeForeground#e2e5d7
inputOption.hoverBackground#2e322a
list.activeSelectionBackground#1d3a2d
list.activeSelectionForeground#e2e5d7
list.deemphasizedForeground#727b69
list.dropBackground#1d3a2d
list.dropBetweenBackground#42493c
list.errorForeground#e17970
list.filterMatchBackground#937808
list.filterMatchBorder#776106
list.focusAndSelectionOutline#306549
list.focusBackground#274f3b
list.focusForeground#a9b0a0
list.focusHighlightForeground#6c48b4
list.focusOutline#306549
list.highlightForeground#6c48b4
list.hoverBackground#1d3a2d
list.hoverForeground#e2e5d7
list.inactiveFocusBackground#274f3b
list.inactiveFocusOutline#306549
list.inactiveSelectionBackground#274f3b
list.inactiveSelectionForeground#e2e5d7
list.warningForeground#a98f24
listFilterWidget.background#5b2e0a
listFilterWidget.noMatchesOutline#ce392b
listFilterWidget.outline#191a17
menu.background#191a17
menu.border#2e322a
menu.foreground#c4c9bd
menu.selectionBackground#80bb9b
menu.selectionForeground#191a17
menu.separatorBackground#2e322a
menubar.selectionBackground#274f3b
menubar.selectionForeground#b7decb
merge.border#50916d
merge.commonContentBackground#42493c80
merge.commonHeaderBackground#727b6980
merge.currentContentBackground#30654980
merge.currentHeaderBackground#50916d80
merge.incomingContentBackground#4b327e80
merge.incomingHeaderBackground#6c48b480
mergeEditor.change.background#1d3a2d
mergeEditor.change.word.background#274f3b
mergeEditor.changeBase.background#191a17
mergeEditor.changeBase.word.background#2e322a
mergeEditor.conflict.handled.minimapOverViewRuler#306549
mergeEditor.conflict.handledFocused.border#4c860a
mergeEditor.conflict.handledUnfocused.border#3e6c0b
mergeEditor.conflict.input1.background#2a1b51
mergeEditor.conflict.input2.background#3b2768
mergeEditor.conflict.unhandled.minimapOverViewRuler#3a7a56
mergeEditor.conflict.unhandledFocused.border#aa2e23
mergeEditor.conflict.unhandledUnfocused.border#8a261e
mergeEditor.conflictingLines.background#191a17
minimap.background#191a17
minimap.errorHighlight#ce392b
minimap.findMatchHighlight#727b6980
minimap.foregroundOpacity#e2e5d71a
minimap.infoHighlight#9c84cf
minimap.selectionHighlight#6c48b480
minimap.selectionOccurrenceHighlight#a9b0a0
minimap.warningHighlight#a98f24
notebook.cellBorderColor#2e322a
notebook.cellEditorBackground#040404
notebook.cellHoverBackground#191a17
notebook.cellInsertionIndicator#42493c
notebook.cellStatusBarItemHoverBackground#191a17
notebook.cellToolbarSeparator#2e322a
notebook.editorBackground#040404
notebook.focusedCellBackground#191a17
notebook.focusedCellBorder#2e322a
notebook.focusedEditorBorder#42493c
notebook.inactiveFocusedCellBorder#191a17
notebook.inactiveSelectedCellBorder#191a17
notebook.outputContainerBackgroundColor#040404
notebook.outputContainerBorderColor#2e322a
notebook.selectedCellBackground#a9b0a0
notebook.selectedCellBorder#191a17
notebookScrollbarSlider.activeBackground#191a17
notebookScrollbarSlider.background#a9b0a0
notebookScrollbarSlider.hoverBackground#191a17
notificationCenter.border#1d3a2d
notificationCenterHeader.background#040404
notificationCenterHeader.foreground#a9b0a0
notifications.background#13241e
notifications.border#040404
notifications.foreground#a9b0a0
notificationsErrorIcon.foreground#ce392b
notificationsInfoIcon.foreground#3a7a56
notificationsWarningIcon.foreground#a98f24
notificationToast.border#1d3a2d
outputView.background#040404
panel.background#040404
panel.border#306549
panel.dropBorder#1d3a2d
panelSection.border#040404
panelSectionHeader.background#191a17
panelSectionHeader.border#2e322a
panelSectionHeader.foreground#e2e5d7
panelStickyScroll.background#191a17
panelStickyScroll.border#2e322a
panelTitle.activeBorder#306549
panelTitle.activeForeground#e2e5d7
panelTitle.border#040404
panelTitle.inactiveForeground#a9b0a0
peekView.border#50916d
peekViewEditor.background#13241e
peekViewEditor.matchHighlightBackground#a98f24
peekViewEditor.matchHighlightBorder#d4b42b
peekViewEditorGutter.background#13241e
peekViewResult.background#13241e
peekViewResult.fileForeground#e2e5d7
peekViewResult.lineForeground#a9b0a0
peekViewResult.matchHighlightBackground#5b2e0a
peekViewResult.selectionBackground#1d3a2d
peekViewResult.selectionForeground#a9b0a0
peekViewTitle.background#040404
peekViewTitleDescription.foreground#a9b0a0
peekViewTitleLabel.foreground#e2e5d7
pickerGroup.border#2e322a
pickerGroup.foreground#50916d
problemsErrorIcon.foreground#ce392b
problemsInfoIcon.foreground#6c48b4
problemsWarningIcon.foreground#659b29
progressBar.background#50916d
quickInput.background#040404
quickInput.foreground#e2e5d7
quickInputList.focusBackground#191a17
quickInputList.focusForeground#e2e5d7
quickInputList.focusIconForeground#727b69
quickInputTitle.background#191a17
sash.hoverBorder#659b29
scrollbarSlider.activeBackground#3a7a56
scrollbarSlider.background#306549
scrollbarSlider.hoverBackground#306549
search.resultsInfoForeground#a9b0a0
searchEditor.findMatchBackground#274f3b
searchEditor.findMatchBorder#306549
searchEditor.textInputBorder#3a7a56
selection.background#306549
settings.focusedRowBackground#040404
settings.headerBorder#191a17
settings.headerForeground#a9b0a0
settings.sashBorder#2e322a
sideBar.background#191a17
sideBar.border#2e322a
sideBar.dropBackground#191a17
sideBar.foreground#e2e5d7
sideBarSectionHeader.background#2e322a
sideBarSectionHeader.border#42493c
sideBarSectionHeader.foreground#a9b0a0
sideBarStickyScroll.background#2e322a
sideBarStickyScroll.border#57604e
sideBarTitle.background#2e322a
sideBarTitle.border#42493c
sideBarTitle.foreground#e2e5d7
sideBySideEditor.horizontalBorder#8d9783
sideBySideEditor.verticalBorder#a9b0a0
statusBar.background#274f3b
statusBar.border#42493c
statusBar.debuggingBackground#da594c
statusBar.debuggingForeground#040404
statusBar.foreground#e2e5d7
statusBar.noFolderBackground#50916d
statusBar.noFolderBorder#42493c
statusBar.noFolderForeground#040404
statusBarItem.activeBackground#040404
statusBarItem.hoverBackground#3e6c0b
statusBarItem.remoteBackground#3e6c0b
statusBarItem.remoteForeground#e2e5d7
tab.activeBackground#274f3b
tab.border#42493c
tab.hoverBackground#1d3a2d
tab.hoverForeground#e2e5d7
tab.inactiveBackground#191a17
tab.inactiveForeground#42493c
tab.selectedBackground#040404
tab.selectedForeground#e2e5d7
tab.unfocusedActiveBackground#274f3b
tab.unfocusedActiveForeground#8d9783
tab.unfocusedHoverBackground#191a17
tab.unfocusedHoverForeground#a9b0a0
tab.unfocusedInactiveBackground#191a17
tab.unfocusedInactiveForeground#57604e
terminal.ansiBlack#e2e5d7
terminal.ansiBlue#9c84cf
terminal.ansiBrightBlack#a9b0a0
terminal.ansiBrightBlue#6c48b4
terminal.ansiBrightCyan#50916d
terminal.ansiBrightGreen#659b29
terminal.ansiBrightMagenta#a33eb4
terminal.ansiBrightRed#ce392b
terminal.ansiBrightWhite#040404
terminal.ansiBrightYellow#a98f24
terminal.ansiCyan#80bb9b
terminal.ansiGreen#98d259
terminal.ansiMagenta#c479d1
terminal.ansiRed#e17970
terminal.ansiWhite#2e322a
terminal.ansiYellow#dfc352
terminal.background#040404
terminal.border#040404
terminal.dropBackground#1d3a2d
terminal.foreground#e2e5d7
terminal.inactiveSelectionBackground#191a17
terminal.selectionBackground#42493c
terminalCommandDecoration.defaultBackground#191a17
terminalCommandDecoration.errorBackground#8a261e
terminalCommandDecoration.successBackground#3e6c0b
terminalCursor.background#50916d
terminalCursor.foreground#040404
terminalOverviewRuler.border#2e322a
terminalOverviewRuler.cursorForeground#6a1e19
terminalOverviewRuler.findMatchForeground#594807
terminalStickyScroll.background#040404
terminalStickyScroll.border#2e322a
terminalStickyScrollHover.background#191a17
testing.iconErrored#ce392b
testing.iconFailed#aa2e23
testing.iconPassed#659b29
testing.iconQueued#937808
testing.iconSkipped#5a3c96
testing.iconUnset#42493c
testing.message.error.lineBackground#4b1613
testing.message.info.decorationForeground#e2e5d7
testing.message.info.lineBackground#2a1b51
testing.peekBorder#2e322a
testing.peekHeaderBackground#191a17
testing.runAction#306549
textLink.activeForeground#659b29
textLink.foreground#50916d
titleBar.activeBackground#191a17
titleBar.activeForeground#c4c9bd
titleBar.border#42493c
titleBar.inactiveBackground#2e322a
titleBar.inactiveForeground#e2e5d7
tree.inactiveIndentGuidesStroke#727b6966
tree.indentGuidesStroke#727b69
tree.tableColumnsBorder#42493c20
tree.tableOddRowsBackground#42493c0a
walkThrough.embeddedEditorBackground#2e322a
walkthrough.stepTitle.foreground#e2e5d7
welcomePage.background#040404
welcomePage.progress.background#1d3a2d
welcomePage.progress.foreground#2e322a
welcomePage.tileBackground#191a17
welcomePage.tileBorder#2e322a
welcomePage.tileHoverBackground#1d3a2d
widget.border#727b69
window.activeBorder#306549
window.inactiveBorder#a9b0a0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment, meta.toc-list	#42493c	italic
constant, constant.numeric, constant.numeric.integer, constant.numeric.integer.binary, constant.numeric.integer.octal, constant.numeric.integer.decimal, constant.numeric.integer.hexadecimal, constant.numeric.integer.other, constant.numeric.float, constant.numeric.float.binary, constant.numeric.float.octal, constant.numeric.float.decimal, constant.numeric.float.hexadecimal, constant.numeric.float.other, constant.numeric.complex, constant.numeric.complex.real, constant.numeric.complex.imaginary, constant.language, constant.character.escape, constant.other.placeholder, constant.other	#c479d1
entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.trait, entity.name.interface, entity.name.impl, entity.name.type, entity.name.class.ford-decl, entity.other.inherited-class, entity.name.function.constructor, entity.name.function.destructor, entity.name.namespace, entity.name.constant, entity.name.label, entity.name.tag, entity.name.section, entity.other.attribute-name	#80bb9b	bold
entity.name.function, entity.name.function.constructor, entity.name.function.destructor	#98d259	bold italic
keyword, keyword.control, keyword.control.conditional, keyword.control.import, punctuation.definition.keyword, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.word, keyword.other	#9c84cf
markup.heading, markup.list.numbered, markup.list.unnumbered, markup.bold, markup.italic, markup.underline, markup.inserted, markup.deleted, markup.underline.link, markup.quote, markup.raw.inline, markup.raw.block, markup.other	#e2e5d7
markup.underline	—	underline
markup.bold	#3b2768	bold
markup.heading	#e17970	bold
markup.italic	—	italic
markup.inserted	#98d259	—
markup.deleted	#e17970	—
markup.changed	#9c84cf	—
markup.inline.raw	#e17970	—
punctuation.definition.tag	#e17970	—
meta.class, meta.struct, meta.enum, meta.union, meta.trait, meta.interface, meta.impl, meta.type, meta.function, meta.function.parameters, meta.function.return-type, meta.namespace, meta.preprocessor, meta.annotation, meta.annotation.identifier, meta.annotation.parameters, meta.path, meta.function-call, meta.block, meta.braces, meta.group, meta.parens, meta.brackets, meta.generic, meta.tag, meta.paragraph	#a9b0a0
storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.trait, storage.type.interface, storage.type.impl, storage.type keyword.declaration.type	#9c84cf
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, meta.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.unquoted, string.quoted.regexp, meta.interpolated, punctuation.section.interpolation.begin, punctuation.section.interpolation.end, source.language-suffix.embedded	#e17970
support, support.class, support.constant, support.function, support.other, support.property-value, support.type, support.variable, support.module	#e2e5d7	bold
support.class, support.function, support.module	#80bb9b	bold
support.constant, support.other, support.property-value, support.type, support.variable	#80bb9b
variable, variable.other, variable.other.readwrite, punctuation.definition.variable, variable.other.constant, variable.language, variable.parameter, variable.other.member, variable.function, variable.annotation, punctuation.definition.annotation	#e2e5d7
variable.language	#e2e5d7	italic
variable.other, variable.other.member	#98d259
variable.parameter	#e17970
	#e2e5d7
punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor	#a9b0a0
source	#a9b0a0
text.html, text.xml	#a9b0a0
invalid, invalid.illegal, invalid.deprecated	#e17970	underline
punctuation.definition.tag, punctuation.definition.annotation, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.braces.begin, punctuation.section.braces.end, punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.parens.begin, punctuation.section.parens.end, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.definition.generic.begin, punctuation.definition.generic.end	#e17970	—

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Quipu — Quipu Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#84BD94
activityBar.background#34362E
activityBar.border#4A4E41
activityBar.dropBorder#68AC7B
activityBar.foreground#68AC7B
activityBar.inactiveForeground#C4C7BC
activityBarBadge.background#84BD94
activityBarBadge.foreground#1F1F1C
badge.background#84BD94
badge.foreground#1F1F1C
breadcrumb.activeSelectionForeground#4A4E41
breadcrumb.background#34362E
breadcrumb.focusForeground#A9AE9F
breadcrumb.foreground#DEE0D9
breadcrumbPicker.background#34362E
button.background#68AC7B
button.border#4A4E41
button.foreground#1F1F1C
button.hoverBackground#A1CDAE
button.secondaryBackground#8F9582
button.secondaryForeground#1F1F1C
button.secondaryHoverBackground#C4C7BC
button.separator#5F6553
chat.requestBackground#34362E
chat.requestBorder#5F6553
checkbox.background#1F1F1C
checkbox.border#1F1F1C
checkbox.foreground#C4C7BC
debugConsole.errorForeground#DB515C
debugConsole.infoForeground#F9F9F6
debugConsole.sourceForeground#C4C7BC
debugConsole.warningForeground#D3972D
debugConsoleInputIcon.foreground#8F9582
debugExceptionWidget.background#244635
debugExceptionWidget.border#2E5C40
debugIcon.breakpointForeground#D42C3A
debugIcon.continueForeground#ACD05A
debugIcon.pauseForeground#418756
debugIcon.restartForeground#83B60D
debugIcon.startForeground#97C334
debugIcon.stopForeground#DB515C
debugTokenExpression.boolean#A9AE9F
debugTokenExpression.error#DB515C
debugTokenExpression.name#F9F9F6
debugTokenExpression.number#8F9582
debugTokenExpression.string#DEE0D9
debugTokenExpression.value#C4C7BC
debugToolBar.background#244635
debugToolBar.border#2E5C40
debugView.valueChangedHighlight#885A0B
descriptionForeground#8F9582
diffEditor.border#418756
diffEditor.insertedTextBackground#709b0f80
diffEditor.removedTextBackground#a9390d80
diffEditorOverview.insertedForeground#709B0F
diffEditorOverview.removedForeground#B42734
disabledForeground#747C65
dropdown.background#1F1F1C
dropdown.border#418756
dropdown.foreground#C4C7BC
editor.background#1F1F1C
editor.findMatchBackground#5C7F10
editor.findMatchBorder#97C334
editor.findMatchForeground#C4C7BC
editor.findMatchHighlightBackground#83b60d80
editor.findMatchHighlightBorder#D36133
editor.findRangeHighlightBackground#747c6580
editor.findRangeHighlightBorder#34362e80
editor.focusedStackFrameHighlightBackground#38714B
editor.foldBackground#2e5c4080
editor.foldPlaceholderForeground#4A4E41
editor.foreground#F9F9F6
editor.hoverHighlightBackground#41358d80
editor.inactiveSelectionBackground#41875659
editor.lineHighlightBackground#244635
editor.lineHighlightBorder#2E5C40
editor.linkedEditingBackground#4A4E41
editor.rangeHighlightBackground#34362e80
editor.rangeHighlightBorder#34362E
editor.selectionBackground#709b0f59
editor.selectionHighlightBackground#41875659
editor.selectionHighlightBorder#97C334
editor.stackFrameHighlightBackground#2E5C40
editor.wordHighlightBackground#41358d80
editor.wordHighlightBorder#4A4E41
editor.wordHighlightStrongBackground#38714b80
editor.wordHighlightStrongBorder#747C65
editorCodeLens.foreground#8F9582
editorCommentsWidget.rangeActiveBackground#34362E
editorCommentsWidget.rangeBackground#4A4E41
editorCommentsWidget.replyInputBackground#34362E
editorCommentsWidget.resolvedBorder#5F6553
editorCommentsWidget.unresolvedBorder#747C65
editorCursor.background#34362E
editorCursor.foreground#F9F9F6
editorGhostText.background#1F1F1C
editorGhostText.border#4A4E41
editorGhostText.foreground#F9F9F6
editorGroup.border#1F1F1C
editorGroup.dropBackground#2E5C40
editorGroup.dropIntoPromptBackground#5F6553
editorGroup.dropIntoPromptBorder#747C65
editorGroup.dropIntoPromptForeground#F9F9F6
editorGroup.emptyBackground#1F1F1C
editorGroup.focusedEmptyBorder#8F9582
editorGroupHeader.border#747C65
editorGroupHeader.tabsBackground#34362E
editorGroupHeader.tabsBorder#5F6553
editorGutter.addedBackground#97C334
editorGutter.background#34362e40
editorGutter.commentGlyphForeground#8F9582
editorGutter.commentRangeForeground#2E5C40
editorGutter.commentUnresolvedGlyphForeground#A9AE9F
editorGutter.deletedBackground#EA9AA1
editorGutter.foldingControlForeground#F9F9F6
editorGutter.modifiedBackground#68AC7B
editorHoverWidget.background#1F1F1C
editorHoverWidget.border#418756
editorHoverWidget.foreground#F9F9F6
editorHoverWidget.highlightForeground#97C334
editorHoverWidget.statusBarBackground#34362E
editorIndentGuide.activeBackground1#418756
editorIndentGuide.background1#4A4E41
editorInlayHint.background#1F1F1C
editorInlayHint.foreground#5F6553
editorLightBulb.foreground#D3972D
editorLightBulbAi.foreground#7A6CC4
editorLightBulbAutoFix.foreground#97C334
editorLineNumber.activeForeground#F9F9F6
editorLineNumber.foreground#747C65
editorLink.activeForeground#A1CDAE
editorMarkerNavigation.background#1F1F1C
editorMarkerNavigationError.background#DB515C
editorMarkerNavigationInfo.background#4B9C61
editorMarkerNavigationWarning.background#D3972D
editorOverviewRuler.addedForeground#709B0F
editorOverviewRuler.background#34362E
editorOverviewRuler.border#5F6553
editorOverviewRuler.bracketMatchForeground#5F6553
editorOverviewRuler.commonContentForeground#68AC7B
editorOverviewRuler.currentContentForeground#7A6CC4
editorOverviewRuler.deletedForeground#B42734
editorOverviewRuler.errorForeground#DB515C
editorOverviewRuler.findMatchForeground#709b0f80
editorOverviewRuler.incomingContentForeground#4B9C61
editorOverviewRuler.infoForeground#5F4DB8
editorOverviewRuler.inlineChatRemoved#B42734
editorOverviewRuler.modifiedForeground#5041A2
editorOverviewRuler.rangeHighlightForeground#4A4E41
editorOverviewRuler.selectionHighlightForeground#34362e80
editorOverviewRuler.warningForeground#83B60D
editorOverviewRuler.wordHighlightForeground#747C65
editorOverviewRuler.wordHighlightStrongForeground#8F9582
editorOverviewRuler.wordHighlightTextForeground#A9AE9F
editorRuler.foreground#747C65
editorStickyScroll.background#1F1F1C
editorStickyScroll.border#418756
editorStickyScrollHover.background#5C7F10
editorSuggestWidget.background#1F1F1C
editorSuggestWidget.border#418756
editorSuggestWidget.foreground#F9F9F6
editorSuggestWidget.highlightForeground#68AC7B
editorSuggestWidget.selectedBackground#2E5C40
editorSuggestWidget.selectedForeground#F9F9F6
editorSuggestWidgetStatus.foreground#C4C7BC
editorUnicodeHighlight.background#34362E
editorUnicodeHighlight.border#DB515C
editorWatermark.foreground#8F9582
editorWhitespace.foreground#4A4E41
editorWidget.background#34362E
editorWidget.border#4A4E41
editorWidget.foreground#C4C7BC
editorWidget.resizeBorder#8F9582
errorForeground#EA9AA1
focusBorder#418756
foreground#F9F9F6
git.blame.editorDecorationForeground#8F9582
gitDecoration.addedResourceForeground#C0DD81
gitDecoration.conflictingResourceForeground#CA9FDE
gitDecoration.deletedResourceForeground#DB515C
gitDecoration.ignoredResourceForeground#747C65
gitDecoration.modifiedResourceForeground#E7C07D
gitDecoration.stageDeletedResourceForeground#DB515C
gitDecoration.stageModifiedResourceForeground#E7C07D
gitDecoration.submoduleResourceForeground#68AC7B
gitDecoration.untrackedResourceForeground#A1CDAE
icon.foreground#C4C7BC
input.background#1F1F1C
input.border#4A4E41
input.foreground#C4C7BC
input.placeholderForeground#8F9582
inputOption.activeBackground#2E5C40
inputOption.activeBorder#1F1F1C
inputOption.activeForeground#F9F9F6
inputOption.hoverBackground#4A4E41
list.activeSelectionBackground#2E5C40
list.activeSelectionForeground#F9F9F6
list.deemphasizedForeground#8F9582
list.dropBackground#2E5C40
list.dropBetweenBackground#5F6553
list.errorForeground#EA9AA1
list.filterMatchBackground#C98205
list.filterMatchBorder#A86E08
list.focusAndSelectionOutline#418756
list.focusBackground#38714B
list.focusForeground#C4C7BC
list.focusHighlightForeground#7A6CC4
list.focusOutline#418756
list.highlightForeground#7A6CC4
list.hoverBackground#2E5C40
list.hoverForeground#F9F9F6
list.inactiveFocusBackground#38714B
list.inactiveFocusOutline#418756
list.inactiveSelectionBackground#38714B
list.inactiveSelectionForeground#F9F9F6
list.warningForeground#D3972D
listFilterWidget.background#89310F
listFilterWidget.noMatchesOutline#DB515C
listFilterWidget.outline#34362E
menu.background#34362E
menu.border#4A4E41
menu.foreground#DEE0D9
menu.selectionBackground#A1CDAE
menu.selectionForeground#34362E
menu.separatorBackground#4A4E41
menubar.selectionBackground#38714B
menubar.selectionForeground#DAEEE1
merge.border#68AC7B
merge.commonContentBackground#5f655380
merge.commonHeaderBackground#8f958280
merge.currentContentBackground#41875680
merge.currentHeaderBackground#68ac7b80
merge.incomingContentBackground#5041a280
merge.incomingHeaderBackground#7a6cc480
mergeEditor.change.background#2E5C40
mergeEditor.change.word.background#38714B
mergeEditor.changeBase.background#34362E
mergeEditor.changeBase.word.background#4A4E41
mergeEditor.conflict.handled.minimapOverViewRuler#418756
mergeEditor.conflict.handledFocused.border#83B60D
mergeEditor.conflict.handledUnfocused.border#709B0F
mergeEditor.conflict.input1.background#312877
mergeEditor.conflict.input2.background#41358D
mergeEditor.conflict.unhandled.minimapOverViewRuler#4B9C61
mergeEditor.conflict.unhandledFocused.border#D42C3A
mergeEditor.conflict.unhandledUnfocused.border#B42734
mergeEditor.conflictingLines.background#34362E
minimap.background#34362E
minimap.errorHighlight#DB515C
minimap.findMatchHighlight#8f958280
minimap.foregroundOpacity#f9f9f61a
minimap.infoHighlight#B1A9DD
minimap.selectionHighlight#7a6cc480
minimap.selectionOccurrenceHighlight#C4C7BC
minimap.warningHighlight#D3972D
notebook.cellBorderColor#4A4E41
notebook.cellEditorBackground#1F1F1C
notebook.cellHoverBackground#34362E
notebook.cellInsertionIndicator#5F6553
notebook.cellStatusBarItemHoverBackground#34362E
notebook.cellToolbarSeparator#4A4E41
notebook.editorBackground#1F1F1C
notebook.focusedCellBackground#34362E
notebook.focusedCellBorder#4A4E41
notebook.focusedEditorBorder#5F6553
notebook.inactiveFocusedCellBorder#34362E
notebook.inactiveSelectedCellBorder#34362E
notebook.outputContainerBackgroundColor#1F1F1C
notebook.outputContainerBorderColor#4A4E41
notebook.selectedCellBackground#C4C7BC
notebook.selectedCellBorder#34362E
notebookScrollbarSlider.activeBackground#34362E
notebookScrollbarSlider.background#C4C7BC
notebookScrollbarSlider.hoverBackground#34362E
notificationCenter.border#2E5C40
notificationCenterHeader.background#1F1F1C
notificationCenterHeader.foreground#C4C7BC
notifications.background#244635
notifications.border#1F1F1C
notifications.foreground#C4C7BC
notificationsErrorIcon.foreground#DB515C
notificationsInfoIcon.foreground#4B9C61
notificationsWarningIcon.foreground#D3972D
notificationToast.border#2E5C40
outputView.background#1F1F1C
panel.background#1F1F1C
panel.border#418756
panel.dropBorder#2E5C40
panelSection.border#1F1F1C
panelSectionHeader.background#34362E
panelSectionHeader.border#4A4E41
panelSectionHeader.foreground#F9F9F6
panelStickyScroll.background#34362E
panelStickyScroll.border#4A4E41
panelTitle.activeBorder#418756
panelTitle.activeForeground#F9F9F6
panelTitle.border#1F1F1C
panelTitle.inactiveForeground#C4C7BC
peekView.border#68AC7B
peekViewEditor.background#244635
peekViewEditor.matchHighlightBackground#D3972D
peekViewEditor.matchHighlightBorder#DDAC55
peekViewEditorGutter.background#244635
peekViewResult.background#244635
peekViewResult.fileForeground#F9F9F6
peekViewResult.lineForeground#C4C7BC
peekViewResult.matchHighlightBackground#89310F
peekViewResult.selectionBackground#2E5C40
peekViewResult.selectionForeground#C4C7BC
peekViewTitle.background#1F1F1C
peekViewTitleDescription.foreground#C4C7BC
peekViewTitleLabel.foreground#F9F9F6
pickerGroup.border#4A4E41
pickerGroup.foreground#68AC7B
problemsErrorIcon.foreground#DB515C
problemsInfoIcon.foreground#7A6CC4
problemsWarningIcon.foreground#97C334
progressBar.background#68AC7B
quickInput.background#1F1F1C
quickInput.foreground#F9F9F6
quickInputList.focusBackground#34362E
quickInputList.focusForeground#F9F9F6
quickInputList.focusIconForeground#8F9582
quickInputTitle.background#34362E
sash.hoverBorder#97C334
scrollbarSlider.activeBackground#4B9C61
scrollbarSlider.background#418756
scrollbarSlider.hoverBackground#418756
search.resultsInfoForeground#C4C7BC
searchEditor.findMatchBackground#38714B
searchEditor.findMatchBorder#418756
searchEditor.textInputBorder#4B9C61
selection.background#418756
settings.focusedRowBackground#1F1F1C
settings.headerBorder#34362E
settings.headerForeground#C4C7BC
settings.sashBorder#4A4E41
sideBar.background#34362E
sideBar.border#4A4E41
sideBar.dropBackground#34362E
sideBar.foreground#F9F9F6
sideBarSectionHeader.background#4A4E41
sideBarSectionHeader.border#5F6553
sideBarSectionHeader.foreground#C4C7BC
sideBarStickyScroll.background#4A4E41
sideBarStickyScroll.border#747C65
sideBarTitle.background#4A4E41
sideBarTitle.border#5F6553
sideBarTitle.foreground#F9F9F6
sideBySideEditor.horizontalBorder#A9AE9F
sideBySideEditor.verticalBorder#C4C7BC
statusBar.background#38714B
statusBar.border#5F6553
statusBar.debuggingBackground#E3767E
statusBar.debuggingForeground#1F1F1C
statusBar.foreground#F9F9F6
statusBar.noFolderBackground#68AC7B
statusBar.noFolderBorder#5F6553
statusBar.noFolderForeground#1F1F1C
statusBarItem.activeBackground#1F1F1C
statusBarItem.hoverBackground#709B0F
statusBarItem.remoteBackground#709B0F
statusBarItem.remoteForeground#F9F9F6
tab.activeBackground#38714B
tab.border#5F6553
tab.hoverBackground#2E5C40
tab.hoverForeground#F9F9F6
tab.inactiveBackground#34362E
tab.inactiveForeground#5F6553
tab.selectedBackground#1F1F1C
tab.selectedForeground#F9F9F6
tab.unfocusedActiveBackground#38714B
tab.unfocusedActiveForeground#A9AE9F
tab.unfocusedHoverBackground#34362E
tab.unfocusedHoverForeground#C4C7BC
tab.unfocusedInactiveBackground#34362E
tab.unfocusedInactiveForeground#747C65
terminal.ansiBlack#F9F9F6
terminal.ansiBlue#B1A9DD
terminal.ansiBrightBlack#C4C7BC
terminal.ansiBrightBlue#7A6CC4
terminal.ansiBrightCyan#68AC7B
terminal.ansiBrightGreen#97C334
terminal.ansiBrightMagenta#A75EC7
terminal.ansiBrightRed#DB515C
terminal.ansiBrightWhite#1F1F1C
terminal.ansiBrightYellow#D3972D
terminal.ansiCyan#A1CDAE
terminal.ansiGreen#C0DD81
terminal.ansiMagenta#CA9FDE
terminal.ansiRed#EA9AA1
terminal.ansiWhite#4A4E41
terminal.ansiYellow#E7C07D
terminal.background#1F1F1C
terminal.border#1F1F1C
terminal.dropBackground#2E5C40
terminal.foreground#F9F9F6
terminal.inactiveSelectionBackground#34362E
terminal.selectionBackground#5F6553
terminalCommandDecoration.defaultBackground#34362E
terminalCommandDecoration.errorBackground#B42734
terminalCommandDecoration.successBackground#709B0F
terminalCursor.background#68AC7B
terminalCursor.foreground#1F1F1C
terminalOverviewRuler.border#4A4E41
terminalOverviewRuler.cursorForeground#93232F
terminalOverviewRuler.findMatchForeground#885A0B
terminalStickyScroll.background#1F1F1C
terminalStickyScroll.border#4A4E41
terminalStickyScrollHover.background#34362E
testing.iconErrored#DB515C
testing.iconFailed#D42C3A
testing.iconPassed#97C334
testing.iconQueued#C98205
testing.iconSkipped#5F4DB8
testing.iconUnset#5F6553
testing.message.error.lineBackground#731E29
testing.message.info.decorationForeground#F9F9F6
testing.message.info.lineBackground#312877
testing.peekBorder#4A4E41
testing.peekHeaderBackground#34362E
testing.runAction#418756
textLink.activeForeground#97C334
textLink.foreground#68AC7B
titleBar.activeBackground#34362E
titleBar.activeForeground#DEE0D9
titleBar.border#5F6553
titleBar.inactiveBackground#4A4E41
titleBar.inactiveForeground#F9F9F6
tree.inactiveIndentGuidesStroke#8f958266
tree.indentGuidesStroke#8F9582
tree.tableColumnsBorder#5f655320
tree.tableOddRowsBackground#5f65530a
walkThrough.embeddedEditorBackground#4A4E41
walkthrough.stepTitle.foreground#F9F9F6
welcomePage.background#1F1F1C
welcomePage.progress.background#2E5C40
welcomePage.progress.foreground#4A4E41
welcomePage.tileBackground#34362E
welcomePage.tileBorder#4A4E41
welcomePage.tileHoverBackground#2E5C40
widget.border#8F9582
window.activeBorder#418756
window.inactiveBorder#C4C7BC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment, meta.toc-list	#5F6553	italic
constant, constant.numeric, constant.numeric.integer, constant.numeric.integer.binary, constant.numeric.integer.octal, constant.numeric.integer.decimal, constant.numeric.integer.hexadecimal, constant.numeric.integer.other, constant.numeric.float, constant.numeric.float.binary, constant.numeric.float.octal, constant.numeric.float.decimal, constant.numeric.float.hexadecimal, constant.numeric.float.other, constant.numeric.complex, constant.numeric.complex.real, constant.numeric.complex.imaginary, constant.language, constant.character.escape, constant.other.placeholder, constant.other	#CA9FDE
entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.trait, entity.name.interface, entity.name.impl, entity.name.type, entity.name.class.ford-decl, entity.other.inherited-class, entity.name.function.constructor, entity.name.function.destructor, entity.name.namespace, entity.name.constant, entity.name.label, entity.name.tag, entity.name.section, entity.other.attribute-name	#A1CDAE	bold
entity.name.function, entity.name.function.constructor, entity.name.function.destructor	#C0DD81	bold italic
keyword, keyword.control, keyword.control.conditional, keyword.control.import, punctuation.definition.keyword, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.word, keyword.other	#B1A9DD
markup.heading, markup.list.numbered, markup.list.unnumbered, markup.bold, markup.italic, markup.underline, markup.inserted, markup.deleted, markup.underline.link, markup.quote, markup.raw.inline, markup.raw.block, markup.other	#F9F9F6
markup.underline	—	underline
markup.bold	#41358D	bold
markup.heading	#EA9AA1	bold
markup.italic	—	italic
markup.inserted	#C0DD81	—
markup.deleted	#EA9AA1	—
markup.changed	#B1A9DD	—
markup.inline.raw	#EA9AA1	—
punctuation.definition.tag	#EA9AA1	—
meta.class, meta.struct, meta.enum, meta.union, meta.trait, meta.interface, meta.impl, meta.type, meta.function, meta.function.parameters, meta.function.return-type, meta.namespace, meta.preprocessor, meta.annotation, meta.annotation.identifier, meta.annotation.parameters, meta.path, meta.function-call, meta.block, meta.braces, meta.group, meta.parens, meta.brackets, meta.generic, meta.tag, meta.paragraph	#C4C7BC
storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.trait, storage.type.interface, storage.type.impl, storage.type keyword.declaration.type	#B1A9DD
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, meta.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.unquoted, string.quoted.regexp, meta.interpolated, punctuation.section.interpolation.begin, punctuation.section.interpolation.end, source.language-suffix.embedded	#EA9AA1
support, support.class, support.constant, support.function, support.other, support.property-value, support.type, support.variable, support.module	#F9F9F6	bold
support.class, support.function, support.module	#A1CDAE	bold
support.constant, support.other, support.property-value, support.type, support.variable	#A1CDAE
variable, variable.other, variable.other.readwrite, punctuation.definition.variable, variable.other.constant, variable.language, variable.parameter, variable.other.member, variable.function, variable.annotation, punctuation.definition.annotation	#F9F9F6
variable.language	#F9F9F6	italic
variable.other, variable.other.member	#C0DD81
variable.parameter	#EA9AA1
	#F9F9F6
punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor	#C4C7BC
source	#C4C7BC
text.html, text.xml	#C4C7BC
invalid, invalid.illegal, invalid.deprecated	#EA9AA1	underline
punctuation.definition.tag, punctuation.definition.annotation, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.braces.begin, punctuation.section.braces.end, punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.parens.begin, punctuation.section.parens.end, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.definition.generic.begin, punctuation.definition.generic.end	#EA9AA1	—

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Quipu — Quipu Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#418756
activityBar.background#DEE0D9
activityBar.border#C4C7BC
activityBar.dropBorder#4B9C61
activityBar.foreground#4B9C61
activityBar.inactiveForeground#4A4E41
activityBarBadge.background#418756
activityBarBadge.foreground#F9F9F6
badge.background#418756
badge.foreground#F9F9F6
breadcrumb.activeSelectionForeground#C4C7BC
breadcrumb.background#DEE0D9
breadcrumb.focusForeground#5F6553
breadcrumb.foreground#34362E
breadcrumbPicker.background#DEE0D9
button.background#4B9C61
button.border#C4C7BC
button.foreground#F9F9F6
button.hoverBackground#38714B
button.secondaryBackground#747C65
button.secondaryForeground#F9F9F6
button.secondaryHoverBackground#4A4E41
button.separator#A9AE9F
chat.requestBackground#DEE0D9
chat.requestBorder#A9AE9F
checkbox.background#F9F9F6
checkbox.border#F9F9F6
checkbox.foreground#4A4E41
debugConsole.errorForeground#D42C3A
debugConsole.infoForeground#1F1F1C
debugConsole.sourceForeground#4A4E41
debugConsole.warningForeground#C98205
debugConsoleInputIcon.foreground#747C65
debugExceptionWidget.background#DAEEE1
debugExceptionWidget.border#BDDEC7
debugIcon.breakpointForeground#DB515C
debugIcon.continueForeground#709B0F
debugIcon.pauseForeground#84BD94
debugIcon.restartForeground#97C334
debugIcon.startForeground#83B60D
debugIcon.stopForeground#D42C3A
debugTokenExpression.boolean#5F6553
debugTokenExpression.error#D42C3A
debugTokenExpression.name#1F1F1C
debugTokenExpression.number#747C65
debugTokenExpression.string#34362E
debugTokenExpression.value#4A4E41
debugToolBar.background#DAEEE1
debugToolBar.border#BDDEC7
debugView.valueChangedHighlight#E7C07D
descriptionForeground#747C65
diffEditor.border#84BD94
diffEditor.insertedTextBackground#acd05a80
diffEditor.removedTextBackground#dc805b80
diffEditorOverview.insertedForeground#ACD05A
diffEditorOverview.removedForeground#E3767E
disabledForeground#8F9582
dropdown.background#F9F9F6
dropdown.border#84BD94
dropdown.foreground#4A4E41
editor.background#F9F9F6
editor.findMatchBackground#C0DD81
editor.findMatchBorder#83B60D
editor.findMatchForeground#4A4E41
editor.findMatchHighlightBackground#97c33480
editor.findMatchHighlightBorder#C9420B
editor.findRangeHighlightBackground#8f958280
editor.findRangeHighlightBorder#dee0d980
editor.focusedStackFrameHighlightBackground#A1CDAE
editor.foldBackground#bddec780
editor.foldPlaceholderForeground#C4C7BC
editor.foreground#1F1F1C
editor.hoverHighlightBackground#b1a9dd80
editor.inactiveSelectionBackground#84bd9459
editor.lineHighlightBackground#DAEEE1
editor.lineHighlightBorder#BDDEC7
editor.linkedEditingBackground#C4C7BC
editor.rangeHighlightBackground#dee0d980
editor.rangeHighlightBorder#DEE0D9
editor.selectionBackground#acd05a59
editor.selectionHighlightBackground#84bd9459
editor.selectionHighlightBorder#83B60D
editor.stackFrameHighlightBackground#BDDEC7
editor.wordHighlightBackground#b1a9dd80
editor.wordHighlightBorder#C4C7BC
editor.wordHighlightStrongBackground#a1cdae80
editor.wordHighlightStrongBorder#8F9582
editorCodeLens.foreground#747C65
editorCommentsWidget.rangeActiveBackground#DEE0D9
editorCommentsWidget.rangeBackground#C4C7BC
editorCommentsWidget.replyInputBackground#DEE0D9
editorCommentsWidget.resolvedBorder#A9AE9F
editorCommentsWidget.unresolvedBorder#8F9582
editorCursor.background#DEE0D9
editorCursor.foreground#1F1F1C
editorGhostText.background#F9F9F6
editorGhostText.border#C4C7BC
editorGhostText.foreground#1F1F1C
editorGroup.border#F9F9F6
editorGroup.dropBackground#BDDEC7
editorGroup.dropIntoPromptBackground#A9AE9F
editorGroup.dropIntoPromptBorder#8F9582
editorGroup.dropIntoPromptForeground#1F1F1C
editorGroup.emptyBackground#F9F9F6
editorGroup.focusedEmptyBorder#747C65
editorGroupHeader.border#8F9582
editorGroupHeader.tabsBackground#DEE0D9
editorGroupHeader.tabsBorder#A9AE9F
editorGutter.addedBackground#83B60D
editorGutter.background#dee0d940
editorGutter.commentGlyphForeground#747C65
editorGutter.commentRangeForeground#BDDEC7
editorGutter.commentUnresolvedGlyphForeground#5F6553
editorGutter.deletedBackground#93232F
editorGutter.foldingControlForeground#1F1F1C
editorGutter.modifiedBackground#4B9C61
editorHoverWidget.background#F9F9F6
editorHoverWidget.border#84BD94
editorHoverWidget.foreground#1F1F1C
editorHoverWidget.highlightForeground#83B60D
editorHoverWidget.statusBarBackground#DEE0D9
editorIndentGuide.activeBackground1#84BD94
editorIndentGuide.background1#C4C7BC
editorInlayHint.background#F9F9F6
editorInlayHint.foreground#A9AE9F
editorLightBulb.foreground#C98205
editorLightBulbAi.foreground#5F4DB8
editorLightBulbAutoFix.foreground#83B60D
editorLineNumber.activeForeground#1F1F1C
editorLineNumber.foreground#8F9582
editorLink.activeForeground#38714B
editorMarkerNavigation.background#F9F9F6
editorMarkerNavigationError.background#D42C3A
editorMarkerNavigationInfo.background#68AC7B
editorMarkerNavigationWarning.background#C98205
editorOverviewRuler.addedForeground#ACD05A
editorOverviewRuler.background#DEE0D9
editorOverviewRuler.border#A9AE9F
editorOverviewRuler.bracketMatchForeground#A9AE9F
editorOverviewRuler.commonContentForeground#4B9C61
editorOverviewRuler.currentContentForeground#5F4DB8
editorOverviewRuler.deletedForeground#E3767E
editorOverviewRuler.errorForeground#D42C3A
editorOverviewRuler.findMatchForeground#acd05a80
editorOverviewRuler.incomingContentForeground#68AC7B
editorOverviewRuler.infoForeground#7A6CC4
editorOverviewRuler.inlineChatRemoved#E3767E
editorOverviewRuler.modifiedForeground#968AD0
editorOverviewRuler.rangeHighlightForeground#C4C7BC
editorOverviewRuler.selectionHighlightForeground#dee0d980
editorOverviewRuler.warningForeground#97C334
editorOverviewRuler.wordHighlightForeground#8F9582
editorOverviewRuler.wordHighlightStrongForeground#747C65
editorOverviewRuler.wordHighlightTextForeground#5F6553
editorRuler.foreground#8F9582
editorStickyScroll.background#F9F9F6
editorStickyScroll.border#84BD94
editorStickyScrollHover.background#C0DD81
editorSuggestWidget.background#F9F9F6
editorSuggestWidget.border#84BD94
editorSuggestWidget.foreground#1F1F1C
editorSuggestWidget.highlightForeground#4B9C61
editorSuggestWidget.selectedBackground#BDDEC7
editorSuggestWidget.selectedForeground#1F1F1C
editorSuggestWidgetStatus.foreground#4A4E41
editorUnicodeHighlight.background#DEE0D9
editorUnicodeHighlight.border#D42C3A
editorWatermark.foreground#747C65
editorWhitespace.foreground#C4C7BC
editorWidget.background#DEE0D9
editorWidget.border#C4C7BC
editorWidget.foreground#4A4E41
editorWidget.resizeBorder#747C65
errorForeground#93232F
focusBorder#84BD94
foreground#1F1F1C
git.blame.editorDecorationForeground#747C65
gitDecoration.addedResourceForeground#5C7F10
gitDecoration.conflictingResourceForeground#6B2C8D
gitDecoration.deletedResourceForeground#D42C3A
gitDecoration.ignoredResourceForeground#8F9582
gitDecoration.modifiedResourceForeground#885A0B
gitDecoration.stageDeletedResourceForeground#D42C3A
gitDecoration.stageModifiedResourceForeground#885A0B
gitDecoration.submoduleResourceForeground#4B9C61
gitDecoration.untrackedResourceForeground#38714B
icon.foreground#4A4E41
input.background#F9F9F6
input.border#C4C7BC
input.foreground#4A4E41
input.placeholderForeground#747C65
inputOption.activeBackground#BDDEC7
inputOption.activeBorder#F9F9F6
inputOption.activeForeground#1F1F1C
inputOption.hoverBackground#C4C7BC
list.activeSelectionBackground#BDDEC7
list.activeSelectionForeground#1F1F1C
list.deemphasizedForeground#747C65
list.dropBackground#BDDEC7
list.dropBetweenBackground#A9AE9F
list.errorForeground#93232F
list.filterMatchBackground#D3972D
list.filterMatchBorder#DDAC55
list.focusAndSelectionOutline#84BD94
list.focusBackground#A1CDAE
list.focusForeground#4A4E41
list.focusHighlightForeground#5F4DB8
list.focusOutline#84BD94
list.highlightForeground#5F4DB8
list.hoverBackground#BDDEC7
list.hoverForeground#1F1F1C
list.inactiveFocusBackground#A1CDAE
list.inactiveFocusOutline#84BD94
list.inactiveSelectionBackground#A1CDAE
list.inactiveSelectionForeground#1F1F1C
list.warningForeground#C98205
listFilterWidget.background#E69E82
listFilterWidget.noMatchesOutline#D42C3A
listFilterWidget.outline#DEE0D9
menu.background#DEE0D9
menu.border#C4C7BC
menu.foreground#34362E
menu.selectionBackground#38714B
menu.selectionForeground#DEE0D9
menu.separatorBackground#C4C7BC
menubar.selectionBackground#A1CDAE
menubar.selectionForeground#244635
merge.border#4B9C61
merge.commonContentBackground#a9ae9f80
merge.commonHeaderBackground#747c6580
merge.currentContentBackground#84bd9480
merge.currentHeaderBackground#4b9c6180
merge.incomingContentBackground#968ad080
merge.incomingHeaderBackground#5f4db880
mergeEditor.change.background#BDDEC7
mergeEditor.change.word.background#A1CDAE
mergeEditor.changeBase.background#DEE0D9
mergeEditor.changeBase.word.background#C4C7BC
mergeEditor.conflict.handled.minimapOverViewRuler#84BD94
mergeEditor.conflict.handledFocused.border#97C334
mergeEditor.conflict.handledUnfocused.border#ACD05A
mergeEditor.conflict.input1.background#CDC7E9
mergeEditor.conflict.input2.background#B1A9DD
mergeEditor.conflict.unhandled.minimapOverViewRuler#68AC7B
mergeEditor.conflict.unhandledFocused.border#DB515C
mergeEditor.conflict.unhandledUnfocused.border#E3767E
mergeEditor.conflictingLines.background#DEE0D9
minimap.background#DEE0D9
minimap.errorHighlight#D42C3A
minimap.findMatchHighlight#747c6580
minimap.foregroundOpacity#1f1f1c1a
minimap.infoHighlight#41358D
minimap.selectionHighlight#5f4db880
minimap.selectionOccurrenceHighlight#4A4E41
minimap.warningHighlight#C98205
notebook.cellBorderColor#C4C7BC
notebook.cellEditorBackground#F9F9F6
notebook.cellHoverBackground#DEE0D9
notebook.cellInsertionIndicator#A9AE9F
notebook.cellStatusBarItemHoverBackground#DEE0D9
notebook.cellToolbarSeparator#C4C7BC
notebook.editorBackground#F9F9F6
notebook.focusedCellBackground#DEE0D9
notebook.focusedCellBorder#C4C7BC
notebook.focusedEditorBorder#A9AE9F
notebook.inactiveFocusedCellBorder#DEE0D9
notebook.inactiveSelectedCellBorder#DEE0D9
notebook.outputContainerBackgroundColor#F9F9F6
notebook.outputContainerBorderColor#C4C7BC
notebook.selectedCellBackground#4A4E41
notebook.selectedCellBorder#DEE0D9
notebookScrollbarSlider.activeBackground#DEE0D9
notebookScrollbarSlider.background#4A4E41
notebookScrollbarSlider.hoverBackground#DEE0D9
notificationCenter.border#BDDEC7
notificationCenterHeader.background#F9F9F6
notificationCenterHeader.foreground#4A4E41
notifications.background#DAEEE1
notifications.border#F9F9F6
notifications.foreground#4A4E41
notificationsErrorIcon.foreground#D42C3A
notificationsInfoIcon.foreground#68AC7B
notificationsWarningIcon.foreground#C98205
notificationToast.border#BDDEC7
outputView.background#F9F9F6
panel.background#F9F9F6
panel.border#84BD94
panel.dropBorder#BDDEC7
panelSection.border#F9F9F6
panelSectionHeader.background#DEE0D9
panelSectionHeader.border#C4C7BC
panelSectionHeader.foreground#1F1F1C
panelStickyScroll.background#DEE0D9
panelStickyScroll.border#C4C7BC
panelTitle.activeBorder#84BD94
panelTitle.activeForeground#1F1F1C
panelTitle.border#F9F9F6
panelTitle.inactiveForeground#4A4E41
peekView.border#4B9C61
peekViewEditor.background#DAEEE1
peekViewEditor.matchHighlightBackground#C98205
peekViewEditor.matchHighlightBorder#A86E08
peekViewEditorGutter.background#DAEEE1
peekViewResult.background#DAEEE1
peekViewResult.fileForeground#1F1F1C
peekViewResult.lineForeground#4A4E41
peekViewResult.matchHighlightBackground#E69E82
peekViewResult.selectionBackground#BDDEC7
peekViewResult.selectionForeground#4A4E41
peekViewTitle.background#F9F9F6
peekViewTitleDescription.foreground#4A4E41
peekViewTitleLabel.foreground#1F1F1C
pickerGroup.border#C4C7BC
pickerGroup.foreground#4B9C61
problemsErrorIcon.foreground#D42C3A
problemsInfoIcon.foreground#5F4DB8
problemsWarningIcon.foreground#83B60D
progressBar.background#4B9C61
quickInput.background#F9F9F6
quickInput.foreground#1F1F1C
quickInputList.focusBackground#DEE0D9
quickInputList.focusForeground#1F1F1C
quickInputList.focusIconForeground#747C65
quickInputTitle.background#DEE0D9
sash.hoverBorder#83B60D
scrollbarSlider.activeBackground#68AC7B
scrollbarSlider.background#84BD94
scrollbarSlider.hoverBackground#84BD94
search.resultsInfoForeground#4A4E41
searchEditor.findMatchBackground#A1CDAE
searchEditor.findMatchBorder#84BD94
searchEditor.textInputBorder#68AC7B
selection.background#84BD94
settings.focusedRowBackground#F9F9F6
settings.headerBorder#DEE0D9
settings.headerForeground#4A4E41
settings.sashBorder#C4C7BC
sideBar.background#DEE0D9
sideBar.border#C4C7BC
sideBar.dropBackground#DEE0D9
sideBar.foreground#1F1F1C
sideBarSectionHeader.background#C4C7BC
sideBarSectionHeader.border#A9AE9F
sideBarSectionHeader.foreground#4A4E41
sideBarStickyScroll.background#C4C7BC
sideBarStickyScroll.border#8F9582
sideBarTitle.background#C4C7BC
sideBarTitle.border#A9AE9F
sideBarTitle.foreground#1F1F1C
sideBySideEditor.horizontalBorder#5F6553
sideBySideEditor.verticalBorder#4A4E41
statusBar.background#A1CDAE
statusBar.border#A9AE9F
statusBar.debuggingBackground#B42734
statusBar.debuggingForeground#F9F9F6
statusBar.foreground#1F1F1C
statusBar.noFolderBackground#4B9C61
statusBar.noFolderBorder#A9AE9F
statusBar.noFolderForeground#F9F9F6
statusBarItem.activeBackground#F9F9F6
statusBarItem.hoverBackground#ACD05A
statusBarItem.remoteBackground#ACD05A
statusBarItem.remoteForeground#1F1F1C
tab.activeBackground#A1CDAE
tab.border#A9AE9F
tab.hoverBackground#BDDEC7
tab.hoverForeground#1F1F1C
tab.inactiveBackground#DEE0D9
tab.inactiveForeground#A9AE9F
tab.selectedBackground#F9F9F6
tab.selectedForeground#1F1F1C
tab.unfocusedActiveBackground#A1CDAE
tab.unfocusedActiveForeground#5F6553
tab.unfocusedHoverBackground#DEE0D9
tab.unfocusedHoverForeground#4A4E41
tab.unfocusedInactiveBackground#DEE0D9
tab.unfocusedInactiveForeground#8F9582
terminal.ansiBlack#1F1F1C
terminal.ansiBlue#41358D
terminal.ansiBrightBlack#4A4E41
terminal.ansiBrightBlue#5F4DB8
terminal.ansiBrightCyan#4B9C61
terminal.ansiBrightGreen#83B60D
terminal.ansiBrightMagenta#953EBC
terminal.ansiBrightRed#D42C3A
terminal.ansiBrightWhite#F9F9F6
terminal.ansiBrightYellow#C98205
terminal.ansiCyan#38714B
terminal.ansiGreen#5C7F10
terminal.ansiMagenta#6B2C8D
terminal.ansiRed#93232F
terminal.ansiWhite#C4C7BC
terminal.ansiYellow#885A0B
terminal.background#F9F9F6
terminal.border#F9F9F6
terminal.dropBackground#BDDEC7
terminal.foreground#1F1F1C
terminal.inactiveSelectionBackground#DEE0D9
terminal.selectionBackground#A9AE9F
terminalCommandDecoration.defaultBackground#DEE0D9
terminalCommandDecoration.errorBackground#E3767E
terminalCommandDecoration.successBackground#ACD05A
terminalCursor.background#4B9C61
terminalCursor.foreground#F9F9F6
terminalOverviewRuler.border#C4C7BC
terminalOverviewRuler.cursorForeground#EA9AA1
terminalOverviewRuler.findMatchForeground#E7C07D
terminalStickyScroll.background#F9F9F6
terminalStickyScroll.border#C4C7BC
terminalStickyScrollHover.background#DEE0D9
testing.iconErrored#D42C3A
testing.iconFailed#DB515C
testing.iconPassed#83B60D
testing.iconQueued#D3972D
testing.iconSkipped#7A6CC4
testing.iconUnset#A9AE9F
testing.message.error.lineBackground#F2BFC3
testing.message.info.decorationForeground#1F1F1C
testing.message.info.lineBackground#CDC7E9
testing.peekBorder#C4C7BC
testing.peekHeaderBackground#DEE0D9
testing.runAction#84BD94
textLink.activeForeground#83B60D
textLink.foreground#4B9C61
titleBar.activeBackground#DEE0D9
titleBar.activeForeground#34362E
titleBar.border#A9AE9F
titleBar.inactiveBackground#C4C7BC
titleBar.inactiveForeground#1F1F1C
tree.inactiveIndentGuidesStroke#747c6566
tree.indentGuidesStroke#747C65
tree.tableColumnsBorder#a9ae9f20
tree.tableOddRowsBackground#a9ae9f0a
walkThrough.embeddedEditorBackground#C4C7BC
walkthrough.stepTitle.foreground#1F1F1C
welcomePage.background#F9F9F6
welcomePage.progress.background#BDDEC7
welcomePage.progress.foreground#C4C7BC
welcomePage.tileBackground#DEE0D9
welcomePage.tileBorder#C4C7BC
welcomePage.tileHoverBackground#BDDEC7
widget.border#747C65
window.activeBorder#84BD94
window.inactiveBorder#4A4E41

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment, meta.toc-list	#A9AE9F	italic
constant, constant.numeric, constant.numeric.integer, constant.numeric.integer.binary, constant.numeric.integer.octal, constant.numeric.integer.decimal, constant.numeric.integer.hexadecimal, constant.numeric.integer.other, constant.numeric.float, constant.numeric.float.binary, constant.numeric.float.octal, constant.numeric.float.decimal, constant.numeric.float.hexadecimal, constant.numeric.float.other, constant.numeric.complex, constant.numeric.complex.real, constant.numeric.complex.imaginary, constant.language, constant.character.escape, constant.other.placeholder, constant.other	#6B2C8D
entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.trait, entity.name.interface, entity.name.impl, entity.name.type, entity.name.class.ford-decl, entity.other.inherited-class, entity.name.function.constructor, entity.name.function.destructor, entity.name.namespace, entity.name.constant, entity.name.label, entity.name.tag, entity.name.section, entity.other.attribute-name	#38714B	bold
entity.name.function, entity.name.function.constructor, entity.name.function.destructor	#5C7F10	bold italic
keyword, keyword.control, keyword.control.conditional, keyword.control.import, punctuation.definition.keyword, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.word, keyword.other	#41358D
markup.heading, markup.list.numbered, markup.list.unnumbered, markup.bold, markup.italic, markup.underline, markup.inserted, markup.deleted, markup.underline.link, markup.quote, markup.raw.inline, markup.raw.block, markup.other	#1F1F1C
markup.underline	—	underline
markup.bold	#B1A9DD	bold
markup.heading	#93232F	bold
markup.italic	—	italic
markup.inserted	#5C7F10	—
markup.deleted	#93232F	—
markup.changed	#41358D	—
markup.inline.raw	#93232F	—
punctuation.definition.tag	#93232F	—
meta.class, meta.struct, meta.enum, meta.union, meta.trait, meta.interface, meta.impl, meta.type, meta.function, meta.function.parameters, meta.function.return-type, meta.namespace, meta.preprocessor, meta.annotation, meta.annotation.identifier, meta.annotation.parameters, meta.path, meta.function-call, meta.block, meta.braces, meta.group, meta.parens, meta.brackets, meta.generic, meta.tag, meta.paragraph	#4A4E41
storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.trait, storage.type.interface, storage.type.impl, storage.type keyword.declaration.type	#41358D
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, meta.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.unquoted, string.quoted.regexp, meta.interpolated, punctuation.section.interpolation.begin, punctuation.section.interpolation.end, source.language-suffix.embedded	#93232F
support, support.class, support.constant, support.function, support.other, support.property-value, support.type, support.variable, support.module	#1F1F1C	bold
support.class, support.function, support.module	#38714B	bold
support.constant, support.other, support.property-value, support.type, support.variable	#38714B
variable, variable.other, variable.other.readwrite, punctuation.definition.variable, variable.other.constant, variable.language, variable.parameter, variable.other.member, variable.function, variable.annotation, punctuation.definition.annotation	#1F1F1C
variable.language	#1F1F1C	italic
variable.other, variable.other.member	#5C7F10
variable.parameter	#93232F
	#1F1F1C
punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor	#4A4E41
source	#4A4E41
text.html, text.xml	#4A4E41
invalid, invalid.illegal, invalid.deprecated	#93232F	underline
punctuation.definition.tag, punctuation.definition.annotation, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.braces.begin, punctuation.section.braces.end, punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.parens.begin, punctuation.section.parens.end, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.definition.generic.begin, punctuation.definition.generic.end	#93232F	—

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Quipu — Quipu Soft

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#52a97b
activityBar.background#f6f7f5
activityBar.border#dbded8
activityBar.dropBorder#65b588
activityBar.foreground#65b588
activityBar.inactiveForeground#616a58
activityBarBadge.background#52a97b
activityBarBadge.foreground#ffffff
badge.background#52a97b
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#dbded8
breadcrumb.background#f6f7f5
breadcrumb.focusForeground#75816a
breadcrumb.foreground#4c5245
breadcrumbPicker.background#f6f7f5
button.background#65b588
button.border#dbded8
button.foreground#ffffff
button.hoverBackground#49936e
button.secondaryBackground#8a967e
button.secondaryForeground#ffffff
button.secondaryHoverBackground#616a58
button.separator#c0c5bb
chat.requestBackground#f6f7f5
chat.requestBorder#c0c5bb
checkbox.background#ffffff
checkbox.border#ffffff
checkbox.foreground#616a58
debugConsole.errorForeground#dd6256
debugConsole.infoForeground#393a34
debugConsole.sourceForeground#616a58
debugConsole.warningForeground#f2c60f
debugConsoleInputIcon.foreground#8a967e
debugExceptionWidget.background#fdfefe
debugExceptionWidget.border#dfefe6
debugIcon.breakpointForeground#e4847b
debugIcon.continueForeground#73c914
debugIcon.pauseForeground#a5cfb8
debugIcon.restartForeground#98d258
debugIcon.startForeground#82e610
debugIcon.stopForeground#dd6256
debugTokenExpression.boolean#75816a
debugTokenExpression.error#dd6256
debugTokenExpression.name#393a34
debugTokenExpression.number#8a967e
debugTokenExpression.string#4c5245
debugTokenExpression.value#616a58
debugToolBar.background#fdfefe
debugToolBar.border#dfefe6
debugView.valueChangedHighlight#efe1a8
descriptionForeground#8a967e
diffEditor.border#a5cfb8
diffEditor.insertedTextBackground#b1db8280
diffEditor.removedTextBackground#e5b18580
diffEditorOverview.insertedForeground#b1db82
diffEditorOverview.removedForeground#eca7a0
disabledForeground#a5ac9e
dropdown.background#ffffff
dropdown.border#a5cfb8
dropdown.foreground#616a58
editor.background#ffffff
editor.findMatchBackground#cae8a9
editor.findMatchBorder#82e610
editor.findMatchForeground#616a58
editor.findMatchHighlightBackground#98d25880
editor.findMatchHighlightBorder#f27a15
editor.findRangeHighlightBackground#a5ac9e80
editor.findRangeHighlightBorder#f6f7f580
editor.focusedStackFrameHighlightBackground#c2dfcf
editor.foldBackground#dfefe680
editor.foldPlaceholderForeground#dbded8
editor.foreground#393a34
editor.hoverHighlightBackground#d7ceeb80
editor.inactiveSelectionBackground#a5cfb859
editor.lineHighlightBackground#fdfefe
editor.lineHighlightBorder#dfefe6
editor.linkedEditingBackground#dbded8
editor.rangeHighlightBackground#f6f7f580
editor.rangeHighlightBorder#f6f7f5
editor.selectionBackground#b1db8259
editor.selectionHighlightBackground#a5cfb859
editor.selectionHighlightBorder#82e610
editor.stackFrameHighlightBackground#dfefe6
editor.wordHighlightBackground#d7ceeb80
editor.wordHighlightBorder#dbded8
editor.wordHighlightStrongBackground#c2dfcf80
editor.wordHighlightStrongBorder#a5ac9e
editorCodeLens.foreground#8a967e
editorCommentsWidget.rangeActiveBackground#f6f7f5
editorCommentsWidget.rangeBackground#dbded8
editorCommentsWidget.replyInputBackground#f6f7f5
editorCommentsWidget.resolvedBorder#c0c5bb
editorCommentsWidget.unresolvedBorder#a5ac9e
editorCursor.background#f6f7f5
editorCursor.foreground#393a34
editorGhostText.background#ffffff
editorGhostText.border#dbded8
editorGhostText.foreground#393a34
editorGroup.border#ffffff
editorGroup.dropBackground#dfefe6
editorGroup.dropIntoPromptBackground#c0c5bb
editorGroup.dropIntoPromptBorder#a5ac9e
editorGroup.dropIntoPromptForeground#393a34
editorGroup.emptyBackground#ffffff
editorGroup.focusedEmptyBorder#8a967e
editorGroupHeader.border#a5ac9e
editorGroupHeader.tabsBackground#f6f7f5
editorGroupHeader.tabsBorder#c0c5bb
editorGutter.addedBackground#82e610
editorGutter.background#f6f7f540
editorGutter.commentGlyphForeground#8a967e
editorGutter.commentRangeForeground#dfefe6
editorGutter.commentUnresolvedGlyphForeground#75816a
editorGutter.deletedBackground#bc352d
editorGutter.foldingControlForeground#393a34
editorGutter.modifiedBackground#65b588
editorHoverWidget.background#ffffff
editorHoverWidget.border#a5cfb8
editorHoverWidget.foreground#393a34
editorHoverWidget.highlightForeground#82e610
editorHoverWidget.statusBarBackground#f6f7f5
editorIndentGuide.activeBackground1#a5cfb8
editorIndentGuide.background1#dbded8
editorInlayHint.background#ffffff
editorInlayHint.foreground#c0c5bb
editorLightBulb.foreground#f2c60f
editorLightBulbAi.foreground#8e71c7
editorLightBulbAutoFix.foreground#82e610
editorLineNumber.activeForeground#393a34
editorLineNumber.foreground#a5ac9e
editorLink.activeForeground#49936e
editorMarkerNavigation.background#ffffff
editorMarkerNavigationError.background#dd6256
editorMarkerNavigationInfo.background#89bea1
editorMarkerNavigationWarning.background#f2c60f
editorOverviewRuler.addedForeground#b1db82
editorOverviewRuler.background#f6f7f5
editorOverviewRuler.border#c0c5bb
editorOverviewRuler.bracketMatchForeground#c0c5bb
editorOverviewRuler.commonContentForeground#65b588
editorOverviewRuler.currentContentForeground#8e71c7
editorOverviewRuler.deletedForeground#eca7a0
editorOverviewRuler.errorForeground#dd6256
editorOverviewRuler.findMatchForeground#b1db8280
editorOverviewRuler.incomingContentForeground#89bea1
editorOverviewRuler.infoForeground#a690d3
editorOverviewRuler.inlineChatRemoved#eca7a0
editorOverviewRuler.modifiedForeground#bfaedf
editorOverviewRuler.rangeHighlightForeground#dbded8
editorOverviewRuler.selectionHighlightForeground#f6f7f580
editorOverviewRuler.warningForeground#98d258
editorOverviewRuler.wordHighlightForeground#a5ac9e
editorOverviewRuler.wordHighlightStrongForeground#8a967e
editorOverviewRuler.wordHighlightTextForeground#75816a
editorRuler.foreground#a5ac9e
editorStickyScroll.background#ffffff
editorStickyScroll.border#a5cfb8
editorStickyScrollHover.background#cae8a9
editorSuggestWidget.background#ffffff
editorSuggestWidget.border#a5cfb8
editorSuggestWidget.foreground#393a34
editorSuggestWidget.highlightForeground#65b588
editorSuggestWidget.selectedBackground#dfefe6
editorSuggestWidget.selectedForeground#393a34
editorSuggestWidgetStatus.foreground#616a58
editorUnicodeHighlight.background#f6f7f5
editorUnicodeHighlight.border#dd6256
editorWatermark.foreground#8a967e
editorWhitespace.foreground#dbded8
editorWidget.background#f6f7f5
editorWidget.border#dbded8
editorWidget.foreground#616a58
editorWidget.resizeBorder#8a967e
errorForeground#bc352d
focusBorder#a5cfb8
foreground#393a34
git.blame.editorDecorationForeground#8a967e
gitDecoration.addedResourceForeground#64ac16
gitDecoration.conflictingResourceForeground#9d38b4
gitDecoration.deletedResourceForeground#dd6256
gitDecoration.ignoredResourceForeground#a5ac9e
gitDecoration.modifiedResourceForeground#b7950f
gitDecoration.stageDeletedResourceForeground#dd6256
gitDecoration.stageModifiedResourceForeground#b7950f
gitDecoration.submoduleResourceForeground#65b588
gitDecoration.untrackedResourceForeground#49936e
icon.foreground#616a58
input.background#ffffff
input.border#dbded8
input.foreground#616a58
input.placeholderForeground#8a967e
inputOption.activeBackground#dfefe6
inputOption.activeBorder#ffffff
inputOption.activeForeground#393a34
inputOption.hoverBackground#dbded8
list.activeSelectionBackground#dfefe6
list.activeSelectionForeground#393a34
list.deemphasizedForeground#8a967e
list.dropBackground#dfefe6
list.dropBetweenBackground#c0c5bb
list.errorForeground#bc352d
list.filterMatchBackground#dcc257
list.filterMatchBorder#e5d280
list.focusAndSelectionOutline#a5cfb8
list.focusBackground#c2dfcf
list.focusForeground#616a58
list.focusHighlightForeground#8e71c7
list.focusOutline#a5cfb8
list.highlightForeground#8e71c7
list.hoverBackground#dfefe6
list.hoverForeground#393a34
list.inactiveFocusBackground#c2dfcf
list.inactiveFocusOutline#a5cfb8
list.inactiveSelectionBackground#c2dfcf
list.inactiveSelectionForeground#393a34
list.warningForeground#f2c60f
listFilterWidget.background#eecaac
listFilterWidget.noMatchesOutline#dd6256
listFilterWidget.outline#f6f7f5
menu.background#f6f7f5
menu.border#dbded8
menu.foreground#4c5245
menu.selectionBackground#49936e
menu.selectionForeground#f6f7f5
menu.separatorBackground#dbded8
menubar.selectionBackground#c2dfcf
menubar.selectionForeground#356857
merge.border#65b588
merge.commonContentBackground#c0c5bb80
merge.commonHeaderBackground#8a967e80
merge.currentContentBackground#a5cfb880
merge.currentHeaderBackground#65b58880
merge.incomingContentBackground#bfaedf80
merge.incomingHeaderBackground#8e71c780
mergeEditor.change.background#dfefe6
mergeEditor.change.word.background#c2dfcf
mergeEditor.changeBase.background#f6f7f5
mergeEditor.changeBase.word.background#dbded8
mergeEditor.conflict.handled.minimapOverViewRuler#a5cfb8
mergeEditor.conflict.handledFocused.border#98d258
mergeEditor.conflict.handledUnfocused.border#b1db82
mergeEditor.conflict.input1.background#f0ecf7
mergeEditor.conflict.input2.background#d7ceeb
mergeEditor.conflict.unhandled.minimapOverViewRuler#89bea1
mergeEditor.conflict.unhandledFocused.border#e4847b
mergeEditor.conflict.unhandledUnfocused.border#eca7a0
mergeEditor.conflictingLines.background#f6f7f5
minimap.background#f6f7f5
minimap.errorHighlight#dd6256
minimap.findMatchHighlight#8a967e80
minimap.foregroundOpacity#393a341a
minimap.infoHighlight#6543b2
minimap.selectionHighlight#8e71c780
minimap.selectionOccurrenceHighlight#616a58
minimap.warningHighlight#f2c60f
notebook.cellBorderColor#dbded8
notebook.cellEditorBackground#ffffff
notebook.cellHoverBackground#f6f7f5
notebook.cellInsertionIndicator#c0c5bb
notebook.cellStatusBarItemHoverBackground#f6f7f5
notebook.cellToolbarSeparator#dbded8
notebook.editorBackground#ffffff
notebook.focusedCellBackground#f6f7f5
notebook.focusedCellBorder#dbded8
notebook.focusedEditorBorder#c0c5bb
notebook.inactiveFocusedCellBorder#f6f7f5
notebook.inactiveSelectedCellBorder#f6f7f5
notebook.outputContainerBackgroundColor#ffffff
notebook.outputContainerBorderColor#dbded8
notebook.selectedCellBackground#616a58
notebook.selectedCellBorder#f6f7f5
notebookScrollbarSlider.activeBackground#f6f7f5
notebookScrollbarSlider.background#616a58
notebookScrollbarSlider.hoverBackground#f6f7f5
notificationCenter.border#dfefe6
notificationCenterHeader.background#ffffff
notificationCenterHeader.foreground#616a58
notifications.background#fdfefe
notifications.border#ffffff
notifications.foreground#616a58
notificationsErrorIcon.foreground#dd6256
notificationsInfoIcon.foreground#89bea1
notificationsWarningIcon.foreground#f2c60f
notificationToast.border#dfefe6
outputView.background#ffffff
panel.background#ffffff
panel.border#a5cfb8
panel.dropBorder#dfefe6
panelSection.border#ffffff
panelSectionHeader.background#f6f7f5
panelSectionHeader.border#dbded8
panelSectionHeader.foreground#393a34
panelStickyScroll.background#f6f7f5
panelStickyScroll.border#dbded8
panelTitle.activeBorder#a5cfb8
panelTitle.activeForeground#393a34
panelTitle.border#ffffff
panelTitle.inactiveForeground#616a58
peekView.border#65b588
peekViewEditor.background#fdfefe
peekViewEditor.matchHighlightBackground#f2c60f
peekViewEditor.matchHighlightBorder#d8b00b
peekViewEditorGutter.background#fdfefe
peekViewResult.background#fdfefe
peekViewResult.fileForeground#393a34
peekViewResult.lineForeground#616a58
peekViewResult.matchHighlightBackground#eecaac
peekViewResult.selectionBackground#dfefe6
peekViewResult.selectionForeground#616a58
peekViewTitle.background#ffffff
peekViewTitleDescription.foreground#616a58
peekViewTitleLabel.foreground#393a34
pickerGroup.border#dbded8
pickerGroup.foreground#65b588
problemsErrorIcon.foreground#dd6256
problemsInfoIcon.foreground#8e71c7
problemsWarningIcon.foreground#82e610
progressBar.background#65b588
quickInput.background#ffffff
quickInput.foreground#393a34
quickInputList.focusBackground#f6f7f5
quickInputList.focusForeground#393a34
quickInputList.focusIconForeground#8a967e
quickInputTitle.background#f6f7f5
sash.hoverBorder#82e610
scrollbarSlider.activeBackground#89bea1
scrollbarSlider.background#a5cfb8
scrollbarSlider.hoverBackground#a5cfb8
search.resultsInfoForeground#616a58
searchEditor.findMatchBackground#c2dfcf
searchEditor.findMatchBorder#a5cfb8
searchEditor.textInputBorder#89bea1
selection.background#a5cfb8
settings.focusedRowBackground#ffffff
settings.headerBorder#f6f7f5
settings.headerForeground#616a58
settings.sashBorder#dbded8
sideBar.background#f6f7f5
sideBar.border#dbded8
sideBar.dropBackground#f6f7f5
sideBar.foreground#393a34
sideBarSectionHeader.background#dbded8
sideBarSectionHeader.border#c0c5bb
sideBarSectionHeader.foreground#616a58
sideBarStickyScroll.background#dbded8
sideBarStickyScroll.border#a5ac9e
sideBarTitle.background#dbded8
sideBarTitle.border#c0c5bb
sideBarTitle.foreground#393a34
sideBySideEditor.horizontalBorder#75816a
sideBySideEditor.verticalBorder#616a58
statusBar.background#c2dfcf
statusBar.border#c0c5bb
statusBar.debuggingBackground#d4453a
statusBar.debuggingForeground#ffffff
statusBar.foreground#393a34
statusBar.noFolderBackground#65b588
statusBar.noFolderBorder#c0c5bb
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#ffffff
statusBarItem.hoverBackground#b1db82
statusBarItem.remoteBackground#b1db82
statusBarItem.remoteForeground#393a34
tab.activeBackground#c2dfcf
tab.border#c0c5bb
tab.hoverBackground#dfefe6
tab.hoverForeground#393a34
tab.inactiveBackground#f6f7f5
tab.inactiveForeground#c0c5bb
tab.selectedBackground#ffffff
tab.selectedForeground#393a34
tab.unfocusedActiveBackground#c2dfcf
tab.unfocusedActiveForeground#75816a
tab.unfocusedHoverBackground#f6f7f5
tab.unfocusedHoverForeground#616a58
tab.unfocusedInactiveBackground#f6f7f5
tab.unfocusedInactiveForeground#a5ac9e
terminal.ansiBlack#393a34
terminal.ansiBlue#6543b2
terminal.ansiBrightBlack#616a58
terminal.ansiBrightBlue#8e71c7
terminal.ansiBrightCyan#65b588
terminal.ansiBrightGreen#82e610
terminal.ansiBrightMagenta#bc62cb
terminal.ansiBrightRed#dd6256
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f2c60f
terminal.ansiCyan#49936e
terminal.ansiGreen#64ac16
terminal.ansiMagenta#9d38b4
terminal.ansiRed#bc352d
terminal.ansiWhite#dbded8
terminal.ansiYellow#b7950f
terminal.background#ffffff
terminal.border#ffffff
terminal.dropBackground#dfefe6
terminal.foreground#393a34
terminal.inactiveSelectionBackground#f6f7f5
terminal.selectionBackground#c0c5bb
terminalCommandDecoration.defaultBackground#f6f7f5
terminalCommandDecoration.errorBackground#eca7a0
terminalCommandDecoration.successBackground#b1db82
terminalCursor.background#65b588
terminalCursor.foreground#ffffff
terminalOverviewRuler.border#dbded8
terminalOverviewRuler.cursorForeground#f3c8c4
terminalOverviewRuler.findMatchForeground#efe1a8
terminalStickyScroll.background#ffffff
terminalStickyScroll.border#dbded8
terminalStickyScrollHover.background#f6f7f5
testing.iconErrored#dd6256
testing.iconFailed#e4847b
testing.iconPassed#82e610
testing.iconQueued#dcc257
testing.iconSkipped#a690d3
testing.iconUnset#c0c5bb
testing.message.error.lineBackground#fbebe9
testing.message.info.decorationForeground#393a34
testing.message.info.lineBackground#f0ecf7
testing.peekBorder#dbded8
testing.peekHeaderBackground#f6f7f5
testing.runAction#a5cfb8
textLink.activeForeground#82e610
textLink.foreground#65b588
titleBar.activeBackground#f6f7f5
titleBar.activeForeground#4c5245
titleBar.border#c0c5bb
titleBar.inactiveBackground#dbded8
titleBar.inactiveForeground#393a34
tree.inactiveIndentGuidesStroke#8a967e66
tree.indentGuidesStroke#8a967e
tree.tableColumnsBorder#c0c5bb20
tree.tableOddRowsBackground#c0c5bb0a
walkThrough.embeddedEditorBackground#dbded8
walkthrough.stepTitle.foreground#393a34
welcomePage.background#ffffff
welcomePage.progress.background#dfefe6
welcomePage.progress.foreground#dbded8
welcomePage.tileBackground#f6f7f5
welcomePage.tileBorder#dbded8
welcomePage.tileHoverBackground#dfefe6
widget.border#8a967e
window.activeBorder#a5cfb8
window.inactiveBorder#616a58

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment, meta.toc-list	#c0c5bb	italic
constant, constant.numeric, constant.numeric.integer, constant.numeric.integer.binary, constant.numeric.integer.octal, constant.numeric.integer.decimal, constant.numeric.integer.hexadecimal, constant.numeric.integer.other, constant.numeric.float, constant.numeric.float.binary, constant.numeric.float.octal, constant.numeric.float.decimal, constant.numeric.float.hexadecimal, constant.numeric.float.other, constant.numeric.complex, constant.numeric.complex.real, constant.numeric.complex.imaginary, constant.language, constant.character.escape, constant.other.placeholder, constant.other	#9d38b4
entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.trait, entity.name.interface, entity.name.impl, entity.name.type, entity.name.class.ford-decl, entity.other.inherited-class, entity.name.function.constructor, entity.name.function.destructor, entity.name.namespace, entity.name.constant, entity.name.label, entity.name.tag, entity.name.section, entity.other.attribute-name	#49936e	bold
entity.name.function, entity.name.function.constructor, entity.name.function.destructor	#64ac16	bold italic
keyword, keyword.control, keyword.control.conditional, keyword.control.import, punctuation.definition.keyword, keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.logical, keyword.operator.word, keyword.other	#6543b2
markup.heading, markup.list.numbered, markup.list.unnumbered, markup.bold, markup.italic, markup.underline, markup.inserted, markup.deleted, markup.underline.link, markup.quote, markup.raw.inline, markup.raw.block, markup.other	#393a34
markup.underline	—	underline
markup.bold	#d7ceeb	bold
markup.heading	#bc352d	bold
markup.italic	—	italic
markup.inserted	#64ac16	—
markup.deleted	#bc352d	—
markup.changed	#6543b2	—
markup.inline.raw	#bc352d	—
punctuation.definition.tag	#bc352d	—
meta.class, meta.struct, meta.enum, meta.union, meta.trait, meta.interface, meta.impl, meta.type, meta.function, meta.function.parameters, meta.function.return-type, meta.namespace, meta.preprocessor, meta.annotation, meta.annotation.identifier, meta.annotation.parameters, meta.path, meta.function-call, meta.block, meta.braces, meta.group, meta.parens, meta.brackets, meta.generic, meta.tag, meta.paragraph	#616a58
storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.struct, storage.type.enum, storage.type.union, storage.type.trait, storage.type.interface, storage.type.impl, storage.type keyword.declaration.type	#6543b2
string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, meta.string, punctuation.definition.string.begin, punctuation.definition.string.end, string.quoted.unquoted, string.quoted.regexp, meta.interpolated, punctuation.section.interpolation.begin, punctuation.section.interpolation.end, source.language-suffix.embedded	#bc352d
support, support.class, support.constant, support.function, support.other, support.property-value, support.type, support.variable, support.module	#393a34	bold
support.class, support.function, support.module	#49936e	bold
support.constant, support.other, support.property-value, support.type, support.variable	#49936e
variable, variable.other, variable.other.readwrite, punctuation.definition.variable, variable.other.constant, variable.language, variable.parameter, variable.other.member, variable.function, variable.annotation, punctuation.definition.annotation	#393a34
variable.language	#393a34	italic
variable.other, variable.other.member	#64ac16
variable.parameter	#bc352d
	#393a34
punctuation.separator, punctuation.terminator, punctuation.separator.continuation, punctuation.accessor	#616a58
source	#616a58
text.html, text.xml	#616a58
invalid, invalid.illegal, invalid.deprecated	#bc352d	underline
punctuation.definition.tag, punctuation.definition.annotation, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.braces.begin, punctuation.section.braces.end, punctuation.section.group.begin, punctuation.section.group.end, punctuation.section.parens.begin, punctuation.section.parens.end, punctuation.section.brackets.begin, punctuation.section.brackets.end, punctuation.definition.generic.begin, punctuation.definition.generic.end	#bc352d	—