NexQL Themes

Name: NexQL Themes
Author: astrx.dev

Publisher: astrx.devThemes in package: 39

NexQL theme family — scenario-anchored variants (quiet keywords, disciplined spectrum, one reserved accent).

Open in VS Code GitHub

Color themes

VS Code preview

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

NexQL Themes — NexQL Data Pipeline

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#00BCB4
activityBar.background#0A0C0F
activityBar.border#1E232F
activityBar.foreground#C0C6CF
activityBar.inactiveForeground#606875
activityBarBadge.background#00BCB4
activityBarBadge.foreground#0A0C0F
badge.background#1E232F
badge.foreground#C0C6CF
banner.background#14181F
banner.foreground#C0C6CF
banner.iconForeground#00BCB4
breadcrumb.activeSelectionForeground#00BCB4
breadcrumb.background#07080A
breadcrumb.focusForeground#DCDFE4
breadcrumb.foreground#606875
button.background#00BCB4
button.foreground#0A0C0F
button.hoverBackground#00bcb4d9
button.secondaryBackground#1E232F
button.secondaryForeground#C0C6CF
charts.blue#00BCB4
charts.foreground#C0C6CF
charts.green#85C270
charts.lines#2D3546
charts.orange#E69B56
charts.purple#56A8E6
charts.red#E05664
charts.yellow#E69B56
chat.avatarBackground#14181F
chat.avatarForeground#C0C6CF
chat.background#07080A
chat.requestBackground#0A0C0F
chat.requestBorder#1E232F
chat.slashCommandBackground#00bcb433
chat.slashCommandForeground#00BCB4
checkbox.background#14181F
checkbox.border#2D3546
checkbox.foreground#DCDFE4
checkbox.selectBackground#00BCB4
checkbox.selectBorder#00BCB4
commandCenter.activeBackground#1E232F
commandCenter.activeBorder#00BCB4
commandCenter.activeForeground#DCDFE4
commandCenter.background#14181F
commandCenter.border#1E232F
commandCenter.debuggingBackground#E69B56
commandCenter.foreground#9CA4AF
commandCenter.inactiveBorder#1E232F
commandCenter.inactiveForeground#606875
debugConsole.errorForeground#E05664
debugConsole.infoForeground#C0C6CF
debugConsole.sourceForeground#9CA4AF
debugConsole.warningForeground#E69B56
debugConsoleInputIcon.foreground#00BCB4
debugExceptionWidget.background#14181F
debugExceptionWidget.border#E05664
debugIcon.breakpointDisabledForeground#606875
debugIcon.breakpointForeground#E05664
debugIcon.breakpointUnverifiedForeground#9CA4AF
debugIcon.continueForeground#85C270
debugIcon.disconnectForeground#E05664
debugIcon.pauseForeground#00BCB4
debugIcon.restartForeground#85C270
debugIcon.startForeground#85C270
debugIcon.stepBackForeground#00BCB4
debugIcon.stepIntoForeground#00BCB4
debugIcon.stepOutForeground#00BCB4
debugIcon.stepOverForeground#00BCB4
debugIcon.stopForeground#E05664
debugTokenExpression.boolean#FF6F61
debugTokenExpression.error#E05664
debugTokenExpression.name#9CA4AF
debugTokenExpression.number#FF6F61
debugTokenExpression.string#85C270
debugTokenExpression.value#9CA4AF
debugToolBar.background#14181F
debugToolBar.border#2D3546
descriptionForeground#606875
diffEditor.insertedTextBackground#85c27026
diffEditor.removedTextBackground#e0566426
dropdown.background#14181F
dropdown.border#2D3546
dropdown.foreground#DCDFE4
editor.background#0A0C0F
editor.findMatchBackground#e69b5666
editor.findMatchHighlightBackground#00bcb433
editor.focusedStackFrameHighlightBackground#85c27033
editor.foldBackground#00bcb41a
editor.foreground#C0C6CF
editor.inactiveSelectionBackground#1e232fcc
editor.lineHighlightBackground#07080a99
editor.lineHighlightBorder#1E232F
editor.rangeHighlightBackground#00bcb41f
editor.selectionBackground#00BCB440
editor.selectionHighlightBackground#00bcb433
editor.snippetFinalTabstopHighlightBorder#00BCB4
editor.snippetTabstopHighlightBackground#00bcb433
editor.stackFrameHighlightBackground#e69b5633
editor.symbolHighlightBackground#e69b5633
editor.wordHighlightBackground#00bcb426
editor.wordHighlightStrongBackground#00bcb440
editorBracketMatch.background#00bcb41f
editorBracketMatch.border#00BCB4
editorBracketPairGuide.activeBackground1#00BCB4
editorBracketPairGuide.background1#1E232F
editorCodeLens.foreground#606875
editorCursor.foreground#DCDFE4
editorError.foreground#E05664
editorGhostText.foreground#606875a6
editorGroupHeader.tabsBackground#0A0C0F
editorGroupHeader.tabsBorder#1E232F
editorGutter.addedBackground#85C270
editorGutter.background#0A0C0F
editorGutter.deletedBackground#E05664
editorGutter.modifiedBackground#56A8E6
editorHint.foreground#9CA4AF
editorHoverWidget.background#14181F
editorHoverWidget.border#2D3546
editorIndentGuide.activeBackground1#00bcb473
editorIndentGuide.background1#1E232F
editorInfo.foreground#00BCB4
editorInlayHint.background#14181fe6
editorInlayHint.foreground#606875
editorLightBulb.foreground#E69B56
editorLightBulbAutoFix.foreground#00BCB4
editorLineNumber.activeForeground#DCDFE4
editorLineNumber.foreground#606875
editorLink.activeForeground#00BCB4
editorOverviewRuler.addedForeground#85C270
editorOverviewRuler.border#1E232F
editorOverviewRuler.bracketMatchForeground#00BCB4
editorOverviewRuler.commonContentForeground#606875
editorOverviewRuler.currentContentForeground#85C270
editorOverviewRuler.deletedForeground#E05664
editorOverviewRuler.errorForeground#E05664
editorOverviewRuler.findMatchForeground#e69b5680
editorOverviewRuler.incomingContentForeground#00BCB4
editorOverviewRuler.infoForeground#00BCB4
editorOverviewRuler.modifiedForeground#56A8E6
editorOverviewRuler.selectionHighlightForeground#00bcb466
editorOverviewRuler.warningForeground#E69B56
editorOverviewRuler.wordHighlightForeground#00bcb466
editorRuler.foreground#1E232F
editorStickyScroll.background#07080A
editorStickyScroll.border#1E232F
editorStickyScrollHover.background#14181F
editorSuggestWidget.background#14181F
editorSuggestWidget.border#2D3546
editorSuggestWidget.foreground#C0C6CF
editorSuggestWidget.highlightForeground#00BCB4
editorSuggestWidget.selectedBackground#1A2D2C
editorSuggestWidget.selectedForeground#EBFBFB
editorWarning.foreground#E69B56
editorWhitespace.foreground#60687559
editorWidget.background#14181F
editorWidget.border#2D3546
errorForeground#E05664
extensionButton.background#00BCB4
extensionButton.foreground#0A0C0F
extensionButton.hoverBackground#00bcb4d9
extensionButton.prominentBackground#00BCB4
extensionButton.prominentForeground#0A0C0F
extensionButton.prominentHoverBackground#00bcb4d9
focusBorder#00BCB4
foreground#C0C6CF
gauge.errorBackground#e0566433
gauge.errorForeground#E05664
gauge.infoBackground#00bcb433
gauge.infoForeground#00BCB4
gauge.warningBackground#e69b5633
gauge.warningForeground#E69B56
gitDecoration.addedResourceForeground#85C270
gitDecoration.conflictingResourceForeground#E05664
gitDecoration.deletedResourceForeground#E05664
gitDecoration.ignoredResourceForeground#606875
gitDecoration.modifiedResourceForeground#56A8E6
gitDecoration.renamedResourceForeground#85C270
gitDecoration.stageDeletedResourceForeground#E05664
gitDecoration.stageModifiedResourceForeground#56A8E6
gitDecoration.submoduleResourceForeground#00BCB4
gitDecoration.untrackedResourceForeground#85C270
icon.foreground#9CA4AF
inlineChat.background#14181F
inlineChat.border#2D3546
inlineChat.shadow#0a0c0f80
inlineChatDiff.inserted#85c27026
inlineChatDiff.removed#e0566426
inlineChatInput.background#0A0C0F
inlineChatInput.border#1E232F
inlineChatInput.focusBorder#00BCB4
inlineChatInput.placeholderForeground#606875
input.background#14181F
input.border#2D3546
input.foreground#DCDFE4
input.placeholderForeground#606875
inputOption.activeBorder#00BCB4
inputValidation.errorBackground#e0566426
inputValidation.errorBorder#E05664
inputValidation.warningBackground#e69b5626
inputValidation.warningBorder#E69B56
keybindingLabel.background#1E232F
keybindingLabel.border#2D3546
keybindingLabel.foreground#DCDFE4
list.activeSelectionBackground#1A2D2C
list.activeSelectionForeground#EBFBFB
list.deemphasizedForeground#606875
list.dropBackground#00bcb433
list.errorForeground#E05664
list.filterMatchBackground#e69b5659
list.focusBackground#1A2D2C
list.focusForeground#EBFBFB
list.focusHighlightForeground#00bcb4bf
list.focusOutline#00bcb480
list.highlightForeground#00BCB4
list.hoverBackground#1E232F
list.hoverForeground#DCDFE4
list.inactiveSelectionBackground#1E232F
list.inactiveSelectionForeground#C0C6CF
list.warningForeground#E69B56
listFilterWidget.background#14181F
listFilterWidget.noMatchesOutline#E05664
listFilterWidget.outline#00BCB4
menu.background#14181F
menu.border#2D3546
menu.foreground#C0C6CF
menu.selectionBackground#1A2D2C
menu.selectionForeground#EBFBFB
menu.separatorBackground#2D3546
menubar.selectionBackground#00bcb433
menubar.selectionBorder#00BCB4
menubar.selectionForeground#DCDFE4
merge.border#2D3546
merge.commonContentBackground#1e232f59
merge.commonHeaderBackground#1e232f80
merge.currentContentBackground#85c27033
merge.currentHeaderBackground#85c27066
merge.incomingContentBackground#00bcb433
merge.incomingHeaderBackground#00bcb466
minimap.background#0A0C0F
minimap.errorHighlight#E05664
minimap.findMatchHighlight#e69b5680
minimap.selectionHighlight#00bcb480
minimap.warningHighlight#E69B56
minimapGutter.addedBackground#85C270
minimapGutter.deletedBackground#E05664
minimapGutter.modifiedBackground#56A8E6
minimapSlider.activeBackground#00bcb480
minimapSlider.background#1e232f80
minimapSlider.hoverBackground#2d354699
multiDiffEditor.background#0A0C0F
multiDiffEditor.border#1E232F
multiDiffEditor.headerBackground#14181F
notebook.cellBorderColor#1E232F
notebook.cellEditorBackground#07080A
notebook.cellHoverBackground#07080a80
notebook.cellStatusBarItemHoverBackground#1E232F
notebook.editorBackground#0A0C0F
notebook.focusedCellBackground#1e232f66
notebook.focusedCellBorder#00BCB4
notebook.focusedEditorBorder#00BCB4
notebook.selectedCellBackground#1e232f4d
notebookStatusErrorIcon.foreground#E05664
notebookStatusRunningIcon.foreground#00BCB4
notebookStatusSuccessIcon.foreground#85C270
notificationCenter.border#2D3546
notificationCenterHeader.background#14181F
notificationCenterHeader.foreground#DCDFE4
notificationLink.foreground#00BCB4
notifications.background#14181F
notifications.border#1E232F
notifications.foreground#C0C6CF
notificationsErrorIcon.foreground#E05664
notificationsInfoIcon.foreground#00BCB4
notificationsWarningIcon.foreground#E69B56
notificationToast.border#2D3546
panel.background#14181F
panel.border#1E232F
panelInput.border#2D3546
panelSection.border#1E232F
panelSectionHeader.background#14181F
panelSectionHeader.foreground#C0C6CF
panelTitle.activeBorder#00BCB4
panelTitle.activeForeground#DCDFE4
panelTitle.inactiveForeground#606875
peekView.border#00BCB4
peekViewEditor.background#07080A
peekViewResult.background#0A0C0F
peekViewTitle.background#14181F
ports.iconRunningProcessForeground#85C270
profileBadge.background#1E232F
profileBadge.foreground#C0C6CF
progressBar.background#00BCB4
quickInput.background#14181F
quickInput.foreground#C0C6CF
quickInputList.focusBackground#1A2D2C
quickInputList.focusForeground#EBFBFB
quickInputList.focusIconForeground#00bcb4bf
radio.activeBackground#00bcb433
radio.activeBorder#00BCB4
radio.activeForeground#00BCB4
radio.inactiveBackground#14181F
radio.inactiveBorder#2D3546
radio.inactiveForeground#9CA4AF
radio.inactiveHoverBackground#1E232F
sash.hoverBorder#00BCB4
scmGraph.foreground1#00BCB4
scmGraph.foreground2#E69B56
scmGraph.foreground3#E05664
scmGraph.foreground4#85C270
scmGraph.foreground5#56A8E6
scmGraph.historyItemBaseRefColor#00BCB4
scmGraph.historyItemHoverAdditionsForeground#85C270
scmGraph.historyItemHoverDeletionsForeground#E05664
scmGraph.historyItemHoverLabelForeground#DCDFE4
scmGraph.historyItemRefColor#00BCB4
scmGraph.historyItemRemoteRefColor#56A8E6
scrollbar.shadow#0a0c0f80
scrollbarSlider.activeBackground#00bcb499
scrollbarSlider.background#1e232fb3
scrollbarSlider.hoverBackground#2d3546cc
settings.checkboxBackground#14181F
settings.checkboxBorder#2D3546
settings.checkboxForeground#DCDFE4
settings.dropdownBackground#14181F
settings.dropdownBorder#2D3546
settings.dropdownForeground#DCDFE4
settings.focusedRowBackground#1e232f80
settings.headerBorder#1E232F
settings.headerForeground#DCDFE4
settings.modifiedItemIndicator#56A8E6
settings.numberInputBackground#14181F
settings.numberInputBorder#2D3546
settings.numberInputForeground#FF6F61
settings.rowHoverBackground#14181f80
settings.textInputBackground#14181F
settings.textInputBorder#2D3546
settings.textInputForeground#DCDFE4
sideBar.background#07080A
sideBar.border#1E232F
sideBar.foreground#9CA4AF
sideBarSectionHeader.background#14181F
sideBarSectionHeader.border#2D3546
sideBarSectionHeader.foreground#C0C6CF
sideBarTitle.foreground#DCDFE4
statusBar.background#07080A
statusBar.border#1E232F
statusBar.debuggingBackground#E69B56
statusBar.debuggingForeground#0A0C0F
statusBar.foreground#C0C6CF
statusBar.noFolderBackground#14181F
statusBar.noFolderForeground#C0C6CF
statusBarItem.hoverBackground#00bcb433
statusBarItem.remoteBackground#00BCB4
statusBarItem.remoteForeground#0A0C0F
symbolIcon.arrayForeground#9CA4AF
symbolIcon.booleanForeground#FF6F61
symbolIcon.classForeground#E69B56
symbolIcon.colorForeground#9CA4AF
symbolIcon.constantForeground#FF6F61
symbolIcon.constructorForeground#C0C6CF
symbolIcon.enumeratorForeground#E69B56
symbolIcon.enumeratorMemberForeground#FF6F61
symbolIcon.eventForeground#C0C6CF
symbolIcon.fieldForeground#9CA4AF
symbolIcon.fileForeground#C0C6CF
symbolIcon.folderForeground#9CA4AF
symbolIcon.functionForeground#C0C6CF
symbolIcon.interfaceForeground#E69B56
symbolIcon.keyForeground#E69B56
symbolIcon.keywordForeground#00BCB4
symbolIcon.methodForeground#C0C6CF
symbolIcon.moduleForeground#00BCB4
symbolIcon.namespaceForeground#00BCB4
symbolIcon.numberForeground#FF6F61
symbolIcon.objectForeground#9CA4AF
symbolIcon.operatorForeground#00BCB4
symbolIcon.packageForeground#00BCB4
symbolIcon.propertyForeground#9CA4AF
symbolIcon.referenceForeground#B8BEC6
symbolIcon.snippetForeground#B8BEC6
symbolIcon.stringForeground#85C270
symbolIcon.structForeground#E69B56
symbolIcon.textForeground#C0C6CF
symbolIcon.typeParameterForeground#E69B56
symbolIcon.unitForeground#FF6F61
symbolIcon.variableForeground#9CA4AF
tab.activeBackground#07080A
tab.activeBorderTop#00BCB4
tab.activeForeground#DCDFE4
tab.border#1E232F
tab.hoverBackground#14181F
tab.inactiveBackground#0A0C0F
tab.inactiveForeground#606875
terminal.ansiBlack#0A0C0F
terminal.ansiBlue#00BCB4
terminal.ansiBrightBlack#606875
terminal.ansiBrightBlue#00BCB4
terminal.ansiBrightCyan#00BCB4
terminal.ansiBrightGreen#85C270
terminal.ansiBrightMagenta#56A8E6
terminal.ansiBrightRed#E05664
terminal.ansiBrightWhite#DCDFE4
terminal.ansiBrightYellow#E69B56
terminal.ansiCyan#00BCB4
terminal.ansiGreen#85C270
terminal.ansiMagenta#56A8E6
terminal.ansiRed#E05664
terminal.ansiWhite#C0C6CF
terminal.ansiYellow#E69B56
terminal.background#0A0C0F
terminal.border#1E232F
terminal.foreground#C0C6CF
terminal.selectionBackground#00BCB440
terminalCursor.foreground#DCDFE4
testing.iconErrored#E05664
testing.iconFailed#E05664
testing.iconPassed#85C270
testing.iconQueued#E69B56
testing.iconSkipped#606875
testing.iconUnset#606875
testing.message.error.decorationForeground#E05664
testing.message.info.decorationForeground#00BCB4
testing.runAction#85C270
textCodeBlockBackground#14181F
textLink#00BCB4
textLink.activeForeground#00BCB4
textPreformatBackground#1E232F
textPreformatForeground#9CA4AF
titleBar.activeBackground#0A0C0F
titleBar.activeForeground#DCDFE4
titleBar.border#1E232F
titleBar.inactiveBackground#07080A
titleBar.inactiveForeground#606875
toolbar.activeBackground#1E232F
toolbar.hoverBackground#1e232f80
tree.inactiveIndentGuidesStroke#1E232F
tree.indentGuidesStroke#2D3546
tree.tableColumnsBorder#2D3546
tree.tableOddRowsBackground#14181f80
walkThrough.embeddedEditorBackground#07080A
welcomePage.background#0A0C0F
welcomePage.progress.background#1E232F
welcomePage.progress.foreground#00BCB4
welcomePage.tileBackground#07080A
welcomePage.tileHoverBackground#14181F
widget.shadow#0a0c0f80
window.activeBorder#00BCB4
window.inactiveBorder#1E232F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#606875	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#00BCB4	—
entity.name.function, support.function, support.function.sql, meta.function-call	#C0C6CF	—
entity.name.type, support.type, support.type.sql	#E69B56	—
entity.name.table.sql, entity.name.class	#DCDFE4	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#9CA4AF	—
variable.parameter.sql, variable.other.sql, variable.parameter	#B8BEC6	—
string, string.quoted.single.sql, string.quoted.double.sql	#85C270	—
constant.numeric, constant.language	#FF6F61	—
keyword.operator, keyword.operator.sql, punctuation	#00BCB4	—
constant.other, support.constant	#FF6F61	—
support.type.property-name.json	#E69B56	—
meta.decorator, punctuation.decorator	#E69B56	—
string.template, punctuation.definition.template-expression	#85C270	—
constant.character.escape	#FF6F61	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#E69B56	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#85C270	—
entity.name.tag.yaml	#E69B56	—
meta.preprocessor, keyword.control.directive	#00BCB4	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#606875	italic
markup.list, punctuation.definition.list	#00BCB4	—
variable.other.special.shell	#9CA4AF	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#FF6F61	—
variable.language.special.self.python, variable.language.special.self	#00BCB4	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#00BCB4	—
storage.modifier, storage.type.modifier	#00BCB4	—
variable.language, variable.language.this, variable.language.super	#00BCB4	italic
entity.name.namespace, entity.name.scope-resolution	#E69B56	—
entity.other.inherited-class	#E69B56	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#9CA4AF	—
support.class, support.other, support.constant.property-value	#E69B56	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#E69B56	—
punctuation.accessor, punctuation.separator, meta.brace	#00BCB4	—
meta.template.expression, punctuation.section.embedded	#00BCB4	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#00BCB4	—
entity.other.attribute-name, entity.other.attribute-name.html	#B8BEC6	—
punctuation.definition.tag, punctuation.separator.key-value.html	#00BCB4	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#E69B56	—
support.type.property-name.css, support.type.vendored.property-name.css	#9CA4AF	—
keyword.other.unit, constant.numeric.css, constant.other.color	#FF6F61	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#00BCB4	bold
markup.bold, punctuation.definition.bold	#FF6F61	bold
markup.italic, punctuation.definition.italic	#E69B56	italic
markup.quote	#606875	italic
markup.inline.raw, markup.fenced_code, markup.raw	#85C270	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#C0C6CF	—
string.other.link.title.markdown, string.other.link.description.markdown	#B8BEC6	—
meta.separator.markdown, punctuation.definition.constant.markdown	#606875	—
markup.inserted, meta.diff.header.to-file	#85C270	—
markup.deleted, meta.diff.header.from-file	#E05664	—
markup.changed	#56A8E6	—
invalid, invalid.illegal	#E05664	—

VS Code preview

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

NexQL Themes — NexQL Drift 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#9496C8
activityBar.background#101016
activityBar.border#23232E
activityBar.foreground#D8D6E0
activityBar.inactiveForeground#6B6A7E
activityBarBadge.background#9496C8
activityBarBadge.foreground#101016
activityBarTop.activeBorder#9496C8
activityBarTop.foreground#D8D6E0
activityBarTop.inactiveForeground#6B6A7E
badge.background#1F1F2D
badge.foreground#D8D6E0
banner.background#181821
banner.foreground#D8D6E0
banner.iconForeground#9496C8
breadcrumb.activeSelectionForeground#9496C8
breadcrumb.background#0C0C11
breadcrumb.focusForeground#D8D6E0
breadcrumb.foreground#6B6A7E
breadcrumbPicker.background#181821
button.background#9496C8
button.border#2E2E3A
button.foreground#101016
button.hoverBackground#9496c8d9
button.secondaryBackground#1F1F2D
button.secondaryForeground#D8D6E0
button.secondaryHoverBackground#1E1E2A
charts.blue#7AA8E8
charts.foreground#D8D6E0
charts.green#8BB89A
charts.lines#6B6A7E
charts.orange#D9A86C
charts.purple#B68CDB
charts.red#E85FBF
charts.yellow#D9A86C
chat.avatarBackground#181821
chat.avatarForeground#D8D6E0
chat.background#0C0C11
chat.requestBackground#101016
chat.requestBorder#23232E
chat.slashCommandBackground#9496c833
chat.slashCommandForeground#9496C8
checkbox.background#181821
checkbox.border#2E2E3A
checkbox.foreground#D8D6E0
checkbox.selectBackground#9496C8
checkbox.selectBorder#9496C8
commandCenter.activeBackground#1E1E2A
commandCenter.activeBorder#9496C8
commandCenter.activeForeground#D8D6E0
commandCenter.background#181821
commandCenter.border#23232E
commandCenter.debuggingBackground#D9A86C
commandCenter.foreground#6B6A7E
commandCenter.inactiveBorder#23232E
commandCenter.inactiveForeground#6B6A7E
debugConsole.errorForeground#E85FBF
debugConsole.infoForeground#9496C8
debugConsole.sourceForeground#6B6A7E
debugConsole.warningForeground#D9A86C
debugConsoleInputIcon.foreground#9496C8
debugExceptionWidget.background#181821
debugExceptionWidget.border#E85FBF
debugIcon.breakpointDisabledForeground#6B6A7E
debugIcon.breakpointForeground#E85FBF
debugIcon.breakpointUnverifiedForeground#B8B6C4
debugIcon.continueForeground#8BB89A
debugIcon.disconnectForeground#E85FBF
debugIcon.pauseForeground#D9A86C
debugIcon.restartForeground#8BB89A
debugIcon.startForeground#8BB89A
debugIcon.stepBackForeground#9496C8
debugIcon.stepIntoForeground#7AA8E8
debugIcon.stepOutForeground#7AA8E8
debugIcon.stepOverForeground#7AA8E8
debugIcon.stopForeground#E85FBF
debugTokenExpression.boolean#E8A44E
debugTokenExpression.error#E85FBF
debugTokenExpression.name#D8D6E0
debugTokenExpression.number#E8A44E
debugTokenExpression.string#E08858
debugTokenExpression.value#B8B6C4
debugToolBar.background#181821
debugToolBar.border#2E2E3A
descriptionForeground#6B6A7E
diffEditor.diagonalFill#23232E
diffEditor.insertedLineBackground#8BB89A14
diffEditor.insertedTextBackground#8bb89a26
diffEditor.removedLineBackground#E85FBF14
diffEditor.removedTextBackground#e85fbf26
diffEditorGutter.insertedLineBackground#8BB89A1F
diffEditorGutter.removedLineBackground#E85FBF1F
disabledForeground#494857
dropdown.background#181821
dropdown.border#2E2E3A
dropdown.foreground#D8D6E0
dropdown.listBackground#181821
editor.background#101016
editor.findMatchBackground#d9a86c66
editor.findMatchHighlightBackground#9496c833
editor.findRangeHighlightBackground#9496C81A
editor.focusedStackFrameHighlightBackground#8BB89A26
editor.foldBackground#9496C814
editor.foreground#D8D6E0
editor.hoverHighlightBackground#9496C826
editor.inactiveSelectionBackground#1f1f2dcc
editor.lineHighlightBackground#0c0c1199
editor.lineHighlightBorder#23232E
editor.linkedEditingBackground#E85FBF26
editor.rangeHighlightBackground#9496C81A
editor.selectionBackground#9496C840
editor.selectionHighlightBackground#9496c833
editor.snippetFinalTabstopHighlightBorder#9496C8
editor.snippetTabstopHighlightBackground#9496c833
editor.stackFrameHighlightBackground#D9A86C26
editor.symbolHighlightBackground#d9a86c33
editor.wordHighlightBackground#9496c826
editor.wordHighlightStrongBackground#9496c840
editorBracketHighlight.foreground1#8E8FB8
editorBracketHighlight.foreground2#7AA8E8
editorBracketHighlight.foreground3#B68CDB
editorBracketHighlight.foreground4#D9A86C
editorBracketHighlight.foreground5#8E8FB8
editorBracketHighlight.foreground6#6B6A7E
editorBracketHighlight.unexpectedBracket.foreground#E85FBF
editorBracketMatch.background#9496c81f
editorBracketMatch.border#9496C8
editorBracketPairGuide.activeBackground1#9496C8
editorBracketPairGuide.background1#23232E
editorCodeLens.foreground#6B6A7E
editorCursor.foreground#D8D6E0
editorError.foreground#E85FBF
editorGhostText.foreground#6b6a7ea6
editorGroup.border#23232E
editorGroup.dropBackground#2A2A4080
editorGroupHeader.noTabsBackground#101016
editorGroupHeader.tabsBackground#101016
editorGroupHeader.tabsBorder#23232E
editorGutter.addedBackground#8BB89A
editorGutter.background#101016
editorGutter.commentRangeForeground#6B6A7E
editorGutter.deletedBackground#E85FBF
editorGutter.foldingControlForeground#6B6A7E
editorGutter.modifiedBackground#7AA8E8
editorHint.foreground#6B6A7E
editorHoverWidget.background#181821
editorHoverWidget.border#2E2E3A
editorHoverWidget.foreground#D8D6E0
editorHoverWidget.statusBarBackground#1E1E2A
editorIndentGuide.activeBackground1#9496c873
editorIndentGuide.background1#23232E
editorInfo.foreground#9496C8
editorInlayHint.background#181821e6
editorInlayHint.foreground#6B6A7E
editorLightBulb.foreground#D9A86C
editorLightBulbAutoFix.foreground#7AA8E8
editorLineNumber.activeForeground#D8D6E0
editorLineNumber.foreground#6B6A7E
editorLink.activeForeground#B9BBE8
editorMarkerNavigation.background#181821
editorMarkerNavigationError.background#E85FBF
editorMarkerNavigationInfo.background#9496C8
editorMarkerNavigationWarning.background#D9A86C
editorMultiCursor.secondary.foreground#9496C8
editorOverviewRuler.addedForeground#8BB89A99
editorOverviewRuler.border#23232E
editorOverviewRuler.bracketMatchForeground#9496C8
editorOverviewRuler.commonContentForeground#6B6A7E
editorOverviewRuler.currentContentForeground#8BB89A
editorOverviewRuler.deletedForeground#E85FBF99
editorOverviewRuler.errorForeground#E85FBF
editorOverviewRuler.findMatchForeground#D9A86C99
editorOverviewRuler.incomingContentForeground#9496C8
editorOverviewRuler.infoForeground#9496C8
editorOverviewRuler.modifiedForeground#7AA8E899
editorOverviewRuler.selectionHighlightForeground#9496C866
editorOverviewRuler.warningForeground#D9A86C
editorOverviewRuler.wordHighlightForeground#9496C859
editorOverviewRuler.wordHighlightStrongForeground#9496C880
editorRuler.foreground#23232E
editorStickyScroll.background#101016
editorStickyScroll.border#23232E
editorStickyScrollHover.background#1E1E2A
editorSuggestWidget.background#181821
editorSuggestWidget.border#2E2E3A
editorSuggestWidget.focusHighlightForeground#B9BBE8
editorSuggestWidget.foreground#D8D6E0
editorSuggestWidget.highlightForeground#9496C8
editorSuggestWidget.selectedBackground#2A2A40
editorSuggestWidget.selectedForeground#E8E6F0
editorSuggestWidget.selectedIconForeground#B9BBE8
editorUnnecessaryCode.opacity#00000080
editorWarning.foreground#D9A86C
editorWhitespace.foreground#6b6a7e59
editorWidget.background#181821
editorWidget.border#2E2E3A
editorWidget.foreground#D8D6E0
editorWidget.resizeBorder#9496C8
errorForeground#E85FBF
extensionBadge.remoteBackground#9496C8
extensionBadge.remoteForeground#0C0C11
extensionButton.background#9496C8
extensionButton.foreground#101016
extensionButton.hoverBackground#9496c8d9
extensionButton.prominentBackground#9496C8
extensionButton.prominentForeground#101016
extensionButton.prominentHoverBackground#9496c8d9
extensionIcon.preReleaseForeground#D9A86C
extensionIcon.starForeground#D9A86C
extensionIcon.verifiedForeground#9496C8
focusBorder#9496C8
foreground#D8D6E0
gauge.errorBackground#e85fbf33
gauge.errorForeground#E85FBF
gauge.infoBackground#9496c833
gauge.infoForeground#9496C8
gauge.warningBackground#d9a86c33
gauge.warningForeground#D9A86C
gitDecoration.addedResourceForeground#8BB89A
gitDecoration.conflictingResourceForeground#D9A86C
gitDecoration.deletedResourceForeground#E85FBF
gitDecoration.ignoredResourceForeground#494857
gitDecoration.modifiedResourceForeground#7AA8E8
gitDecoration.renamedResourceForeground#9496C8
gitDecoration.stageDeletedResourceForeground#E85FBF
gitDecoration.stageModifiedResourceForeground#7AA8E8
gitDecoration.submoduleResourceForeground#9496C8
gitDecoration.untrackedResourceForeground#8BB89A
icon.foreground#B8B6C4
inlineChat.background#181821
inlineChat.border#2E2E3A
inlineChat.shadow#10101680
inlineChatDiff.inserted#8bb89a26
inlineChatDiff.removed#e85fbf26
inlineChatInput.background#101016
inlineChatInput.border#23232E
inlineChatInput.focusBorder#9496C8
inlineChatInput.placeholderForeground#6B6A7E
input.background#181821
input.border#2E2E3A
input.foreground#D8D6E0
input.placeholderForeground#6B6A7E
inputOption.activeBackground#9496C833
inputOption.activeBorder#9496C8
inputOption.activeForeground#E8E6F0
inputOption.hoverBackground#1E1E2A
inputValidation.errorBackground#e85fbf26
inputValidation.errorBorder#E85FBF
inputValidation.errorForeground#D8D6E0
inputValidation.infoBackground#9496C826
inputValidation.infoBorder#9496C8
inputValidation.warningBackground#d9a86c26
inputValidation.warningBorder#D9A86C
interactive.activeCodeBorder#9496C8
interactive.inactiveCodeBorder#2E2E3A
keybindingLabel.background#1F1F2D
keybindingLabel.border#2E2E3A
keybindingLabel.bottomBorder#2E2E3A
keybindingLabel.foreground#D8D6E0
keybindingTable.headerBackground#181821
keybindingTable.rowsBackground#14141B
list.activeSelectionBackground#2A2A40
list.activeSelectionForeground#E8E6F0
list.activeSelectionIconForeground#B9BBE8
list.deemphasizedForeground#6B6A7E
list.dropBackground#2A2A4080
list.errorForeground#E85FBF
list.filterMatchBackground#d9a86c59
list.filterMatchBorder#D9A86C80
list.focusBackground#2A2A40
list.focusForeground#E8E6F0
list.focusHighlightForeground#9496c8bf
list.focusOutline#9496c880
list.highlightForeground#9496C8
list.hoverBackground#1F1F2D
list.hoverForeground#D8D6E0
list.inactiveFocusBackground#1F1F2D
list.inactiveSelectionBackground#1F1F2D
list.inactiveSelectionForeground#D8D6E0
list.warningForeground#D9A86C
listFilterWidget.background#181821
listFilterWidget.noMatchesOutline#E85FBF
listFilterWidget.outline#9496C8
menu.background#181821
menu.border#2E2E3A
menu.foreground#D8D6E0
menu.selectionBackground#2A2A40
menu.selectionForeground#E8E6F0
menu.separatorBackground#2E2E3A
menubar.selectionBackground#1E1E2A
menubar.selectionBorder#9496C8
menubar.selectionForeground#D8D6E0
merge.border#2E2E3A
merge.commonContentBackground#6B6A7E1A
merge.commonHeaderBackground#6B6A7E40
merge.currentContentBackground#7AA8E81A
merge.currentHeaderBackground#7AA8E840
merge.incomingContentBackground#8BB89A1A
merge.incomingHeaderBackground#8BB89A40
minimap.background#101016
minimap.errorHighlight#E85FBF99
minimap.findMatchHighlight#D9A86C99
minimap.selectionHighlight#9496C866
minimap.warningHighlight#D9A86C99
minimapGutter.addedBackground#8BB89A
minimapGutter.deletedBackground#E85FBF
minimapGutter.modifiedBackground#7AA8E8
minimapSlider.activeBackground#9496C833
minimapSlider.background#9496C81A
minimapSlider.hoverBackground#9496C826
multiDiffEditor.background#101016
multiDiffEditor.border#23232E
multiDiffEditor.headerBackground#181821
notebook.cellBorderColor#23232E
notebook.cellEditorBackground#0C0C11
notebook.cellHoverBackground#14141B
notebook.cellInsertionIndicator#9496C8
notebook.cellStatusBarItemHoverBackground#1E1E2A
notebook.cellToolbarSeparator#2E2E3A
notebook.editorBackground#101016
notebook.focusedCellBackground#14141B
notebook.focusedCellBorder#9496C8
notebook.focusedEditorBorder#9496C8
notebook.inactiveFocusedCellBorder#2E2E3A
notebook.outputContainerBackgroundColor#0C0C11
notebook.outputContainerBorderColor#23232E
notebook.selectedCellBackground#14141B
notebook.selectedCellBorder#2E2E3A
notebook.symbolHighlightBackground#9496C81F
notebookScrollbarSlider.activeBackground#9496C899
notebookScrollbarSlider.background#181821B3
notebookScrollbarSlider.hoverBackground#2E2E3ACC
notebookStatusErrorIcon.foreground#E85FBF
notebookStatusRunningIcon.foreground#9496C8
notebookStatusSuccessIcon.foreground#8BB89A
notificationCenter.border#2E2E3A
notificationCenterHeader.background#181821
notificationCenterHeader.foreground#D8D6E0
notificationLink.foreground#9496C8
notifications.background#181821
notifications.border#2E2E3A
notifications.foreground#D8D6E0
notificationsErrorIcon.foreground#E85FBF
notificationsInfoIcon.foreground#9496C8
notificationsWarningIcon.foreground#D9A86C
notificationToast.border#2E2E3A
panel.background#181821
panel.border#23232E
panel.dropBorder#9496C8
panelInput.border#2E2E3A
panelSection.border#23232E
panelSectionHeader.background#181821
panelSectionHeader.foreground#D8D6E0
panelTitle.activeBorder#9496C8
panelTitle.activeForeground#D8D6E0
panelTitle.inactiveForeground#6B6A7E
peekView.border#9496C8
peekViewEditor.background#0C0C11
peekViewEditor.matchHighlightBackground#D9A86C4D
peekViewResult.background#101016
peekViewResult.fileForeground#D8D6E0
peekViewResult.lineForeground#6B6A7E
peekViewResult.matchHighlightBackground#D9A86C4D
peekViewResult.selectionBackground#2A2A40
peekViewResult.selectionForeground#E8E6F0
peekViewTitle.background#181821
peekViewTitleDescription.foreground#6B6A7E
peekViewTitleLabel.foreground#D8D6E0
pickerGroup.border#2E2E3A
pickerGroup.foreground#9496C8
ports.iconRunningProcessForeground#8BB89A
problemsErrorIcon.foreground#E85FBF
problemsInfoIcon.foreground#9496C8
problemsWarningIcon.foreground#D9A86C
profileBadge.background#1F1F2D
profileBadge.foreground#D8D6E0
progressBar.background#9496C8
quickInput.background#181821
quickInput.foreground#D8D6E0
quickInputList.focusBackground#2A2A40
quickInputList.focusForeground#E8E6F0
quickInputList.focusIconForeground#9496c8bf
quickInputTitle.background#1E1E2A
radio.activeBackground#9496c833
radio.activeBorder#9496C8
radio.activeForeground#9496C8
radio.inactiveBackground#181821
radio.inactiveBorder#2E2E3A
radio.inactiveForeground#B8B6C4
radio.inactiveHoverBackground#1F1F2D
sash.hoverBorder#9496C8
scmGraph.foreground1#9496C8
scmGraph.foreground2#D9A86C
scmGraph.foreground3#E85FBF
scmGraph.foreground4#8BB89A
scmGraph.foreground5#7AA8E8
scmGraph.historyItemBaseRefColor#9496C8
scmGraph.historyItemHoverAdditionsForeground#8BB89A
scmGraph.historyItemHoverDeletionsForeground#E85FBF
scmGraph.historyItemHoverLabelForeground#D8D6E0
scmGraph.historyItemRefColor#9496C8
scmGraph.historyItemRemoteRefColor#7AA8E8
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#9496c899
scrollbarSlider.background#1f1f2db3
scrollbarSlider.hoverBackground#2e2e3acc
search.resultsInfoForeground#6B6A7E
searchEditor.findMatchBackground#D9A86C4D
searchEditor.textInputBorder#2E2E3A
selection.background#9496C855
settings.checkboxBackground#181821
settings.checkboxBorder#2E2E3A
settings.checkboxForeground#D8D6E0
settings.dropdownBackground#181821
settings.dropdownBorder#2E2E3A
settings.dropdownForeground#D8D6E0
settings.focusedRowBackground#14141B
settings.focusedRowBorder#9496C859
settings.headerBorder#23232E
settings.headerForeground#D8D6E0
settings.modifiedItemIndicator#9496C8
settings.numberInputBackground#181821
settings.numberInputBorder#2E2E3A
settings.numberInputForeground#E8A44E
settings.rowHoverBackground#14141B80
settings.textInputBackground#181821
settings.textInputBorder#2E2E3A
settings.textInputForeground#D8D6E0
sideBar.background#0C0C11
sideBar.border#23232E
sideBar.dropBackground#2A2A4080
sideBar.foreground#B8B6C4
sideBarSectionHeader.background#181821
sideBarSectionHeader.border#2E2E3A
sideBarSectionHeader.foreground#D8D6E0
sideBarTitle.foreground#D8D6E0
statusBar.background#0C0C11
statusBar.border#23232E
statusBar.debuggingBackground#D9A86C
statusBar.debuggingForeground#101016
statusBar.foreground#D8D6E0
statusBar.noFolderBackground#181821
statusBar.noFolderForeground#D8D6E0
statusBarItem.activeBackground#9496C84D
statusBarItem.errorBackground#E85FBF
statusBarItem.errorForeground#101016
statusBarItem.hoverBackground#9496c833
statusBarItem.prominentBackground#9496C859
statusBarItem.prominentHoverBackground#9496C873
statusBarItem.remoteBackground#9496C8
statusBarItem.remoteForeground#101016
statusBarItem.warningBackground#D9A86C
statusBarItem.warningForeground#101016
symbolIcon.arrayForeground#D8D6E0
symbolIcon.booleanForeground#E8A44E
symbolIcon.classForeground#A67BD4
symbolIcon.colorForeground#B8B6C4
symbolIcon.constantForeground#E8A44E
symbolIcon.constructorForeground#94A8EE
symbolIcon.enumeratorForeground#A67BD4
symbolIcon.enumeratorMemberForeground#E8A44E
symbolIcon.eventForeground#94A8EE
symbolIcon.fieldForeground#D8D6E0
symbolIcon.fileForeground#D8D6E0
symbolIcon.folderForeground#B8B6C4
symbolIcon.functionForeground#94A8EE
symbolIcon.interfaceForeground#A67BD4
symbolIcon.keyForeground#A67BD4
symbolIcon.keywordForeground#BC94D6
symbolIcon.methodForeground#94A8EE
symbolIcon.moduleForeground#BC94D6
symbolIcon.namespaceForeground#BC94D6
symbolIcon.numberForeground#E8A44E
symbolIcon.objectForeground#D8D6E0
symbolIcon.operatorForeground#94A8EE
symbolIcon.packageForeground#BC94D6
symbolIcon.propertyForeground#D8D6E0
symbolIcon.referenceForeground#D8D6E0
symbolIcon.snippetForeground#D8D6E0
symbolIcon.stringForeground#E08858
symbolIcon.structForeground#A67BD4
symbolIcon.textForeground#D8D6E0
symbolIcon.typeParameterForeground#A67BD4
symbolIcon.unitForeground#E8A44E
symbolIcon.variableForeground#D8D6E0
tab.activeBackground#0C0C11
tab.activeBorderTop#9496C8
tab.activeForeground#D8D6E0
tab.border#23232E
tab.hoverBackground#181821
tab.inactiveBackground#101016
tab.inactiveForeground#6B6A7E
tab.lastPinnedBorder#2E2E3A
tab.unfocusedActiveForeground#B8B6C4
tab.unfocusedInactiveForeground#6B6A7E
terminal.ansiBlack#101016
terminal.ansiBlue#9496C8
terminal.ansiBrightBlack#6B6A7E
terminal.ansiBrightBlue#9496C8
terminal.ansiBrightCyan#9496C8
terminal.ansiBrightGreen#8BB89A
terminal.ansiBrightMagenta#7AA8E8
terminal.ansiBrightRed#E85FBF
terminal.ansiBrightWhite#D8D6E0
terminal.ansiBrightYellow#D9A86C
terminal.ansiCyan#9496C8
terminal.ansiGreen#8BB89A
terminal.ansiMagenta#7AA8E8
terminal.ansiRed#E85FBF
terminal.ansiWhite#D8D6E0
terminal.ansiYellow#D9A86C
terminal.background#101016
terminal.border#23232E
terminal.findMatchBackground#D9A86C66
terminal.findMatchHighlightBackground#9496C833
terminal.foreground#D8D6E0
terminal.inactiveSelectionBackground#9496C826
terminal.selectionBackground#9496C840
terminalCommandDecoration.defaultBackground#6B6A7E
terminalCommandDecoration.errorBackground#E85FBF
terminalCommandDecoration.successBackground#8BB89A
terminalCursor.foreground#D8D6E0
terminalStickyScroll.background#0C0C11
terminalStickyScrollHover.background#1E1E2A
testing.iconErrored#E85FBF
testing.iconFailed#E85FBF
testing.iconPassed#8BB89A
testing.iconQueued#D9A86C
testing.iconSkipped#6B6A7E
testing.iconUnset#6B6A7E
testing.message.error.decorationForeground#E85FBF
testing.message.info.decorationForeground#9496C8
testing.runAction#8BB89A
textBlockQuote.background#181821
textBlockQuote.border#9496C8
textCodeBlock.background#181821
textCodeBlockBackground#181821
textLink#9496C8
textLink.activeForeground#9496C8
textLink.foreground#9496C8
textPreformat.background#181821
textPreformat.foreground#B8B6C4
textPreformatBackground#1F1F2D
textPreformatForeground#B8B6C4
textSeparator.foreground#2E2E3A
titleBar.activeBackground#101016
titleBar.activeForeground#D8D6E0
titleBar.border#23232E
titleBar.inactiveBackground#0C0C11
titleBar.inactiveForeground#6B6A7E
toolbar.activeBackground#2A2A40
toolbar.hoverBackground#1E1E2A
tree.inactiveIndentGuidesStroke#23232E
tree.indentGuidesStroke#2E2E3A
tree.tableColumnsBorder#2E2E3A
tree.tableOddRowsBackground#18182180
walkThrough.embeddedEditorBackground#0C0C11
welcomePage.background#101016
welcomePage.progress.background#181821
welcomePage.progress.foreground#9496C8
welcomePage.tileBackground#181821
welcomePage.tileBorder#2E2E3A
welcomePage.tileHoverBackground#1E1E2A
widget.border#2E2E3A
widget.shadow#00000066
window.activeBorder#9496C8
window.inactiveBorder#23232E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6B6A7E	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#BC94D6	—
entity.name.function, support.function, support.function.sql, meta.function-call	#94A8EE	—
entity.name.type, support.type, support.type.sql	#A67BD4	—
entity.name.table.sql, entity.name.class	#D8D6E0	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#D8D6E0	—
variable.parameter.sql, variable.other.sql, variable.parameter	#D8D6E0	—
string, string.quoted.single.sql, string.quoted.double.sql	#E08858	—
constant.numeric, constant.language	#E8A44E	—
keyword.operator, keyword.operator.sql, punctuation	#94A8EE	—
constant.other, support.constant	#E8A44E	—
support.type.property-name.json	#A67BD4	—
meta.decorator, punctuation.decorator	#A67BD4	—
string.template, punctuation.definition.template-expression	#E08858	—
constant.character.escape	#E8A44E	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#A67BD4	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#E08858	—
entity.name.tag.yaml	#A67BD4	—
meta.preprocessor, keyword.control.directive	#BC94D6	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#6B6A7E	italic
markup.list, punctuation.definition.list	#BC94D6	—
variable.other.special.shell	#D8D6E0	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#E8A44E	—
variable.language.special.self.python, variable.language.special.self	#BC94D6	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#BC94D6	—
storage.modifier, storage.type.modifier	#BC94D6	—
variable.language, variable.language.this, variable.language.super	#BC94D6	italic
entity.name.namespace, entity.name.scope-resolution	#A67BD4	—
entity.other.inherited-class	#A67BD4	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#D8D6E0	—
support.class, support.other, support.constant.property-value	#A67BD4	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#A67BD4	—
punctuation.accessor, punctuation.separator, meta.brace	#94A8EE	—
meta.template.expression, punctuation.section.embedded	#94A8EE	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#BC94D6	—
entity.other.attribute-name, entity.other.attribute-name.html	#D8D6E0	—
punctuation.definition.tag, punctuation.separator.key-value.html	#94A8EE	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#A67BD4	—
support.type.property-name.css, support.type.vendored.property-name.css	#D8D6E0	—
keyword.other.unit, constant.numeric.css, constant.other.color	#E8A44E	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#BC94D6	bold
markup.bold, punctuation.definition.bold	#E8A44E	bold
markup.italic, punctuation.definition.italic	#A67BD4	italic
markup.quote	#6B6A7E	italic
markup.inline.raw, markup.fenced_code, markup.raw	#E08858	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#94A8EE	—
string.other.link.title.markdown, string.other.link.description.markdown	#D8D6E0	—
meta.separator.markdown, punctuation.definition.constant.markdown	#6B6A7E	—
markup.inserted, meta.diff.header.to-file	#8BB89A	—
markup.deleted, meta.diff.header.from-file	#E85FBF	—
markup.changed	#7AA8E8	—
invalid, invalid.illegal	#E85FBF	—
keyword, keyword.package, keyword.import, keyword.function, keyword.type, keyword.other, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#BC94D6	—
keyword.operator, keyword.operator.sql, punctuation	#94A8EE	—
entity.name.table.sql, entity.name.class	#D8D6E0	—
variable, variable.other, variable.other.object, variable.parameter, variable.parameter.sql, variable.other.sql, meta.column.sql, variable.other.column.sql, support.variable	#D8D6E0	—
variable.other.property, variable.other.object.property, variable.object.property, meta.property-name, meta.object-literal.key, meta.object-literal.key.js, meta.object-literal.key.jsx, meta.object-literal.key.ts, meta.object-literal.key.tsx, meta.definition.property, support.type.property-name, support.type.property-name.json, support.type.property-name.ts, support.type.property-name.tsx	#C9A8E8	—
constant.numeric, constant.language	#E8A44E	—
entity.name.tag	#94A8EE	—
entity.other.attribute-name	#A67BD4	—
markup.inline.raw, markup.fenced_code.block	#E08858	—
markup.underline.link	#9496C8	—

VS Code preview

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

NexQL Themes — NexQL Drift Day

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#7678AB
activityBar.background#F0F1F6
activityBar.border#DBDDE6
activityBar.foreground#282836
activityBar.inactiveForeground#7C7B90
activityBarBadge.background#7678AB
activityBarBadge.foreground#F0F1F6
badge.background#DBDDE6
badge.foreground#282836
banner.background#F0F1F6
banner.foreground#282836
banner.iconForeground#7678AB
breadcrumb.activeSelectionForeground#7678AB
breadcrumb.background#E6E7ED
breadcrumb.focusForeground#282836
breadcrumb.foreground#7C7B90
button.background#7678AB
button.foreground#F0F1F6
button.hoverBackground#7678abd9
button.secondaryBackground#DBDDE6
button.secondaryForeground#282836
charts.blue#7678AB
charts.foreground#282836
charts.green#4A8F62
charts.lines#CBCCD9
charts.orange#D9A86C
charts.purple#4C7AB8
charts.red#D63F9E
charts.yellow#D9A86C
chat.avatarBackground#F0F1F6
chat.avatarForeground#282836
chat.background#E6E7ED
chat.requestBackground#F0F1F6
chat.requestBorder#DBDDE6
chat.slashCommandBackground#7678ab33
chat.slashCommandForeground#7678AB
checkbox.background#F0F1F6
checkbox.border#CBCCD9
checkbox.foreground#282836
checkbox.selectBackground#7678AB
checkbox.selectBorder#7678AB
commandCenter.activeBackground#DBDDE6
commandCenter.activeBorder#7678AB
commandCenter.activeForeground#282836
commandCenter.background#F0F1F6
commandCenter.border#DBDDE6
commandCenter.debuggingBackground#D9A86C
commandCenter.foreground#4F4F6B
commandCenter.inactiveBorder#DBDDE6
commandCenter.inactiveForeground#7C7B90
debugConsole.errorForeground#D63F9E
debugConsole.infoForeground#282836
debugConsole.sourceForeground#4F4F6B
debugConsole.warningForeground#D9A86C
debugConsoleInputIcon.foreground#7678AB
debugExceptionWidget.background#F0F1F6
debugExceptionWidget.border#D63F9E
debugIcon.breakpointDisabledForeground#7C7B90
debugIcon.breakpointForeground#D63F9E
debugIcon.breakpointUnverifiedForeground#4F4F6B
debugIcon.continueForeground#4A8F62
debugIcon.disconnectForeground#D63F9E
debugIcon.pauseForeground#7678AB
debugIcon.restartForeground#4A8F62
debugIcon.startForeground#4A8F62
debugIcon.stepBackForeground#7678AB
debugIcon.stepIntoForeground#7678AB
debugIcon.stepOutForeground#7678AB
debugIcon.stepOverForeground#7678AB
debugIcon.stopForeground#D63F9E
debugTokenExpression.boolean#D4801E
debugTokenExpression.error#D63F9E
debugTokenExpression.name#282836
debugTokenExpression.number#D4801E
debugTokenExpression.string#C2561E
debugTokenExpression.value#4F4F6B
debugToolBar.background#F0F1F6
debugToolBar.border#CBCCD9
descriptionForeground#7C7B90
diffEditor.insertedTextBackground#4a8f6226
diffEditor.removedTextBackground#d63f9e26
dropdown.background#F0F1F6
dropdown.border#CBCCD9
dropdown.foreground#282836
editor.background#F0F1F6
editor.findMatchBackground#d9a86c66
editor.findMatchHighlightBackground#7678ab33
editor.focusedStackFrameHighlightBackground#4a8f6233
editor.foldBackground#7678ab1a
editor.foreground#282836
editor.inactiveSelectionBackground#dbdde6cc
editor.lineHighlightBackground#e6e7ed99
editor.lineHighlightBorder#DBDDE6
editor.rangeHighlightBackground#7678ab1f
editor.selectionBackground#7678AB33
editor.selectionHighlightBackground#7678ab33
editor.snippetFinalTabstopHighlightBorder#7678AB
editor.snippetTabstopHighlightBackground#7678ab33
editor.stackFrameHighlightBackground#d9a86c33
editor.symbolHighlightBackground#d9a86c33
editor.wordHighlightBackground#7678ab26
editor.wordHighlightStrongBackground#7678ab40
editorBracketHighlight.foreground1#9A69B8
editorBracketHighlight.foreground2#4A60AB
editorBracketHighlight.foreground3#7E4DAE
editorBracketHighlight.foreground4#C2561E
editorBracketHighlight.foreground5#9A69B8
editorBracketHighlight.foreground6#7C7B90
editorBracketMatch.background#7678ab1f
editorBracketMatch.border#7678AB
editorBracketPairGuide.activeBackground1#7678AB
editorBracketPairGuide.background1#DBDDE6
editorCodeLens.foreground#7C7B90
editorCursor.foreground#282836
editorError.foreground#D63F9E
editorGhostText.foreground#7c7b90a6
editorGroupHeader.tabsBackground#F0F1F6
editorGroupHeader.tabsBorder#DBDDE6
editorGutter.addedBackground#4A8F62
editorGutter.background#F0F1F6
editorGutter.deletedBackground#D63F9E
editorGutter.modifiedBackground#4C7AB8
editorHint.foreground#4F4F6B
editorHoverWidget.background#F0F1F6
editorHoverWidget.border#CBCCD9
editorIndentGuide.activeBackground1#7678ab73
editorIndentGuide.background1#DBDDE6
editorInfo.foreground#7678AB
editorInlayHint.background#f0f1f6e6
editorInlayHint.foreground#7C7B90
editorLightBulb.foreground#D9A86C
editorLightBulbAutoFix.foreground#7678AB
editorLineNumber.activeForeground#282836
editorLineNumber.foreground#7C7B90
editorLink.activeForeground#7678AB
editorOverviewRuler.addedForeground#4A8F62
editorOverviewRuler.border#DBDDE6
editorOverviewRuler.bracketMatchForeground#7678AB
editorOverviewRuler.commonContentForeground#7C7B90
editorOverviewRuler.currentContentForeground#4A8F62
editorOverviewRuler.deletedForeground#D63F9E
editorOverviewRuler.errorForeground#D63F9E
editorOverviewRuler.findMatchForeground#d9a86c80
editorOverviewRuler.incomingContentForeground#7678AB
editorOverviewRuler.infoForeground#7678AB
editorOverviewRuler.modifiedForeground#4C7AB8
editorOverviewRuler.selectionHighlightForeground#7678ab66
editorOverviewRuler.warningForeground#D9A86C
editorOverviewRuler.wordHighlightForeground#7678ab66
editorRuler.foreground#DBDDE6
editorStickyScroll.background#E6E7ED
editorStickyScroll.border#DBDDE6
editorStickyScrollHover.background#F0F1F6
editorSuggestWidget.background#F0F1F6
editorSuggestWidget.border#CBCCD9
editorSuggestWidget.foreground#282836
editorSuggestWidget.highlightForeground#7678AB
editorSuggestWidget.selectedBackground#E0E2EC
editorSuggestWidget.selectedForeground#282836
editorWarning.foreground#D9A86C
editorWhitespace.foreground#7c7b9059
editorWidget.background#F0F1F6
editorWidget.border#CBCCD9
errorForeground#D63F9E
extensionButton.background#7678AB
extensionButton.foreground#F0F1F6
extensionButton.hoverBackground#7678abd9
extensionButton.prominentBackground#7678AB
extensionButton.prominentForeground#F0F1F6
extensionButton.prominentHoverBackground#7678abd9
focusBorder#7678AB
foreground#282836
gauge.errorBackground#d63f9e33
gauge.errorForeground#D63F9E
gauge.infoBackground#7678ab33
gauge.infoForeground#7678AB
gauge.warningBackground#d9a86c33
gauge.warningForeground#D9A86C
gitDecoration.addedResourceForeground#4A8F62
gitDecoration.conflictingResourceForeground#D63F9E
gitDecoration.deletedResourceForeground#D63F9E
gitDecoration.ignoredResourceForeground#7C7B90
gitDecoration.modifiedResourceForeground#4C7AB8
gitDecoration.renamedResourceForeground#4A8F62
gitDecoration.stageDeletedResourceForeground#D63F9E
gitDecoration.stageModifiedResourceForeground#4C7AB8
gitDecoration.submoduleResourceForeground#7678AB
gitDecoration.untrackedResourceForeground#4A8F62
icon.foreground#4F4F6B
inlineChat.background#F0F1F6
inlineChat.border#CBCCD9
inlineChat.shadow#f0f1f680
inlineChatDiff.inserted#4a8f6226
inlineChatDiff.removed#d63f9e26
inlineChatInput.background#F0F1F6
inlineChatInput.border#DBDDE6
inlineChatInput.focusBorder#7678AB
inlineChatInput.placeholderForeground#7C7B90
input.background#F0F1F6
input.border#CBCCD9
input.foreground#282836
input.placeholderForeground#7C7B90
inputOption.activeBorder#7678AB
inputValidation.errorBackground#d63f9e26
inputValidation.errorBorder#D63F9E
inputValidation.warningBackground#d9a86c26
inputValidation.warningBorder#D9A86C
keybindingLabel.background#DBDDE6
keybindingLabel.border#CBCCD9
keybindingLabel.foreground#282836
list.activeSelectionBackground#E0E2EC
list.activeSelectionForeground#282836
list.deemphasizedForeground#7C7B90
list.dropBackground#7678ab33
list.errorForeground#D63F9E
list.filterMatchBackground#d9a86c59
list.focusBackground#E0E2EC
list.focusForeground#282836
list.focusHighlightForeground#7678abbf
list.focusOutline#7678ab80
list.highlightForeground#7678AB
list.hoverBackground#DBDDE6
list.hoverForeground#282836
list.inactiveSelectionBackground#DBDDE6
list.inactiveSelectionForeground#282836
list.warningForeground#D9A86C
listFilterWidget.background#F0F1F6
listFilterWidget.noMatchesOutline#D63F9E
listFilterWidget.outline#7678AB
menu.background#F0F1F6
menu.border#CBCCD9
menu.foreground#282836
menu.selectionBackground#E0E2EC
menu.selectionForeground#282836
menu.separatorBackground#CBCCD9
menubar.selectionBackground#7678ab33
menubar.selectionBorder#7678AB
menubar.selectionForeground#282836
merge.border#CBCCD9
merge.commonContentBackground#dbdde659
merge.commonHeaderBackground#dbdde680
merge.currentContentBackground#4a8f6233
merge.currentHeaderBackground#4a8f6266
merge.incomingContentBackground#7678ab33
merge.incomingHeaderBackground#7678ab66
minimap.background#F0F1F6
minimap.errorHighlight#D63F9E
minimap.findMatchHighlight#d9a86c80
minimap.selectionHighlight#7678ab80
minimap.warningHighlight#D9A86C
minimapGutter.addedBackground#4A8F62
minimapGutter.deletedBackground#D63F9E
minimapGutter.modifiedBackground#4C7AB8
minimapSlider.activeBackground#7678ab80
minimapSlider.background#dbdde680
minimapSlider.hoverBackground#cbccd999
multiDiffEditor.background#F0F1F6
multiDiffEditor.border#DBDDE6
multiDiffEditor.headerBackground#F0F1F6
notebook.cellBorderColor#DBDDE6
notebook.cellEditorBackground#E6E7ED
notebook.cellHoverBackground#e6e7ed80
notebook.cellStatusBarItemHoverBackground#DBDDE6
notebook.editorBackground#F0F1F6
notebook.focusedCellBackground#dbdde666
notebook.focusedCellBorder#7678AB
notebook.focusedEditorBorder#7678AB
notebook.selectedCellBackground#dbdde64d
notebookStatusErrorIcon.foreground#D63F9E
notebookStatusRunningIcon.foreground#7678AB
notebookStatusSuccessIcon.foreground#4A8F62
notificationCenter.border#CBCCD9
notificationCenterHeader.background#F0F1F6
notificationCenterHeader.foreground#282836
notificationLink.foreground#7678AB
notifications.background#F0F1F6
notifications.border#DBDDE6
notifications.foreground#282836
notificationsErrorIcon.foreground#D63F9E
notificationsInfoIcon.foreground#7678AB
notificationsWarningIcon.foreground#D9A86C
notificationToast.border#CBCCD9
panel.background#F0F1F6
panel.border#DBDDE6
panelInput.border#CBCCD9
panelSection.border#DBDDE6
panelSectionHeader.background#F0F1F6
panelSectionHeader.foreground#282836
panelTitle.activeBorder#7678AB
panelTitle.activeForeground#282836
panelTitle.inactiveForeground#7C7B90
peekView.border#7678AB
peekViewEditor.background#E6E7ED
peekViewResult.background#F0F1F6
peekViewTitle.background#F0F1F6
ports.iconRunningProcessForeground#4A8F62
profileBadge.background#DBDDE6
profileBadge.foreground#282836
progressBar.background#7678AB
quickInput.background#F0F1F6
quickInput.foreground#282836
quickInputList.focusBackground#E0E2EC
quickInputList.focusForeground#282836
quickInputList.focusIconForeground#7678abbf
radio.activeBackground#7678ab33
radio.activeBorder#7678AB
radio.activeForeground#7678AB
radio.inactiveBackground#F0F1F6
radio.inactiveBorder#CBCCD9
radio.inactiveForeground#4F4F6B
radio.inactiveHoverBackground#DBDDE6
sash.hoverBorder#7678AB
scmGraph.foreground1#7678AB
scmGraph.foreground2#D9A86C
scmGraph.foreground3#D63F9E
scmGraph.foreground4#4A8F62
scmGraph.foreground5#4C7AB8
scmGraph.historyItemBaseRefColor#7678AB
scmGraph.historyItemHoverAdditionsForeground#4A8F62
scmGraph.historyItemHoverDeletionsForeground#D63F9E
scmGraph.historyItemHoverLabelForeground#282836
scmGraph.historyItemRefColor#7678AB
scmGraph.historyItemRemoteRefColor#4C7AB8
scrollbar.shadow#f0f1f680
scrollbarSlider.activeBackground#7678ab99
scrollbarSlider.background#dbdde6b3
scrollbarSlider.hoverBackground#cbccd9cc
settings.checkboxBackground#F0F1F6
settings.checkboxBorder#CBCCD9
settings.checkboxForeground#282836
settings.dropdownBackground#F0F1F6
settings.dropdownBorder#CBCCD9
settings.dropdownForeground#282836
settings.focusedRowBackground#dbdde680
settings.headerBorder#DBDDE6
settings.headerForeground#282836
settings.modifiedItemIndicator#4C7AB8
settings.numberInputBackground#F0F1F6
settings.numberInputBorder#CBCCD9
settings.numberInputForeground#D4801E
settings.rowHoverBackground#f0f1f680
settings.textInputBackground#F0F1F6
settings.textInputBorder#CBCCD9
settings.textInputForeground#282836
sideBar.background#E6E7ED
sideBar.border#DBDDE6
sideBar.foreground#4F4F6B
sideBarSectionHeader.background#F0F1F6
sideBarSectionHeader.border#CBCCD9
sideBarSectionHeader.foreground#282836
sideBarTitle.foreground#282836
statusBar.background#E6E7ED
statusBar.border#DBDDE6
statusBar.debuggingBackground#D9A86C
statusBar.debuggingForeground#F0F1F6
statusBar.foreground#282836
statusBar.noFolderBackground#F0F1F6
statusBar.noFolderForeground#282836
statusBarItem.hoverBackground#7678ab33
statusBarItem.remoteBackground#7678AB
statusBarItem.remoteForeground#F0F1F6
symbolIcon.arrayForeground#282836
symbolIcon.booleanForeground#D4801E
symbolIcon.classForeground#7E4DAE
symbolIcon.colorForeground#4F4F6B
symbolIcon.constantForeground#D4801E
symbolIcon.constructorForeground#4A60AB
symbolIcon.enumeratorForeground#7E4DAE
symbolIcon.enumeratorMemberForeground#D4801E
symbolIcon.eventForeground#4A60AB
symbolIcon.fieldForeground#282836
symbolIcon.fileForeground#282836
symbolIcon.folderForeground#4F4F6B
symbolIcon.functionForeground#4A60AB
symbolIcon.interfaceForeground#7E4DAE
symbolIcon.keyForeground#7E4DAE
symbolIcon.keywordForeground#9A69B8
symbolIcon.methodForeground#4A60AB
symbolIcon.moduleForeground#9A69B8
symbolIcon.namespaceForeground#9A69B8
symbolIcon.numberForeground#D4801E
symbolIcon.objectForeground#282836
symbolIcon.operatorForeground#4A60AB
symbolIcon.packageForeground#9A69B8
symbolIcon.propertyForeground#282836
symbolIcon.referenceForeground#282836
symbolIcon.snippetForeground#282836
symbolIcon.stringForeground#C2561E
symbolIcon.structForeground#7E4DAE
symbolIcon.textForeground#282836
symbolIcon.typeParameterForeground#7E4DAE
symbolIcon.unitForeground#D4801E
symbolIcon.variableForeground#282836
tab.activeBackground#E6E7ED
tab.activeBorderTop#7678AB
tab.activeForeground#282836
tab.border#DBDDE6
tab.hoverBackground#F0F1F6
tab.inactiveBackground#F0F1F6
tab.inactiveForeground#7C7B90
terminal.ansiBlack#F0F1F6
terminal.ansiBlue#7678AB
terminal.ansiBrightBlack#7C7B90
terminal.ansiBrightBlue#7678AB
terminal.ansiBrightCyan#7678AB
terminal.ansiBrightGreen#4A8F62
terminal.ansiBrightMagenta#4C7AB8
terminal.ansiBrightRed#D63F9E
terminal.ansiBrightWhite#282836
terminal.ansiBrightYellow#D9A86C
terminal.ansiCyan#7678AB
terminal.ansiGreen#4A8F62
terminal.ansiMagenta#4C7AB8
terminal.ansiRed#D63F9E
terminal.ansiWhite#282836
terminal.ansiYellow#D9A86C
terminal.background#F0F1F6
terminal.border#DBDDE6
terminal.foreground#282836
terminal.selectionBackground#7678AB33
terminalCursor.foreground#282836
testing.iconErrored#D63F9E
testing.iconFailed#D63F9E
testing.iconPassed#4A8F62
testing.iconQueued#D9A86C
testing.iconSkipped#7C7B90
testing.iconUnset#7C7B90
testing.message.error.decorationForeground#D63F9E
testing.message.info.decorationForeground#7678AB
testing.runAction#4A8F62
textCodeBlockBackground#F0F1F6
textLink#7678AB
textLink.activeForeground#7678AB
textPreformatBackground#DBDDE6
textPreformatForeground#4F4F6B
titleBar.activeBackground#F0F1F6
titleBar.activeForeground#282836
titleBar.border#DBDDE6
titleBar.inactiveBackground#E6E7ED
titleBar.inactiveForeground#7C7B90
toolbar.activeBackground#DBDDE6
toolbar.hoverBackground#dbdde680
tree.inactiveIndentGuidesStroke#DBDDE6
tree.indentGuidesStroke#CBCCD9
tree.tableColumnsBorder#CBCCD9
tree.tableOddRowsBackground#f0f1f680
walkThrough.embeddedEditorBackground#E6E7ED
welcomePage.background#F0F1F6
welcomePage.progress.background#DBDDE6
welcomePage.progress.foreground#7678AB
welcomePage.tileBackground#E6E7ED
welcomePage.tileHoverBackground#F0F1F6
widget.shadow#f0f1f680
window.activeBorder#7678AB
window.inactiveBorder#DBDDE6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7C7B90	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#9A69B8	—
entity.name.function, support.function, support.function.sql, meta.function-call	#4A60AB	—
entity.name.type, support.type, support.type.sql	#7E4DAE	—
entity.name.table.sql, entity.name.class	#282836	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#282836	—
variable.parameter.sql, variable.other.sql, variable.parameter	#282836	—
string, string.quoted.single.sql, string.quoted.double.sql	#C2561E	—
constant.numeric, constant.language	#D4801E	—
keyword.operator, keyword.operator.sql, punctuation	#4A60AB	—
constant.other, support.constant	#D4801E	—
support.type.property-name.json	#7E4DAE	—
meta.decorator, punctuation.decorator	#7E4DAE	—
string.template, punctuation.definition.template-expression	#C2561E	—
constant.character.escape	#D4801E	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#7E4DAE	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#C2561E	—
entity.name.tag.yaml	#7E4DAE	—
meta.preprocessor, keyword.control.directive	#9A69B8	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#7C7B90	italic
markup.list, punctuation.definition.list	#9A69B8	—
variable.other.special.shell	#282836	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#D4801E	—
variable.language.special.self.python, variable.language.special.self	#9A69B8	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#9A69B8	—
storage.modifier, storage.type.modifier	#9A69B8	—
variable.language, variable.language.this, variable.language.super	#9A69B8	italic
entity.name.namespace, entity.name.scope-resolution	#7E4DAE	—
entity.other.inherited-class	#7E4DAE	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#282836	—
support.class, support.other, support.constant.property-value	#7E4DAE	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#7E4DAE	—
punctuation.accessor, punctuation.separator, meta.brace	#4A60AB	—
meta.template.expression, punctuation.section.embedded	#4A60AB	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#9A69B8	—
entity.other.attribute-name, entity.other.attribute-name.html	#282836	—
punctuation.definition.tag, punctuation.separator.key-value.html	#4A60AB	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#7E4DAE	—
support.type.property-name.css, support.type.vendored.property-name.css	#282836	—
keyword.other.unit, constant.numeric.css, constant.other.color	#D4801E	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#9A69B8	bold
markup.bold, punctuation.definition.bold	#D4801E	bold
markup.italic, punctuation.definition.italic	#7E4DAE	italic
markup.quote	#7C7B90	italic
markup.inline.raw, markup.fenced_code, markup.raw	#C2561E	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#4A60AB	—
string.other.link.title.markdown, string.other.link.description.markdown	#282836	—
meta.separator.markdown, punctuation.definition.constant.markdown	#7C7B90	—
markup.inserted, meta.diff.header.to-file	#4A8F62	—
markup.deleted, meta.diff.header.from-file	#D63F9E	—
markup.changed	#4C7AB8	—
invalid, invalid.illegal	#D63F9E	—

VS Code preview

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

NexQL Themes — NexQL Ember 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#D9A86C
activityBar.background#141110
activityBar.border#292320
activityBar.foreground#E0D8CE
activityBar.inactiveForeground#7E7468
activityBarBadge.background#D9A86C
activityBarBadge.foreground#141110
activityBarTop.activeBorder#D9A86C
activityBarTop.foreground#E0D8CE
activityBarTop.inactiveForeground#7E7468
badge.background#262019
badge.foreground#E0D8CE
banner.background#1C1816
banner.foreground#E0D8CE
banner.iconForeground#D9A86C
breadcrumb.activeSelectionForeground#D9A86C
breadcrumb.background#100D0C
breadcrumb.focusForeground#E0D8CE
breadcrumb.foreground#7E7468
breadcrumbPicker.background#1C1816
button.background#D9A86C
button.border#352D28
button.foreground#141110
button.hoverBackground#d9a86cd9
button.secondaryBackground#262019
button.secondaryForeground#E0D8CE
button.secondaryHoverBackground#221D1A
charts.blue#D9A86C
charts.foreground#E0D8CE
charts.green#9DB88E
charts.lines#7E7468
charts.orange#C98A6B
charts.purple#E8B4B8
charts.red#E06C5C
charts.yellow#D9A86C
chat.avatarBackground#1C1816
chat.avatarForeground#E0D8CE
chat.background#100D0C
chat.requestBackground#141110
chat.requestBorder#292320
chat.slashCommandBackground#d9a86c33
chat.slashCommandForeground#D9A86C
checkbox.background#1C1816
checkbox.border#352D28
checkbox.foreground#E0D8CE
checkbox.selectBackground#D9A86C
checkbox.selectBorder#D9A86C
commandCenter.activeBackground#221D1A
commandCenter.activeBorder#D9A86C
commandCenter.activeForeground#E0D8CE
commandCenter.background#1C1816
commandCenter.border#292320
commandCenter.debuggingBackground#D9A86C
commandCenter.foreground#7E7468
commandCenter.inactiveBorder#292320
commandCenter.inactiveForeground#7E7468
debugConsole.errorForeground#E06C5C
debugConsole.infoForeground#7AA8E8
debugConsole.sourceForeground#7E7468
debugConsole.warningForeground#D9A86C
debugConsoleInputIcon.foreground#D9A86C
debugExceptionWidget.background#1C1816
debugExceptionWidget.border#E06C5C
debugIcon.breakpointDisabledForeground#7E7468
debugIcon.breakpointForeground#E06C5C
debugIcon.breakpointUnverifiedForeground#C4BAAE
debugIcon.continueForeground#9DB88E
debugIcon.disconnectForeground#E06C5C
debugIcon.pauseForeground#D9A86C
debugIcon.restartForeground#9DB88E
debugIcon.startForeground#9DB88E
debugIcon.stepBackForeground#D9A86C
debugIcon.stepIntoForeground#D9A86C
debugIcon.stepOutForeground#D9A86C
debugIcon.stepOverForeground#D9A86C
debugIcon.stopForeground#E06C5C
debugTokenExpression.boolean#C98A6B
debugTokenExpression.error#E06C5C
debugTokenExpression.name#E0D8CE
debugTokenExpression.number#C98A6B
debugTokenExpression.string#C98A6B
debugTokenExpression.value#C4BAAE
debugToolBar.background#1C1816
debugToolBar.border#352D28
descriptionForeground#7E7468
diffEditor.diagonalFill#292320
diffEditor.insertedLineBackground#9DB88E14
diffEditor.insertedTextBackground#9db88e26
diffEditor.removedLineBackground#E06C5C14
diffEditor.removedTextBackground#e06c5c26
diffEditorGutter.insertedLineBackground#9DB88E1F
diffEditorGutter.removedLineBackground#E06C5C1F
disabledForeground#5A5048
dropdown.background#1C1816
dropdown.border#352D28
dropdown.foreground#E0D8CE
dropdown.listBackground#1C1816
editor.background#141110
editor.findMatchBackground#c98a6b66
editor.findMatchHighlightBackground#d9a86c33
editor.findRangeHighlightBackground#D9A86C1A
editor.focusedStackFrameHighlightBackground#9DB88E26
editor.foldBackground#D9A86C14
editor.foreground#E0D8CE
editor.hoverHighlightBackground#D9A86C26
editor.inactiveSelectionBackground#262019cc
editor.lineHighlightBackground#100d0c99
editor.lineHighlightBorder#292320
editor.linkedEditingBackground#E06C5C26
editor.rangeHighlightBackground#D9A86C1A
editor.selectionBackground#D9A86C40
editor.selectionHighlightBackground#d9a86c33
editor.snippetFinalTabstopHighlightBorder#D9A86C
editor.snippetTabstopHighlightBackground#d9a86c33
editor.stackFrameHighlightBackground#D9A86C26
editor.symbolHighlightBackground#c98a6b33
editor.wordHighlightBackground#d9a86c26
editor.wordHighlightStrongBackground#d9a86c40
editorBracketHighlight.foreground1#A89684
editorBracketHighlight.foreground2#D9A86C
editorBracketHighlight.foreground3#E8B4B8
editorBracketHighlight.foreground4#C98A6B
editorBracketHighlight.foreground5#A89684
editorBracketHighlight.foreground6#7E7468
editorBracketHighlight.unexpectedBracket.foreground#E06C5C
editorBracketMatch.background#d9a86c1f
editorBracketMatch.border#D9A86C
editorBracketPairGuide.activeBackground1#D9A86C
editorBracketPairGuide.background1#292320
editorCodeLens.foreground#7E7468
editorCursor.foreground#E0D8CE
editorError.foreground#E06C5C
editorGhostText.foreground#7e7468a6
editorGroup.border#292320
editorGroup.dropBackground#2E262080
editorGroupHeader.noTabsBackground#141110
editorGroupHeader.tabsBackground#141110
editorGroupHeader.tabsBorder#292320
editorGutter.addedBackground#9DB88E
editorGutter.background#141110
editorGutter.commentRangeForeground#7E7468
editorGutter.deletedBackground#E06C5C
editorGutter.foldingControlForeground#7E7468
editorGutter.modifiedBackground#D9A86C
editorHint.foreground#7E7468
editorHoverWidget.background#1C1816
editorHoverWidget.border#352D28
editorHoverWidget.foreground#E0D8CE
editorHoverWidget.statusBarBackground#221D1A
editorIndentGuide.activeBackground1#d9a86c73
editorIndentGuide.background1#292320
editorInfo.foreground#D9A86C
editorInlayHint.background#1c1816e6
editorInlayHint.foreground#7E7468
editorLightBulb.foreground#D9A86C
editorLightBulbAutoFix.foreground#D9A86C
editorLineNumber.activeForeground#E0D8CE
editorLineNumber.foreground#7E7468
editorLink.activeForeground#E8BE84
editorMarkerNavigation.background#1C1816
editorMarkerNavigationError.background#E06C5C
editorMarkerNavigationInfo.background#7AA8E8
editorMarkerNavigationWarning.background#D9A86C
editorMultiCursor.secondary.foreground#D9A86C
editorOverviewRuler.addedForeground#9DB88E99
editorOverviewRuler.border#292320
editorOverviewRuler.bracketMatchForeground#D9A86C
editorOverviewRuler.commonContentForeground#7E7468
editorOverviewRuler.currentContentForeground#9DB88E
editorOverviewRuler.deletedForeground#E06C5C99
editorOverviewRuler.errorForeground#E06C5C
editorOverviewRuler.findMatchForeground#C98A6B99
editorOverviewRuler.incomingContentForeground#D9A86C
editorOverviewRuler.infoForeground#7AA8E8
editorOverviewRuler.modifiedForeground#D9A86C99
editorOverviewRuler.selectionHighlightForeground#D9A86C66
editorOverviewRuler.warningForeground#D9A86C
editorOverviewRuler.wordHighlightForeground#D9A86C59
editorOverviewRuler.wordHighlightStrongForeground#D9A86C80
editorRuler.foreground#292320
editorStickyScroll.background#141110
editorStickyScroll.border#292320
editorStickyScrollHover.background#221D1A
editorSuggestWidget.background#1C1816
editorSuggestWidget.border#352D28
editorSuggestWidget.focusHighlightForeground#E8BE84
editorSuggestWidget.foreground#E0D8CE
editorSuggestWidget.highlightForeground#D9A86C
editorSuggestWidget.selectedBackground#2E2620
editorSuggestWidget.selectedForeground#F0E8DC
editorSuggestWidget.selectedIconForeground#E8BE84
editorUnnecessaryCode.opacity#00000080
editorWarning.foreground#D9A86C
editorWhitespace.foreground#7e746859
editorWidget.background#1C1816
editorWidget.border#352D28
editorWidget.foreground#E0D8CE
editorWidget.resizeBorder#D9A86C
errorForeground#E06C5C
extensionBadge.remoteBackground#D9A86C
extensionBadge.remoteForeground#100D0C
extensionButton.background#D9A86C
extensionButton.foreground#141110
extensionButton.hoverBackground#d9a86cd9
extensionButton.prominentBackground#D9A86C
extensionButton.prominentForeground#141110
extensionButton.prominentHoverBackground#d9a86cd9
extensionIcon.preReleaseForeground#D9A86C
extensionIcon.starForeground#C98A6B
extensionIcon.verifiedForeground#7AA8E8
focusBorder#D9A86C
foreground#E0D8CE
gauge.errorBackground#e06c5c33
gauge.errorForeground#E06C5C
gauge.infoBackground#d9a86c33
gauge.infoForeground#D9A86C
gauge.warningBackground#d9a86c33
gauge.warningForeground#D9A86C
gitDecoration.addedResourceForeground#9DB88E
gitDecoration.conflictingResourceForeground#D9A86C
gitDecoration.deletedResourceForeground#E06C5C
gitDecoration.ignoredResourceForeground#5A5048
gitDecoration.modifiedResourceForeground#D9A86C
gitDecoration.renamedResourceForeground#7AA8E8
gitDecoration.stageDeletedResourceForeground#E06C5C
gitDecoration.stageModifiedResourceForeground#D9A86C
gitDecoration.submoduleResourceForeground#D9A86C
gitDecoration.untrackedResourceForeground#9DB88E
icon.foreground#C4BAAE
inlineChat.background#1C1816
inlineChat.border#352D28
inlineChat.shadow#14111080
inlineChatDiff.inserted#9db88e26
inlineChatDiff.removed#e06c5c26
inlineChatInput.background#141110
inlineChatInput.border#292320
inlineChatInput.focusBorder#D9A86C
inlineChatInput.placeholderForeground#7E7468
input.background#1C1816
input.border#352D28
input.foreground#E0D8CE
input.placeholderForeground#7E7468
inputOption.activeBackground#D9A86C33
inputOption.activeBorder#D9A86C
inputOption.activeForeground#F0E8DC
inputOption.hoverBackground#221D1A
inputValidation.errorBackground#e06c5c26
inputValidation.errorBorder#E06C5C
inputValidation.errorForeground#E0D8CE
inputValidation.infoBackground#7AA8E826
inputValidation.infoBorder#7AA8E8
inputValidation.warningBackground#d9a86c26
inputValidation.warningBorder#D9A86C
interactive.activeCodeBorder#D9A86C
interactive.inactiveCodeBorder#352D28
keybindingLabel.background#262019
keybindingLabel.border#352D28
keybindingLabel.bottomBorder#352D28
keybindingLabel.foreground#E0D8CE
keybindingTable.headerBackground#1C1816
keybindingTable.rowsBackground#181413
list.activeSelectionBackground#2E2620
list.activeSelectionForeground#F0E8DC
list.activeSelectionIconForeground#E8BE84
list.deemphasizedForeground#7E7468
list.dropBackground#2E262080
list.errorForeground#E06C5C
list.filterMatchBackground#c98a6b59
list.filterMatchBorder#C98A6B80
list.focusBackground#2E2620
list.focusForeground#F0E8DC
list.focusHighlightForeground#d9a86cbf
list.focusOutline#d9a86c80
list.highlightForeground#D9A86C
list.hoverBackground#262019
list.hoverForeground#E0D8CE
list.inactiveFocusBackground#262019
list.inactiveSelectionBackground#262019
list.inactiveSelectionForeground#E0D8CE
list.warningForeground#D9A86C
listFilterWidget.background#1C1816
listFilterWidget.noMatchesOutline#E06C5C
listFilterWidget.outline#D9A86C
menu.background#1C1816
menu.border#352D28
menu.foreground#E0D8CE
menu.selectionBackground#2E2620
menu.selectionForeground#F0E8DC
menu.separatorBackground#352D28
menubar.selectionBackground#221D1A
menubar.selectionBorder#D9A86C
menubar.selectionForeground#E0D8CE
merge.border#352D28
merge.commonContentBackground#7E74681A
merge.commonHeaderBackground#7E746840
merge.currentContentBackground#D9A86C1A
merge.currentHeaderBackground#D9A86C40
merge.incomingContentBackground#9DB88E1A
merge.incomingHeaderBackground#9DB88E40
minimap.background#141110
minimap.errorHighlight#E06C5C99
minimap.findMatchHighlight#C98A6B99
minimap.selectionHighlight#D9A86C66
minimap.warningHighlight#D9A86C99
minimapGutter.addedBackground#9DB88E
minimapGutter.deletedBackground#E06C5C
minimapGutter.modifiedBackground#D9A86C
minimapSlider.activeBackground#D9A86C33
minimapSlider.background#D9A86C1A
minimapSlider.hoverBackground#D9A86C26
multiDiffEditor.background#141110
multiDiffEditor.border#292320
multiDiffEditor.headerBackground#1C1816
notebook.cellBorderColor#292320
notebook.cellEditorBackground#100D0C
notebook.cellHoverBackground#181413
notebook.cellInsertionIndicator#D9A86C
notebook.cellStatusBarItemHoverBackground#221D1A
notebook.cellToolbarSeparator#352D28
notebook.editorBackground#141110
notebook.focusedCellBackground#181413
notebook.focusedCellBorder#D9A86C
notebook.focusedEditorBorder#D9A86C
notebook.inactiveFocusedCellBorder#352D28
notebook.outputContainerBackgroundColor#100D0C
notebook.outputContainerBorderColor#292320
notebook.selectedCellBackground#181413
notebook.selectedCellBorder#352D28
notebook.symbolHighlightBackground#D9A86C1F
notebookScrollbarSlider.activeBackground#D9A86C99
notebookScrollbarSlider.background#1C1816B3
notebookScrollbarSlider.hoverBackground#352D28CC
notebookStatusErrorIcon.foreground#E06C5C
notebookStatusRunningIcon.foreground#7AA8E8
notebookStatusSuccessIcon.foreground#9DB88E
notificationCenter.border#352D28
notificationCenterHeader.background#1C1816
notificationCenterHeader.foreground#E0D8CE
notificationLink.foreground#D9A86C
notifications.background#1C1816
notifications.border#352D28
notifications.foreground#E0D8CE
notificationsErrorIcon.foreground#E06C5C
notificationsInfoIcon.foreground#7AA8E8
notificationsWarningIcon.foreground#D9A86C
notificationToast.border#352D28
panel.background#1C1816
panel.border#292320
panel.dropBorder#D9A86C
panelInput.border#352D28
panelSection.border#292320
panelSectionHeader.background#1C1816
panelSectionHeader.foreground#E0D8CE
panelTitle.activeBorder#D9A86C
panelTitle.activeForeground#E0D8CE
panelTitle.inactiveForeground#7E7468
peekView.border#D9A86C
peekViewEditor.background#100D0C
peekViewEditor.matchHighlightBackground#C98A6B4D
peekViewResult.background#141110
peekViewResult.fileForeground#E0D8CE
peekViewResult.lineForeground#7E7468
peekViewResult.matchHighlightBackground#C98A6B4D
peekViewResult.selectionBackground#2E2620
peekViewResult.selectionForeground#F0E8DC
peekViewTitle.background#1C1816
peekViewTitleDescription.foreground#7E7468
peekViewTitleLabel.foreground#E0D8CE
pickerGroup.border#352D28
pickerGroup.foreground#D9A86C
ports.iconRunningProcessForeground#9DB88E
problemsErrorIcon.foreground#E06C5C
problemsInfoIcon.foreground#7AA8E8
problemsWarningIcon.foreground#D9A86C
profileBadge.background#262019
profileBadge.foreground#E0D8CE
progressBar.background#D9A86C
quickInput.background#1C1816
quickInput.foreground#E0D8CE
quickInputList.focusBackground#2E2620
quickInputList.focusForeground#F0E8DC
quickInputList.focusIconForeground#d9a86cbf
quickInputTitle.background#221D1A
radio.activeBackground#d9a86c33
radio.activeBorder#D9A86C
radio.activeForeground#D9A86C
radio.inactiveBackground#1C1816
radio.inactiveBorder#352D28
radio.inactiveForeground#C4BAAE
radio.inactiveHoverBackground#262019
sash.hoverBorder#D9A86C
scmGraph.foreground1#D9A86C
scmGraph.foreground2#D9A86C
scmGraph.foreground3#E06C5C
scmGraph.foreground4#9DB88E
scmGraph.foreground5#D9A86C
scmGraph.historyItemBaseRefColor#D9A86C
scmGraph.historyItemHoverAdditionsForeground#9DB88E
scmGraph.historyItemHoverDeletionsForeground#E06C5C
scmGraph.historyItemHoverLabelForeground#E0D8CE
scmGraph.historyItemRefColor#D9A86C
scmGraph.historyItemRemoteRefColor#D9A86C
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#d9a86c99
scrollbarSlider.background#262019b3
scrollbarSlider.hoverBackground#352d28cc
search.resultsInfoForeground#7E7468
searchEditor.findMatchBackground#C98A6B4D
searchEditor.textInputBorder#352D28
selection.background#D9A86C55
settings.checkboxBackground#1C1816
settings.checkboxBorder#352D28
settings.checkboxForeground#E0D8CE
settings.dropdownBackground#1C1816
settings.dropdownBorder#352D28
settings.dropdownForeground#E0D8CE
settings.focusedRowBackground#181413
settings.focusedRowBorder#D9A86C59
settings.headerBorder#292320
settings.headerForeground#E0D8CE
settings.modifiedItemIndicator#D9A86C
settings.numberInputBackground#1C1816
settings.numberInputBorder#352D28
settings.numberInputForeground#C98A6B
settings.rowHoverBackground#18141380
settings.textInputBackground#1C1816
settings.textInputBorder#352D28
settings.textInputForeground#E0D8CE
sideBar.background#100D0C
sideBar.border#292320
sideBar.dropBackground#2E262080
sideBar.foreground#C4BAAE
sideBarSectionHeader.background#1C1816
sideBarSectionHeader.border#352D28
sideBarSectionHeader.foreground#E0D8CE
sideBarTitle.foreground#E0D8CE
statusBar.background#100D0C
statusBar.border#292320
statusBar.debuggingBackground#D9A86C
statusBar.debuggingForeground#141110
statusBar.foreground#E0D8CE
statusBar.noFolderBackground#1C1816
statusBar.noFolderForeground#E0D8CE
statusBarItem.activeBackground#D9A86C4D
statusBarItem.errorBackground#E06C5C
statusBarItem.errorForeground#141110
statusBarItem.hoverBackground#d9a86c33
statusBarItem.prominentBackground#D9A86C59
statusBarItem.prominentHoverBackground#D9A86C73
statusBarItem.remoteBackground#D9A86C
statusBarItem.remoteForeground#141110
statusBarItem.warningBackground#D9A86C
statusBarItem.warningForeground#141110
symbolIcon.arrayForeground#E0D8CE
symbolIcon.booleanForeground#C98A6B
symbolIcon.classForeground#E8B4B8
symbolIcon.colorForeground#C4BAAE
symbolIcon.constantForeground#C98A6B
symbolIcon.constructorForeground#D9A86C
symbolIcon.enumeratorForeground#E8B4B8
symbolIcon.enumeratorMemberForeground#C98A6B
symbolIcon.eventForeground#D9A86C
symbolIcon.fieldForeground#E0D8CE
symbolIcon.fileForeground#E0D8CE
symbolIcon.folderForeground#C4BAAE
symbolIcon.functionForeground#D9A86C
symbolIcon.interfaceForeground#E8B4B8
symbolIcon.keyForeground#E8B4B8
symbolIcon.keywordForeground#A89684
symbolIcon.methodForeground#D9A86C
symbolIcon.moduleForeground#A89684
symbolIcon.namespaceForeground#A89684
symbolIcon.numberForeground#C98A6B
symbolIcon.objectForeground#E0D8CE
symbolIcon.operatorForeground#A89684
symbolIcon.packageForeground#A89684
symbolIcon.propertyForeground#E0D8CE
symbolIcon.referenceForeground#E0D8CE
symbolIcon.snippetForeground#E0D8CE
symbolIcon.stringForeground#C98A6B
symbolIcon.structForeground#E8B4B8
symbolIcon.textForeground#E0D8CE
symbolIcon.typeParameterForeground#E8B4B8
symbolIcon.unitForeground#C98A6B
symbolIcon.variableForeground#E0D8CE
tab.activeBackground#100D0C
tab.activeBorderTop#D9A86C
tab.activeForeground#E0D8CE
tab.border#292320
tab.hoverBackground#1C1816
tab.inactiveBackground#141110
tab.inactiveForeground#7E7468
tab.lastPinnedBorder#352D28
tab.unfocusedActiveForeground#C4BAAE
tab.unfocusedInactiveForeground#7E7468
terminal.ansiBlack#141110
terminal.ansiBlue#D9A86C
terminal.ansiBrightBlack#7E7468
terminal.ansiBrightBlue#D9A86C
terminal.ansiBrightCyan#D9A86C
terminal.ansiBrightGreen#9DB88E
terminal.ansiBrightMagenta#D9A86C
terminal.ansiBrightRed#E06C5C
terminal.ansiBrightWhite#E0D8CE
terminal.ansiBrightYellow#D9A86C
terminal.ansiCyan#D9A86C
terminal.ansiGreen#9DB88E
terminal.ansiMagenta#D9A86C
terminal.ansiRed#E06C5C
terminal.ansiWhite#E0D8CE
terminal.ansiYellow#D9A86C
terminal.background#141110
terminal.border#292320
terminal.findMatchBackground#C98A6B66
terminal.findMatchHighlightBackground#D9A86C33
terminal.foreground#E0D8CE
terminal.inactiveSelectionBackground#D9A86C26
terminal.selectionBackground#D9A86C40
terminalCommandDecoration.defaultBackground#7E7468
terminalCommandDecoration.errorBackground#E06C5C
terminalCommandDecoration.successBackground#9DB88E
terminalCursor.foreground#E0D8CE
terminalStickyScroll.background#100D0C
terminalStickyScrollHover.background#221D1A
testing.iconErrored#E06C5C
testing.iconFailed#E06C5C
testing.iconPassed#9DB88E
testing.iconQueued#D9A86C
testing.iconSkipped#7E7468
testing.iconUnset#7E7468
testing.message.error.decorationForeground#E06C5C
testing.message.info.decorationForeground#7AA8E8
testing.runAction#9DB88E
textBlockQuote.background#1C1816
textBlockQuote.border#D9A86C
textCodeBlock.background#1C1816
textCodeBlockBackground#1C1816
textLink#D9A86C
textLink.activeForeground#D9A86C
textLink.foreground#7AA8E8
textPreformat.background#1C1816
textPreformat.foreground#C4BAAE
textPreformatBackground#262019
textPreformatForeground#C4BAAE
textSeparator.foreground#352D28
titleBar.activeBackground#141110
titleBar.activeForeground#E0D8CE
titleBar.border#292320
titleBar.inactiveBackground#100D0C
titleBar.inactiveForeground#7E7468
toolbar.activeBackground#2E2620
toolbar.hoverBackground#221D1A
tree.inactiveIndentGuidesStroke#292320
tree.indentGuidesStroke#352D28
tree.tableColumnsBorder#352D28
tree.tableOddRowsBackground#1c181680
walkThrough.embeddedEditorBackground#100D0C
welcomePage.background#141110
welcomePage.progress.background#1C1816
welcomePage.progress.foreground#D9A86C
welcomePage.tileBackground#1C1816
welcomePage.tileBorder#352D28
welcomePage.tileHoverBackground#221D1A
widget.border#352D28
widget.shadow#00000066
window.activeBorder#D9A86C
window.inactiveBorder#292320

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7E7468	italic
keyword, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#A89684	—
entity.name.function, support.function, support.function.sql, meta.function-call	#D9A86C	—
entity.name.type, support.type, support.type.sql	#E8B4B8	—
entity.name.table.sql, entity.name.class	#E0D8CE	—
variable, variable.other, meta.column.sql, variable.other.column.sql, support.variable	#E0D8CE	—
variable.parameter.sql, variable.other.sql, variable.parameter	#E0D8CE	—
string, string.quoted.single.sql, string.quoted.double.sql	#C98A6B	—
constant.numeric, constant.language	#C98A6B	—
keyword.operator, keyword.operator.sql, punctuation	#A89684	—
constant.other, support.constant	#C98A6B	—
support.type.property-name.json	#E8B4B8	—
meta.decorator, punctuation.decorator	#E8B4B8	—
string.template, punctuation.definition.template-expression	#C98A6B	—
constant.character.escape	#C98A6B	—
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#E8B4B8	—
string.regexp, keyword.control.anchor.regexp, constant.other.character-class.regexp	#C98A6B	—
entity.name.tag.yaml	#E8B4B8	—
meta.preprocessor, keyword.control.directive	#A89684	—
storage.type.class.jsdoc, variable.other.jsdoc, entity.name.type.instance.jsdoc	#7E7468	italic
markup.list, punctuation.definition.list	#A89684	—
variable.other.special.shell	#E0D8CE	—
entity.name.lifetime.rust, keyword.operator.borrow.rust	#C98A6B	—
variable.language.special.self.python, variable.language.special.self	#A89684	—
keyword.control, keyword.control.flow, keyword.control.import, keyword.control.conditional, keyword.control.loop	#A89684	—
storage.modifier, storage.type.modifier	#A89684	—
variable.language, variable.language.this, variable.language.super	#A89684	italic
entity.name.namespace, entity.name.scope-resolution	#E8B4B8	—
entity.other.inherited-class	#E8B4B8	italic
variable.other.property, variable.other.object.property, meta.object-literal.key	#E0D8CE	—
support.class, support.other, support.constant.property-value	#E8B4B8	—
meta.annotation, storage.type.annotation, punctuation.definition.annotation	#E8B4B8	—
punctuation.accessor, punctuation.separator, meta.brace	#A89684	—
meta.template.expression, punctuation.section.embedded	#A89684	—
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#A89684	—
entity.other.attribute-name, entity.other.attribute-name.html	#E0D8CE	—
punctuation.definition.tag, punctuation.separator.key-value.html	#A89684	—
support.class.component, entity.name.tag.jsx, entity.name.tag.tsx	#E8B4B8	—
support.type.property-name.css, support.type.vendored.property-name.css	#E0D8CE	—
keyword.other.unit, constant.numeric.css, constant.other.color	#C98A6B	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#A89684	bold
markup.bold, punctuation.definition.bold	#C98A6B	bold
markup.italic, punctuation.definition.italic	#E8B4B8	italic
markup.quote	#7E7468	italic
markup.inline.raw, markup.fenced_code, markup.raw	#C98A6B	—
markup.underline.link, string.other.link, constant.other.reference.link.markdown	#D9A86C	—
string.other.link.title.markdown, string.other.link.description.markdown	#E0D8CE	—
meta.separator.markdown, punctuation.definition.constant.markdown	#7E7468	—
markup.inserted, meta.diff.header.to-file	#9DB88E	—
markup.deleted, meta.diff.header.from-file	#E06C5C	—
markup.changed	#D9A86C	—
invalid, invalid.illegal	#E06C5C	—
keyword, keyword.package, keyword.import, keyword.function, keyword.type, keyword.other, keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.sql, storage.type, storage.modifier	#A89684	—
keyword.operator, keyword.operator.sql, punctuation	#A89684	—
entity.name.table.sql, entity.name.class	#E0D8CE	—
variable, variable.other, variable.other.object, variable.parameter, variable.parameter.sql, variable.other.sql, meta.column.sql, variable.other.column.sql, support.variable	#E0D8CE	—
constant.numeric, constant.language	#C98A6B	—
entity.name.tag	#D9A86C	—
entity.other.attribute-name	#E8B4B8	—
variable.other.property, variable.other.object.property, variable.object.property, meta.property-name, meta.object-literal.key, meta.object-literal.key.js, meta.object-literal.key.jsx, meta.object-literal.key.ts, meta.object-literal.key.tsx, meta.definition.property, support.type.property-name, support.type.property-name.json, support.type.property-name.ts, support.type.property-name.tsx	#E8B4B8	—
markup.inline.raw, markup.fenced_code.block	#C98A6B	—
markup.underline.link	#7AA8E8	—