Ember Black

Name: Ember Black
Author: Malin Fossum

Publisher: Malin FossumThemes in package: 3

OLED-first VS Code theme with Claude-inspired warm accents and a saturated syntax palette. Ships in true black plus two cooler dark siblings.

Open in VS Code GitHub

Color themes

VS Code preview

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

Ember Black — Ember Black

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#0d0d0d
activityBar.activeBorder#d97757
activityBar.activeFocusBorder#d97757
activityBar.background#0d0d0d
activityBar.border#3a3a3a
activityBar.foreground#f0f0f0
activityBar.inactiveForeground#6a6a6a
activityBarBadge.background#d97757
activityBarBadge.foreground#000000
activityBarTop.activeBorder#d97757
activityBarTop.foreground#f0f0f0
activityBarTop.inactiveForeground#6a6a6a
badge.background#d97757
badge.foreground#000000
banner.background#0d0d0d
banner.foreground#f0f0f0
banner.iconForeground#d97757
breadcrumb.activeSelectionForeground#d97757
breadcrumb.background#000000
breadcrumb.focusForeground#f0f0f0
breadcrumb.foreground#8a8a8a
breadcrumbPicker.background#0d0d0d
button.background#d97757
button.border#3a3a3a
button.foreground#000000
button.hoverBackground#e88a6f
button.secondaryBackground#1a1a1a
button.secondaryForeground#f0f0f0
button.secondaryHoverBackground#2a2a2a
charts.blue#4aa3ee
charts.foreground#f0f0f0
charts.green#7ecc4a
charts.lines#3a3a3a
charts.orange#d97757
charts.purple#c77fe0
charts.red#e55c5c
charts.yellow#e6d260
checkbox.background#0a0a0a
checkbox.border#3a3a3a
checkbox.foreground#f0f0f0
checkbox.selectBackground#2a1a12
checkbox.selectBorder#d97757
commandCenter.activeBackground#151515
commandCenter.activeBorder#d97757
commandCenter.activeForeground#f0f0f0
commandCenter.background#0a0a0a
commandCenter.border#3a3a3a
commandCenter.foreground#f0f0f0
commandCenter.inactiveBorder#2a2a2a
commandCenter.inactiveForeground#8a8a8a
debugConsole.errorForeground#e55c5c
debugConsole.infoForeground#4aa3ee
debugConsole.sourceForeground#8a8a8a
debugConsole.warningForeground#e6d260
debugConsoleInputIcon.foreground#d97757
debugExceptionWidget.background#3a1a1a
debugExceptionWidget.border#e55c5c
debugIcon.breakpointCurrentStackframeForeground#e6d260
debugIcon.breakpointDisabledForeground#6a6a6a
debugIcon.breakpointForeground#e55c5c
debugIcon.breakpointStackframeForeground#d97757
debugIcon.breakpointUnverifiedForeground#8a8a8a
debugIcon.continueForeground#7ecc4a
debugIcon.disconnectForeground#e55c5c
debugIcon.pauseForeground#4aa3ee
debugIcon.restartForeground#7ecc4a
debugIcon.startForeground#7ecc4a
debugIcon.stepBackForeground#4aa3ee
debugIcon.stepIntoForeground#4aa3ee
debugIcon.stepOutForeground#4aa3ee
debugIcon.stepOverForeground#4aa3ee
debugIcon.stopForeground#e55c5c
debugTokenExpression.boolean#7ecc4a
debugTokenExpression.error#e55c5c
debugTokenExpression.name#8cc8f0
debugTokenExpression.number#7ecc4a
debugTokenExpression.string#ea9a67
debugTokenExpression.value#f0f0f0
debugToolBar.background#0d0d0d
debugToolBar.border#3a3a3a
debugView.exceptionLabelBackground#3a1a1a
debugView.exceptionLabelForeground#f5f5f5
debugView.stateLabelBackground#2a1a12
debugView.stateLabelForeground#d97757
debugView.valueChangedHighlight#e6d26055
descriptionForeground#8a8a8a
diffEditor.border#3a3a3a
diffEditor.diagonalFill#2a2a2a
diffEditor.insertedLineBackground#7ecc4a11
diffEditor.insertedTextBackground#7ecc4a22
diffEditor.removedLineBackground#e55c5c11
diffEditor.removedTextBackground#e55c5c22
diffEditorGutter.insertedLineBackground#7ecc4a22
diffEditorGutter.removedLineBackground#e55c5c22
diffEditorOverview.insertedForeground#7ecc4a88
diffEditorOverview.removedForeground#e55c5c88
dropdown.background#0d0d0d
dropdown.border#3a3a3a
dropdown.foreground#f0f0f0
dropdown.listBackground#0d0d0d
editor.background#000000
editor.findMatchBackground#d9775755
editor.findMatchBorder#d97757
editor.findMatchHighlightBackground#d9775722
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#2a1a1233
editor.focusedStackFrameHighlightBackground#7ecc4a15
editor.foldBackground#1a1a1a
editor.foreground#f0f0f0
editor.hoverHighlightBackground#1a1a1a
editor.inactiveSelectionBackground#1a1010
editor.lineHighlightBackground#151515
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#1a1010
editor.selectionBackground#2a1a12
editor.selectionForeground#f5f5f5
editor.selectionHighlightBackground#1a1010
editor.selectionHighlightBorder#00000000
editor.stackFrameHighlightBackground#e6d26015
editor.symbolHighlightBackground#d9775722
editor.wordHighlightBackground#1a1a1a
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#2a1a12
editor.wordHighlightStrongBorder#00000000
editorBracketHighlight.foreground1#c77fe0
editorBracketHighlight.foreground2#4aa3ee
editorBracketHighlight.foreground3#e6d260
editorBracketHighlight.foreground4#c77fe0
editorBracketHighlight.foreground5#4aa3ee
editorBracketHighlight.foreground6#e6d260
editorBracketHighlight.unexpectedBracket.foreground#e55c5c
editorBracketMatch.background#2a1a12
editorBracketMatch.border#d97757
editorCodeLens.foreground#6a6a6a
editorCursor.background#000000
editorCursor.foreground#d97757
editorError.border#00000000
editorError.foreground#e55c5c
editorGhostText.border#00000000
editorGhostText.foreground#4a4a4a
editorGroup.border#3a3a3a
editorGroup.dropBackground#2a1a1233
editorGroup.emptyBackground#000000
editorGroupHeader.border#3a3a3a
editorGroupHeader.noTabsBackground#0a0a0a
editorGroupHeader.tabsBackground#0a0a0a
editorGroupHeader.tabsBorder#3a3a3a
editorGutter.addedBackground#7ecc4a
editorGutter.background#000000
editorGutter.deletedBackground#e55c5c
editorGutter.foldingControlForeground#6a6a6a
editorGutter.modifiedBackground#e6d260
editorHint.foreground#3fc9a7
editorHoverWidget.background#0d0d0d
editorHoverWidget.border#3a3a3a
editorHoverWidget.foreground#f0f0f0
editorHoverWidget.highlightForeground#d97757
editorHoverWidget.statusBarBackground#0a0a0a
editorIndentGuide.activeBackground1#3a3a3a
editorIndentGuide.background1#1a1a1a
editorInfo.border#00000000
editorInfo.foreground#4aa3ee
editorInlayHint.background#0a0a0a
editorInlayHint.foreground#8a8a8a
editorInlayHint.parameterBackground#0a0a0a
editorInlayHint.parameterForeground#8cc8f0
editorInlayHint.typeBackground#0a0a0a
editorInlayHint.typeForeground#3fc9a7
editorLineNumber.activeForeground#d97757
editorLineNumber.dimmedForeground#2a2a2a
editorLineNumber.foreground#4a4a4a
editorLink.activeForeground#d97757
editorMarkerNavigation.background#0d0d0d
editorMarkerNavigationError.background#e55c5c
editorMarkerNavigationInfo.background#4aa3ee
editorMarkerNavigationWarning.background#e6d260
editorOverviewRuler.addedForeground#7ecc4a88
editorOverviewRuler.background#000000
editorOverviewRuler.border#00000000
editorOverviewRuler.bracketMatchForeground#d97757
editorOverviewRuler.deletedForeground#e55c5c88
editorOverviewRuler.errorForeground#e55c5c
editorOverviewRuler.findMatchForeground#d9775788
editorOverviewRuler.infoForeground#4aa3ee
editorOverviewRuler.modifiedForeground#e6d26088
editorOverviewRuler.rangeHighlightForeground#2a1a1288
editorOverviewRuler.selectionHighlightForeground#2a1a1288
editorOverviewRuler.warningForeground#e6d260
editorOverviewRuler.wordHighlightForeground#3a3a3a88
editorOverviewRuler.wordHighlightStrongForeground#d9775788
editorRuler.foreground#2a2a2a
editorStickyScroll.background#000000
editorStickyScrollHover.background#0a0a0a
editorSuggestWidget.background#0d0d0d
editorSuggestWidget.border#3a3a3a
editorSuggestWidget.focusHighlightForeground#e88a6f
editorSuggestWidget.foreground#f0f0f0
editorSuggestWidget.highlightForeground#d97757
editorSuggestWidget.selectedBackground#2a1a12
editorSuggestWidget.selectedForeground#f5f5f5
editorSuggestWidget.selectedIconForeground#d97757
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#00000080
editorWarning.border#00000000
editorWarning.foreground#e6d260
editorWatermark.foreground#4a4a4a
editorWhitespace.foreground#2a2a2a
editorWidget.background#0d0d0d
editorWidget.border#3a3a3a
editorWidget.foreground#f0f0f0
editorWidget.resizeBorder#3a3a3a
errorForeground#e55c5c
focusBorder#d97757
foreground#f0f0f0
gitDecoration.addedResourceForeground#7ecc4a
gitDecoration.conflictingResourceForeground#d97757
gitDecoration.deletedResourceForeground#e55c5c
gitDecoration.ignoredResourceForeground#4a4a4a
gitDecoration.modifiedResourceForeground#e6d260
gitDecoration.renamedResourceForeground#3fc9a7
gitDecoration.stageDeletedResourceForeground#ff7a7a
gitDecoration.stageModifiedResourceForeground#ea9a67
gitDecoration.submoduleResourceForeground#c77fe0
gitDecoration.untrackedResourceForeground#3fc9a7
icon.foreground#f0f0f0
input.background#0a0a0a
input.border#3a3a3a
input.foreground#f0f0f0
input.placeholderForeground#6a6a6a
inputOption.activeBackground#2a1a12
inputOption.activeBorder#d97757
inputOption.activeForeground#f5f5f5
inputOption.hoverBackground#1a1a1a
inputValidation.errorBackground#3a1a1a
inputValidation.errorBorder#e55c5c
inputValidation.errorForeground#f5f5f5
inputValidation.infoBackground#152838
inputValidation.infoBorder#4aa3ee
inputValidation.infoForeground#f5f5f5
inputValidation.warningBackground#3a2a1a
inputValidation.warningBorder#e6d260
inputValidation.warningForeground#f5f5f5
keybindingLabel.background#0a0a0a
keybindingLabel.border#3a3a3a
keybindingLabel.bottomBorder#3a3a3a
keybindingLabel.foreground#f0f0f0
keybindingTable.headerBackground#0a0a0a
keybindingTable.rowsBackground#000000
list.activeSelectionBackground#2a1a12
list.activeSelectionForeground#f5f5f5
list.dropBackground#2a1a1266
list.errorForeground#e55c5c
list.filterMatchBackground#d9775744
list.filterMatchBorder#d97757
list.focusBackground#1a1a1a
list.focusForeground#f5f5f5
list.focusHighlightForeground#e88a6f
list.highlightForeground#d97757
list.hoverBackground#151515
list.hoverForeground#f0f0f0
list.inactiveSelectionBackground#1a1a1a
list.inactiveSelectionForeground#f0f0f0
list.invalidItemForeground#e55c5c
list.warningForeground#e6d260
listFilterWidget.background#0d0d0d
listFilterWidget.noMatchesOutline#e55c5c
listFilterWidget.outline#d97757
menu.background#0d0d0d
menu.border#3a3a3a
menu.foreground#f0f0f0
menu.selectionBackground#2a1a12
menu.selectionBorder#00000000
menu.selectionForeground#f5f5f5
menu.separatorBackground#2a2a2a
menubar.selectionBackground#1a1a1a
menubar.selectionBorder#00000000
menubar.selectionForeground#f0f0f0
merge.border#3a3a3a
merge.commonContentBackground#3a3a3a22
merge.commonHeaderBackground#3a3a3a55
merge.currentContentBackground#4aa3ee22
merge.currentHeaderBackground#4aa3ee55
merge.incomingContentBackground#c77fe022
merge.incomingHeaderBackground#c77fe055
mergeEditor.change.background#4aa3ee15
mergeEditor.change.word.background#4aa3ee33
mergeEditor.conflict.handledFocused.border#9ae66a
mergeEditor.conflict.handledUnfocused.border#7ecc4a
mergeEditor.conflict.unhandledFocused.border#ff7a7a
mergeEditor.conflict.unhandledUnfocused.border#e55c5c
minimap.background#000000
minimap.errorHighlight#e55c5c
minimap.findMatchHighlight#d97757
minimap.selectionHighlight#2a1a12
minimap.selectionOccurrenceHighlight#3a3a3a
minimap.warningHighlight#e6d260
minimapGutter.addedBackground#7ecc4a
minimapGutter.deletedBackground#e55c5c
minimapGutter.modifiedBackground#e6d260
minimapSlider.activeBackground#4a4a4a
minimapSlider.background#2a2a2a66
minimapSlider.hoverBackground#3a3a3aaa
notebook.cellBorderColor#3a3a3a
notebook.cellHoverBackground#0a0a0a
notebook.cellInsertionIndicator#d97757
notebook.cellStatusBarItemHoverBackground#1a1a1a
notebook.cellToolbarSeparator#3a3a3a
notebook.editorBackground#000000
notebook.focusedCellBackground#0a0a0a
notebook.focusedCellBorder#d97757
notebook.focusedEditorBorder#d97757
notebook.selectedCellBackground#0a0a0a
notebook.selectedCellBorder#3a3a3a
notebookStatusErrorIcon.foreground#e55c5c
notebookStatusRunningIcon.foreground#4aa3ee
notebookStatusSuccessIcon.foreground#7ecc4a
notificationCenter.border#3a3a3a
notificationCenterHeader.background#0a0a0a
notificationCenterHeader.foreground#f0f0f0
notificationLink.foreground#d97757
notifications.background#0d0d0d
notifications.border#3a3a3a
notifications.foreground#f0f0f0
notificationsErrorIcon.foreground#e55c5c
notificationsInfoIcon.foreground#4aa3ee
notificationsWarningIcon.foreground#e6d260
notificationToast.border#3a3a3a
panel.background#0a0a0a
panel.border#3a3a3a
panel.dropBorder#d97757
panelInput.border#3a3a3a
panelSection.border#3a3a3a
panelSectionHeader.background#0a0a0a
panelSectionHeader.border#3a3a3a
panelSectionHeader.foreground#f0f0f0
panelTitle.activeBorder#d97757
panelTitle.activeForeground#f0f0f0
panelTitle.inactiveForeground#8a8a8a
peekView.border#d97757
peekViewEditor.background#0a0a0a
peekViewEditor.matchHighlightBackground#d9775744
peekViewEditor.matchHighlightBorder#d97757
peekViewEditorGutter.background#0a0a0a
peekViewResult.background#0d0d0d
peekViewResult.fileForeground#f0f0f0
peekViewResult.lineForeground#f0f0f0
peekViewResult.matchHighlightBackground#d9775744
peekViewResult.selectionBackground#2a1a12
peekViewResult.selectionForeground#f5f5f5
peekViewTitle.background#0a0a0a
peekViewTitleDescription.foreground#8a8a8a
peekViewTitleLabel.foreground#f0f0f0
pickerGroup.border#3a3a3a
pickerGroup.foreground#d97757
problemsErrorIcon.foreground#e55c5c
problemsInfoIcon.foreground#4aa3ee
problemsWarningIcon.foreground#e6d260
progressBar.background#d97757
quickInput.background#0d0d0d
quickInput.foreground#f0f0f0
quickInputList.focusBackground#2a1a12
quickInputList.focusForeground#f5f5f5
quickInputList.focusIconForeground#d97757
quickInputTitle.background#0a0a0a
sash.hoverBorder#d97757
scm.providerBorder#3a3a3a
scrollbar.shadow#000000
scrollbarSlider.activeBackground#d9775799
scrollbarSlider.background#3a3a3a66
scrollbarSlider.hoverBackground#4a4a4aaa
selection.background#2a1a12
settings.checkboxBackground#0a0a0a
settings.checkboxBorder#3a3a3a
settings.checkboxForeground#f0f0f0
settings.dropdownBackground#0d0d0d
settings.dropdownBorder#3a3a3a
settings.dropdownForeground#f0f0f0
settings.dropdownListBorder#3a3a3a
settings.focusedRowBackground#0a0a0a
settings.focusedRowBorder#d97757
settings.headerBorder#3a3a3a
settings.headerForeground#f0f0f0
settings.modifiedItemIndicator#d97757
settings.numberInputBackground#0a0a0a
settings.numberInputBorder#3a3a3a
settings.numberInputForeground#f0f0f0
settings.rowHoverBackground#0d0d0d
settings.sashBorder#3a3a3a
settings.settingsHeaderHoverForeground#d97757
settings.textInputBackground#0a0a0a
settings.textInputBorder#3a3a3a
settings.textInputForeground#f0f0f0
sideBar.background#0d0d0d
sideBar.border#3a3a3a
sideBar.foreground#f0f0f0
sideBarSectionHeader.background#0a0a0a
sideBarSectionHeader.border#3a3a3a
sideBarSectionHeader.foreground#f0f0f0
sideBarTitle.foreground#f0f0f0
statusBar.background#0a0a0a
statusBar.border#3a3a3a
statusBar.debuggingBackground#2a1a12
statusBar.debuggingBorder#d97757
statusBar.debuggingForeground#d97757
statusBar.focusBorder#d97757
statusBar.foreground#f0f0f0
statusBar.noFolderBackground#0a0a0a
statusBar.noFolderBorder#3a3a3a
statusBar.noFolderForeground#f0f0f0
statusBarItem.activeBackground#2a1a12
statusBarItem.compactHoverBackground#1a1a1a
statusBarItem.errorBackground#3a1a1a
statusBarItem.errorForeground#ff9a9a
statusBarItem.focusBorder#d97757
statusBarItem.hoverBackground#1a1a1a
statusBarItem.prominentBackground#0a0a0a
statusBarItem.prominentForeground#f0f0f0
statusBarItem.prominentHoverBackground#1a1a1a
statusBarItem.remoteBackground#d97757
statusBarItem.remoteForeground#000000
statusBarItem.remoteHoverBackground#e88a6f
statusBarItem.warningBackground#3a2a1a
statusBarItem.warningForeground#e6d260
symbolIcon.arrayForeground#e6d260
symbolIcon.booleanForeground#7ecc4a
symbolIcon.classForeground#3fc9a7
symbolIcon.colorForeground#d97757
symbolIcon.constantForeground#7ecc4a
symbolIcon.constructorForeground#c77fe0
symbolIcon.enumeratorForeground#e6d260
symbolIcon.enumeratorMemberForeground#e6d260
symbolIcon.eventForeground#c77fe0
symbolIcon.fieldForeground#8cc8f0
symbolIcon.fileForeground#f0f0f0
symbolIcon.folderForeground#e6d260
symbolIcon.functionForeground#e6d260
symbolIcon.interfaceForeground#3fc9a7
symbolIcon.keyForeground#8cc8f0
symbolIcon.keywordForeground#c77fe0
symbolIcon.methodForeground#e6d260
symbolIcon.moduleForeground#4aa3ee
symbolIcon.namespaceForeground#4aa3ee
symbolIcon.nullForeground#7ecc4a
symbolIcon.numberForeground#7ecc4a
symbolIcon.objectForeground#3fc9a7
symbolIcon.operatorForeground#c77fe0
symbolIcon.packageForeground#ea9a67
symbolIcon.propertyForeground#8cc8f0
symbolIcon.referenceForeground#8cc8f0
symbolIcon.snippetForeground#d97757
symbolIcon.stringForeground#ea9a67
symbolIcon.structForeground#3fc9a7
symbolIcon.textForeground#f0f0f0
symbolIcon.typeParameterForeground#3fc9a7
symbolIcon.unitForeground#c77fe0
symbolIcon.variableForeground#8cc8f0
tab.activeBackground#000000
tab.activeBorder#000000
tab.activeBorderTop#d97757
tab.activeForeground#f0f0f0
tab.activeModifiedBorder#d97757
tab.border#2a2a2a
tab.hoverBackground#0d0d0d
tab.hoverBorder#3a3a3a
tab.hoverForeground#f0f0f0
tab.inactiveBackground#0a0a0a
tab.inactiveForeground#8a8a8a
tab.inactiveModifiedBorder#8a8a8a
tab.unfocusedActiveBackground#0a0a0a
tab.unfocusedActiveBorder#0a0a0a
tab.unfocusedActiveBorderTop#8a4a38
tab.unfocusedActiveForeground#a0a0a0
tab.unfocusedHoverBackground#0d0d0d
tab.unfocusedHoverForeground#a0a0a0
tab.unfocusedInactiveBackground#0a0a0a
tab.unfocusedInactiveForeground#6a6a6a
terminal.ansiBlack#0a0a0a
terminal.ansiBlue#4aa3ee
terminal.ansiBrightBlack#4a4a4a
terminal.ansiBrightBlue#6ab4f0
terminal.ansiBrightCyan#5fd9b8
terminal.ansiBrightGreen#9ae66a
terminal.ansiBrightMagenta#d99fe6
terminal.ansiBrightRed#ff7a7a
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f5e280
terminal.ansiCyan#3fc9a7
terminal.ansiGreen#7ecc4a
terminal.ansiMagenta#c77fe0
terminal.ansiRed#e55c5c
terminal.ansiWhite#f0f0f0
terminal.ansiYellow#e6d260
terminal.background#000000
terminal.border#3a3a3a
terminal.foreground#f0f0f0
terminal.inactiveSelectionBackground#1a1010
terminal.selectionBackground#2a1a12
terminalCommandDecoration.defaultBackground#6a6a6a
terminalCommandDecoration.errorBackground#e55c5c
terminalCommandDecoration.successBackground#7ecc4a
terminalCursor.background#000000
terminalCursor.foreground#d97757
testing.iconErrored#e55c5c
testing.iconFailed#e55c5c
testing.iconPassed#7ecc4a
testing.iconQueued#e6d260
testing.iconSkipped#8a8a8a
testing.iconUnset#6a6a6a
testing.message.error.decorationForeground#e55c5c
testing.message.info.decorationForeground#4aa3ee
testing.runAction#7ecc4a
textBlockQuote.background#0a0a0a
textBlockQuote.border#3a3a3a
textCodeBlock.background#0a0a0a
textLink.activeForeground#e88a6f
textLink.foreground#d97757
textPreformat.foreground#ea9a67
textSeparator.foreground#3a3a3a
titleBar.activeBackground#0a0a0a
titleBar.activeForeground#f0f0f0
titleBar.border#3a3a3a
titleBar.inactiveBackground#0a0a0a
titleBar.inactiveForeground#8a8a8a
toolbar.activeBackground#2a1a12
toolbar.hoverBackground#1a1a1a
toolbar.hoverOutline#3a3a3a
tree.indentGuidesStroke#2a2a2a
tree.tableColumnsBorder#3a3a3a
walkThrough.embeddedEditorBackground#0a0a0a
walkthrough.stepTitle.foreground#f0f0f0
welcomePage.background#000000
welcomePage.progress.background#2a2a2a
welcomePage.progress.foreground#d97757
welcomePage.tileBackground#0a0a0a
welcomePage.tileBorder#3a3a3a
welcomePage.tileHoverBackground#151515
widget.shadow#000000
window.activeBorder#3a3a3a
window.inactiveBorder#2a2a2a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
punctuation	#6a6a6a	—
punctuation.definition.string, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#ea9a67	—
entity.name, support, entity.other.inherited-class	#3fc9a7	—
entity.other, entity.name.variable, support.variable, support.other	#8cc8f0	—
constant, support.constant, variable.other.constant, entity.name.constant	#7ecc4a	—
storage, support.module, entity.name.namespace, entity.name.module, entity.name.package	#4aa3ee	—
keyword.control, keyword.operator.new, keyword.operator.expression	#c77fe0	—
storage.type, storage.modifier, keyword	#4aa3ee	—
string, string.quoted, string.template	#ea9a67	—
entity.name.function, support.function, meta.function-call	#e6d260	—
variable, variable.other, variable.parameter	#8cc8f0	—
constant.numeric, constant.language, constant.character	#7ecc4a	—
entity.name.type, entity.name.class, support.class, support.type	#3fc9a7	—
comment, punctuation.definition.comment	#4d6b3f	italic
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#4aa3ee	—
entity.other.attribute-name, entity.other.attribute-name.html	#8cc8f0	italic
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag.punctuation	#4a4a4a	—
meta.brace.round, meta.brace.round.js, meta.brace.round.ts, punctuation.definition.parameters, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.section.parens, punctuation.section.parameters, punctuation.section.arguments, punctuation.section.group	#d97757	—
meta.brace.curly, meta.brace.curly.js, meta.brace.curly.ts, punctuation.definition.block, punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.definition.dictionary.begin, punctuation.definition.dictionary.end, punctuation.definition.binding-pattern.object, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly	#3fc9a7	—
meta.brace.square, meta.brace.square.js, meta.brace.square.ts, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.binding-pattern.array, punctuation.section.array.begin, punctuation.section.array.end	#e6d260	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.bitwise, keyword.operator.spread, keyword.operator.rest, keyword.operator.optional, keyword.operator.relational, keyword.operator.type.annotation	#c77fe0	—
punctuation.separator.comma, punctuation.separator.statement, punctuation.terminator.statement, punctuation.separator.key-value, punctuation.accessor, punctuation.separator.label, punctuation.separator.dictionary.key-value	#6a6a6a	—
meta.object-literal.key, meta.object.member, variable.other.object.property, variable.other.property, support.type.property-name.json	#8cc8f0	—
variable.language.this, variable.language.super, variable.language.self	#e07fa3	italic
constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false, constant.language.null, constant.language.undefined	#d97757	—
string.regexp, string.regexp.ts, string.regexp.js	#ea9a67	—
keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, constant.character.escape, constant.character.escape.regexp	#c77fe0	—
punctuation.definition.template-expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#c77fe0	—
meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.decorator	#e07fa3	italic
entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less	#4aa3ee	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.scss	#e6d260	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#3fc9a7	—
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css	#8cc8f0	italic
support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, meta.property-value.css	#c77fe0	—
keyword.other.unit.css, keyword.other.unit.percentage.css, keyword.other.unit.px.css	#c77fe0	—
variable.css, variable.argument.css, variable.other.custom-property.css, meta.custom-property.css	#8cc8f0	—
support.function.css, support.function.misc.css, support.function.calc.css, support.function.gradient.css, support.function.transform.css	#e6d260	—
punctuation.definition.custom-property.css, punctuation.definition.variable.css	#4a4a4a	—
keyword.control.at-rule.css, punctuation.definition.keyword.css	#c77fe0	—
string.quoted.double.css, string.quoted.single.css	#ea9a67	—
invalid, invalid.illegal	#ff7a7a	—
markup.bold	#d97757	bold
markup.italic	#ea9a67	italic
markup.heading	#e6d260	bold
markup.inline.raw, markup.raw.inline	#ea9a67	—
markup.quote	#8a8a8a	italic
markup.underline.link, string.other.link	#d97757	—
punctuation.definition.heading.markdown, punctuation.definition.heading	#d97757	—
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown	#d97757	—
punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.quote.markdown, markup.quote.markdown punctuation.definition.quote	#d97757	—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown	#6a6a6a	—
punctuation.definition.raw.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown	#4a4a4a	—
punctuation.definition.link.markdown, punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown	#4a4a4a	—
string.other.link.title.markdown, string.other.link.description.markdown, markup.underline.link.markdown	#d97757	—
markup.underline.link.image.markdown, meta.image.inline.markdown markup.underline.link.image.markdown, string.other.link.description.title.markdown	#8cc8f0	italic
fenced_code.block.language, fenced_code.block.language.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown	#8a8a8a	—
markup.strikethrough, markup.strikethrough.markdown	#4a4a4a	strikethrough
meta.separator.markdown, punctuation.definition.thematic-break.markdown	#3a3a3a	—
support.function.builtin.python, support.function.magic.python	#e6d260	—
support.type.exception.python, support.class.exception.python	#3fc9a7	italic
string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.docstring.raw.multi.python	#4d6b3f	italic
meta.function.decorator.python, entity.name.function.decorator.python	#e07fa3	italic
variable.parameter.function.python, variable.parameter.function.language.python	#8cc8f0	italic
variable.language.special.self.python, variable.language.special.cls.python	#e07fa3	italic
keyword.control.import.python, keyword.control.from.python, keyword.other.import.python	#4aa3ee	—
keyword.package.go, keyword.import.go, keyword.var.go, keyword.const.go, keyword.type.go, keyword.function.go, keyword.struct.go, keyword.interface.go	#4aa3ee	—
entity.name.import.go, entity.name.package.go	#4aa3ee	—
keyword.control.go, keyword.channel.go	#c77fe0	—
string.quoted.raw.go	#ea9a67	—
variable.other.assignment.go	#8cc8f0	—
keyword.other.fn.rust, keyword.other.rust, storage.modifier.mut.rust, storage.modifier.const.rust, storage.modifier.static.rust, storage.type.rust	#4aa3ee	—
keyword.other.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust	#c77fe0	italic
entity.name.macro.rust, meta.macro.rust, support.function.macro.rust	#c77fe0	—
variable.language.self.rust, keyword.other.self.rust	#e07fa3	italic
meta.attribute.rust, punctuation.brackets.attribute.rust	#e07fa3	italic
entity.name.tag.yaml, meta.mapping.key.yaml entity.name.tag.yaml	#8cc8f0	—
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml	#f0f0f0	—
string.quoted.single.yaml, string.quoted.double.yaml	#ea9a67	—
constant.numeric.yaml	#7ecc4a	—
constant.language.boolean.yaml, constant.language.null.yaml	#d97757	—
punctuation.definition.block.sequence.item.yaml	#d97757	—
entity.name.type.anchor.yaml, variable.other.alias.yaml	#c77fe0	italic
entity.name.function.shell, meta.function.shell entity.name.function.shell	#e6d260	—
variable.other.normal.shell, variable.parameter.posix.shell, variable.other.bracket.shell	#8cc8f0	—
punctuation.definition.variable.shell	#4a4a4a	—
support.function.builtin.shell, keyword.other.special-method.shell	#c77fe0	—
string.quoted.double.shell, string.quoted.single.shell	#ea9a67	—
constant.character.escape.shell	#c77fe0	—
keyword.other.special-method.dockerfile, keyword.control.dockerfile	#4aa3ee	—
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.alter.sql, keyword.other.drop.sql, keyword.other.LUW.sql	#c77fe0	—
entity.name.function.sql, support.function.aggregate.sql, support.function.scalar.sql	#e6d260	—
constant.other.database-name.sql, constant.other.table-name.sql, entity.name.column.sql	#8cc8f0	—
keyword.operator.logical.sql, keyword.operator.comparison.sql	#c77fe0	—
markup.inserted, markup.inserted.diff, meta.diff.header.from-file, punctuation.definition.inserted.diff	#7ecc4a	—
markup.deleted, markup.deleted.diff, meta.diff.header.to-file, punctuation.definition.deleted.diff	#e55c5c	—
markup.changed, markup.changed.diff, punctuation.definition.changed.diff	#e6d260	—
meta.diff.header, meta.diff.header.git	#8cc8f0	italic
meta.diff.range, meta.diff.range.unified	#c77fe0	—
punctuation.definition.entity.toml, entity.name.section.table.toml, entity.name.section.array-table.toml	#4aa3ee	—
support.type.property-name.table.toml, variable.other.key.toml	#8cc8f0	—
punctuation.parenthesis.open, punctuation.parenthesis.close, punctuation.bracket.round, punctuation.definition.begin.bracket.round, punctuation.definition.end.bracket.round	#d97757	—
punctuation.curlybrace.open, punctuation.curlybrace.close, punctuation.bracket.curly, punctuation.definition.begin.bracket.curly, punctuation.definition.end.bracket.curly, punctuation.section.class.begin.bracket.curly, punctuation.section.class.end.bracket.curly, punctuation.section.method.begin.bracket.curly, punctuation.section.method.end.bracket.curly, punctuation.section.array-initializer.begin.bracket.curly, punctuation.section.array-initializer.end.bracket.curly	#3fc9a7	—
punctuation.squarebracket.open, punctuation.squarebracket.close, punctuation.bracket.square	#e6d260	—
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.definition.generic.begin, punctuation.definition.generic.end, punctuation.bracket.angle	#3fc9a7	—
punctuation.separator, punctuation.terminator, punctuation.dot	#6a6a6a	—
punctuation.definition.interpolation, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.section.interpolation.begin, punctuation.section.interpolation.end	#c77fe0	—
punctuation.attribute-shorthand.bind.html.vue, punctuation.attribute-shorthand.event.html.vue, punctuation.attribute-shorthand.slot.html.vue, punctuation.definition.keyword.svelte	#c77fe0	—
punctuation.definition.variable.svelte, punctuation.definition.variable.php, punctuation.definition.entity.html	#4a4a4a	—

VS Code preview

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

Ember Black — Ember Ink

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.activeBackground#0f1010
activityBar.activeBorder#d97757
activityBar.activeFocusBorder#d97757
activityBar.background#0f1010
activityBar.border#414445
activityBar.foreground#d1d4d6
activityBar.inactiveForeground#727577
activityBarBadge.background#d97757
activityBarBadge.foreground#151616
activityBarTop.activeBorder#d97757
activityBarTop.foreground#d1d4d6
activityBarTop.inactiveForeground#727577
badge.background#d97757
badge.foreground#151616
banner.background#0f1010
banner.foreground#d1d4d6
banner.iconForeground#d97757
breadcrumb.activeSelectionForeground#d97757
breadcrumb.background#151616
breadcrumb.focusForeground#d1d4d6
breadcrumb.foreground#939698
breadcrumbPicker.background#0f1010
button.background#d97757
button.border#414445
button.foreground#151616
button.hoverBackground#e88a6f
button.secondaryBackground#262728
button.secondaryForeground#d1d4d6
button.secondaryHoverBackground#333536
charts.blue#4aa3ee
charts.foreground#d1d4d6
charts.green#7ecc4a
charts.lines#414445
charts.orange#d97757
charts.purple#c77fe0
charts.red#e55c5c
charts.yellow#e6d260
checkbox.background#0f1010
checkbox.border#414445
checkbox.foreground#d1d4d6
checkbox.selectBackground#39251b
checkbox.selectBorder#d97757
commandCenter.activeBackground#222324
commandCenter.activeBorder#d97757
commandCenter.activeForeground#d1d4d6
commandCenter.background#0f1010
commandCenter.border#414445
commandCenter.foreground#d1d4d6
commandCenter.inactiveBorder#333536
commandCenter.inactiveForeground#939698
debugConsole.errorForeground#e55c5c
debugConsole.infoForeground#4aa3ee
debugConsole.sourceForeground#939698
debugConsole.warningForeground#e6d260
debugConsoleInputIcon.foreground#d97757
debugExceptionWidget.background#4a2323
debugExceptionWidget.border#e55c5c
debugIcon.breakpointCurrentStackframeForeground#e6d260
debugIcon.breakpointDisabledForeground#727577
debugIcon.breakpointForeground#e55c5c
debugIcon.breakpointStackframeForeground#d97757
debugIcon.breakpointUnverifiedForeground#939698
debugIcon.continueForeground#7ecc4a
debugIcon.disconnectForeground#e55c5c
debugIcon.pauseForeground#4aa3ee
debugIcon.restartForeground#7ecc4a
debugIcon.startForeground#7ecc4a
debugIcon.stepBackForeground#4aa3ee
debugIcon.stepIntoForeground#4aa3ee
debugIcon.stepOutForeground#4aa3ee
debugIcon.stepOverForeground#4aa3ee
debugIcon.stopForeground#e55c5c
debugTokenExpression.boolean#7ecc4a
debugTokenExpression.error#e55c5c
debugTokenExpression.name#8cc8f0
debugTokenExpression.number#7ecc4a
debugTokenExpression.string#ea9a67
debugTokenExpression.value#d1d4d6
debugToolBar.background#0f1010
debugToolBar.border#414445
debugView.exceptionLabelBackground#4a2323
debugView.exceptionLabelForeground#d1d4d6
debugView.stateLabelBackground#39251b
debugView.stateLabelForeground#d97757
debugView.valueChangedHighlight#e6d26055
descriptionForeground#939698
diffEditor.border#414445
diffEditor.diagonalFill#333536
diffEditor.insertedLineBackground#7ecc4a11
diffEditor.insertedTextBackground#7ecc4a22
diffEditor.removedLineBackground#e55c5c11
diffEditor.removedTextBackground#e55c5c22
diffEditorGutter.insertedLineBackground#7ecc4a22
diffEditorGutter.removedLineBackground#e55c5c22
diffEditorOverview.insertedForeground#7ecc4a88
diffEditorOverview.removedForeground#e55c5c88
dropdown.background#0f1010
dropdown.border#414445
dropdown.foreground#d1d4d6
dropdown.listBackground#0f1010
editor.background#151616
editor.findMatchBackground#d9775755
editor.findMatchBorder#d97757
editor.findMatchHighlightBackground#d9775722
editor.findMatchHighlightBorder#15161600
editor.findRangeHighlightBackground#39251b33
editor.focusedStackFrameHighlightBackground#7ecc4a15
editor.foldBackground#262728
editor.foreground#d1d4d6
editor.hoverHighlightBackground#262728
editor.inactiveSelectionBackground#2c1d1d
editor.lineHighlightBackground#222324
editor.lineHighlightBorder#15161600
editor.rangeHighlightBackground#2c1d1d
editor.selectionBackground#39251b
editor.selectionForeground#d1d4d6
editor.selectionHighlightBackground#2c1d1d
editor.selectionHighlightBorder#15161600
editor.stackFrameHighlightBackground#e6d26015
editor.symbolHighlightBackground#d9775722
editor.wordHighlightBackground#262728
editor.wordHighlightBorder#15161600
editor.wordHighlightStrongBackground#39251b
editor.wordHighlightStrongBorder#15161600
editorBracketHighlight.foreground1#c77fe0
editorBracketHighlight.foreground2#4aa3ee
editorBracketHighlight.foreground3#e6d260
editorBracketHighlight.foreground4#c77fe0
editorBracketHighlight.foreground5#4aa3ee
editorBracketHighlight.foreground6#e6d260
editorBracketHighlight.unexpectedBracket.foreground#e55c5c
editorBracketMatch.background#39251b
editorBracketMatch.border#d97757
editorCodeLens.foreground#727577
editorCursor.background#151616
editorCursor.foreground#d97757
editorError.border#15161600
editorError.foreground#e55c5c
editorGhostText.border#15161600
editorGhostText.foreground#515456
editorGroup.border#414445
editorGroup.dropBackground#39251b33
editorGroup.emptyBackground#151616
editorGroupHeader.border#414445
editorGroupHeader.noTabsBackground#0f1010
editorGroupHeader.tabsBackground#0f1010
editorGroupHeader.tabsBorder#414445
editorGutter.addedBackground#7ecc4a
editorGutter.background#151616
editorGutter.deletedBackground#e55c5c
editorGutter.foldingControlForeground#727577
editorGutter.modifiedBackground#e6d260
editorHint.foreground#3fc9a7
editorHoverWidget.background#0f1010
editorHoverWidget.border#414445
editorHoverWidget.foreground#d1d4d6
editorHoverWidget.highlightForeground#d97757
editorHoverWidget.statusBarBackground#0f1010
editorIndentGuide.activeBackground1#414445
editorIndentGuide.background1#262728
editorInfo.border#15161600
editorInfo.foreground#4aa3ee
editorInlayHint.background#0f1010
editorInlayHint.foreground#939698
editorInlayHint.parameterBackground#0f1010
editorInlayHint.parameterForeground#8cc8f0
editorInlayHint.typeBackground#0f1010
editorInlayHint.typeForeground#3fc9a7
editorLineNumber.activeForeground#d97757
editorLineNumber.dimmedForeground#333536
editorLineNumber.foreground#515456
editorLink.activeForeground#d97757
editorMarkerNavigation.background#0f1010
editorMarkerNavigationError.background#e55c5c
editorMarkerNavigationInfo.background#4aa3ee
editorMarkerNavigationWarning.background#e6d260
editorOverviewRuler.addedForeground#7ecc4a88
editorOverviewRuler.background#151616
editorOverviewRuler.border#15161600
editorOverviewRuler.bracketMatchForeground#d97757
editorOverviewRuler.deletedForeground#e55c5c88
editorOverviewRuler.errorForeground#e55c5c
editorOverviewRuler.findMatchForeground#d9775788
editorOverviewRuler.infoForeground#4aa3ee
editorOverviewRuler.modifiedForeground#e6d26088
editorOverviewRuler.rangeHighlightForeground#39251b88
editorOverviewRuler.selectionHighlightForeground#39251b88
editorOverviewRuler.warningForeground#e6d260
editorOverviewRuler.wordHighlightForeground#41444588
editorOverviewRuler.wordHighlightStrongForeground#d9775788
editorRuler.foreground#333536
editorStickyScroll.background#151616
editorStickyScrollHover.background#0f1010
editorSuggestWidget.background#0f1010
editorSuggestWidget.border#414445
editorSuggestWidget.focusHighlightForeground#e88a6f
editorSuggestWidget.foreground#d1d4d6
editorSuggestWidget.highlightForeground#d97757
editorSuggestWidget.selectedBackground#39251b
editorSuggestWidget.selectedForeground#d1d4d6
editorSuggestWidget.selectedIconForeground#d97757
editorUnnecessaryCode.border#15161600
editorUnnecessaryCode.opacity#15161680
editorWarning.border#15161600
editorWarning.foreground#e6d260
editorWatermark.foreground#515456
editorWhitespace.foreground#333536
editorWidget.background#0f1010
editorWidget.border#414445
editorWidget.foreground#d1d4d6
editorWidget.resizeBorder#414445
errorForeground#e55c5c
focusBorder#d97757
foreground#d1d4d6
gitDecoration.addedResourceForeground#7ecc4a
gitDecoration.conflictingResourceForeground#d97757
gitDecoration.deletedResourceForeground#e55c5c
gitDecoration.ignoredResourceForeground#515456
gitDecoration.modifiedResourceForeground#e6d260
gitDecoration.renamedResourceForeground#3fc9a7
gitDecoration.stageDeletedResourceForeground#ff7a7a
gitDecoration.stageModifiedResourceForeground#ea9a67
gitDecoration.submoduleResourceForeground#c77fe0
gitDecoration.untrackedResourceForeground#3fc9a7
icon.foreground#d1d4d6
input.background#0f1010
input.border#414445
input.foreground#d1d4d6
input.placeholderForeground#727577
inputOption.activeBackground#39251b
inputOption.activeBorder#d97757
inputOption.activeForeground#d1d4d6
inputOption.hoverBackground#262728
inputValidation.errorBackground#4a2323
inputValidation.errorBorder#e55c5c
inputValidation.errorForeground#d1d4d6
inputValidation.infoBackground#1c3346
inputValidation.infoBorder#4aa3ee
inputValidation.infoForeground#d1d4d6
inputValidation.warningBackground#463421
inputValidation.warningBorder#e6d260
inputValidation.warningForeground#d1d4d6
keybindingLabel.background#0f1010
keybindingLabel.border#414445
keybindingLabel.bottomBorder#414445
keybindingLabel.foreground#d1d4d6
keybindingTable.headerBackground#0f1010
keybindingTable.rowsBackground#151616
list.activeSelectionBackground#39251b
list.activeSelectionForeground#d1d4d6
list.dropBackground#39251b66
list.errorForeground#e55c5c
list.filterMatchBackground#d9775744
list.filterMatchBorder#d97757
list.focusBackground#262728
list.focusForeground#d1d4d6
list.focusHighlightForeground#e88a6f
list.highlightForeground#d97757
list.hoverBackground#222324
list.hoverForeground#d1d4d6
list.inactiveSelectionBackground#262728
list.inactiveSelectionForeground#d1d4d6
list.invalidItemForeground#e55c5c
list.warningForeground#e6d260
listFilterWidget.background#0f1010
listFilterWidget.noMatchesOutline#e55c5c
listFilterWidget.outline#d97757
menu.background#0f1010
menu.border#414445
menu.foreground#d1d4d6
menu.selectionBackground#39251b
menu.selectionBorder#15161600
menu.selectionForeground#d1d4d6
menu.separatorBackground#333536
menubar.selectionBackground#262728
menubar.selectionBorder#15161600
menubar.selectionForeground#d1d4d6
merge.border#414445
merge.commonContentBackground#41444522
merge.commonHeaderBackground#41444555
merge.currentContentBackground#4aa3ee22
merge.currentHeaderBackground#4aa3ee55
merge.incomingContentBackground#c77fe022
merge.incomingHeaderBackground#c77fe055
mergeEditor.change.background#4aa3ee15
mergeEditor.change.word.background#4aa3ee33
mergeEditor.conflict.handledFocused.border#9ae66a
mergeEditor.conflict.handledUnfocused.border#7ecc4a
mergeEditor.conflict.unhandledFocused.border#ff7a7a
mergeEditor.conflict.unhandledUnfocused.border#e55c5c
minimap.background#151616
minimap.errorHighlight#e55c5c
minimap.findMatchHighlight#d97757
minimap.selectionHighlight#39251b
minimap.selectionOccurrenceHighlight#414445
minimap.warningHighlight#e6d260
minimapGutter.addedBackground#7ecc4a
minimapGutter.deletedBackground#e55c5c
minimapGutter.modifiedBackground#e6d260
minimapSlider.activeBackground#515456
minimapSlider.background#33353666
minimapSlider.hoverBackground#414445aa
notebook.cellBorderColor#414445
notebook.cellHoverBackground#0f1010
notebook.cellInsertionIndicator#d97757
notebook.cellStatusBarItemHoverBackground#262728
notebook.cellToolbarSeparator#414445
notebook.editorBackground#151616
notebook.focusedCellBackground#0f1010
notebook.focusedCellBorder#d97757
notebook.focusedEditorBorder#d97757
notebook.selectedCellBackground#0f1010
notebook.selectedCellBorder#414445
notebookStatusErrorIcon.foreground#e55c5c
notebookStatusRunningIcon.foreground#4aa3ee
notebookStatusSuccessIcon.foreground#7ecc4a
notificationCenter.border#414445
notificationCenterHeader.background#0f1010
notificationCenterHeader.foreground#d1d4d6
notificationLink.foreground#d97757
notifications.background#0f1010
notifications.border#414445
notifications.foreground#d1d4d6
notificationsErrorIcon.foreground#e55c5c
notificationsInfoIcon.foreground#4aa3ee
notificationsWarningIcon.foreground#e6d260
notificationToast.border#414445
panel.background#0f1010
panel.border#414445
panel.dropBorder#d97757
panelInput.border#414445
panelSection.border#414445
panelSectionHeader.background#0f1010
panelSectionHeader.border#414445
panelSectionHeader.foreground#d1d4d6
panelTitle.activeBorder#d97757
panelTitle.activeForeground#d1d4d6
panelTitle.inactiveForeground#939698
peekView.border#d97757
peekViewEditor.background#0f1010
peekViewEditor.matchHighlightBackground#d9775744
peekViewEditor.matchHighlightBorder#d97757
peekViewEditorGutter.background#0f1010
peekViewResult.background#0f1010
peekViewResult.fileForeground#d1d4d6
peekViewResult.lineForeground#d1d4d6
peekViewResult.matchHighlightBackground#d9775744
peekViewResult.selectionBackground#39251b
peekViewResult.selectionForeground#d1d4d6
peekViewTitle.background#0f1010
peekViewTitleDescription.foreground#939698
peekViewTitleLabel.foreground#d1d4d6
pickerGroup.border#414445
pickerGroup.foreground#d97757
problemsErrorIcon.foreground#e55c5c
problemsInfoIcon.foreground#4aa3ee
problemsWarningIcon.foreground#e6d260
progressBar.background#d97757
quickInput.background#0f1010
quickInput.foreground#d1d4d6
quickInputList.focusBackground#39251b
quickInputList.focusForeground#d1d4d6
quickInputList.focusIconForeground#d97757
quickInputTitle.background#0f1010
sash.hoverBorder#d97757
scm.providerBorder#414445
scrollbar.shadow#151616
scrollbarSlider.activeBackground#d9775799
scrollbarSlider.background#41444566
scrollbarSlider.hoverBackground#515456aa
selection.background#39251b
settings.checkboxBackground#0f1010
settings.checkboxBorder#414445
settings.checkboxForeground#d1d4d6
settings.dropdownBackground#0f1010
settings.dropdownBorder#414445
settings.dropdownForeground#d1d4d6
settings.dropdownListBorder#414445
settings.focusedRowBackground#0f1010
settings.focusedRowBorder#d97757
settings.headerBorder#414445
settings.headerForeground#d1d4d6
settings.modifiedItemIndicator#d97757
settings.numberInputBackground#0f1010
settings.numberInputBorder#414445
settings.numberInputForeground#d1d4d6
settings.rowHoverBackground#0f1010
settings.sashBorder#414445
settings.settingsHeaderHoverForeground#d97757
settings.textInputBackground#0f1010
settings.textInputBorder#414445
settings.textInputForeground#d1d4d6
sideBar.background#0f1010
sideBar.border#414445
sideBar.foreground#d1d4d6
sideBarSectionHeader.background#0f1010
sideBarSectionHeader.border#414445
sideBarSectionHeader.foreground#d1d4d6
sideBarTitle.foreground#d1d4d6
statusBar.background#0f1010
statusBar.border#414445
statusBar.debuggingBackground#39251b
statusBar.debuggingBorder#d97757
statusBar.debuggingForeground#d97757
statusBar.focusBorder#d97757
statusBar.foreground#d1d4d6
statusBar.noFolderBackground#0f1010
statusBar.noFolderBorder#414445
statusBar.noFolderForeground#d1d4d6
statusBarItem.activeBackground#39251b
statusBarItem.compactHoverBackground#262728
statusBarItem.errorBackground#4a2323
statusBarItem.errorForeground#ff9a9a
statusBarItem.focusBorder#d97757
statusBarItem.hoverBackground#262728
statusBarItem.prominentBackground#0f1010
statusBarItem.prominentForeground#d1d4d6
statusBarItem.prominentHoverBackground#262728
statusBarItem.remoteBackground#d97757
statusBarItem.remoteForeground#151616
statusBarItem.remoteHoverBackground#e88a6f
statusBarItem.warningBackground#463421
statusBarItem.warningForeground#e6d260
symbolIcon.arrayForeground#e6d260
symbolIcon.booleanForeground#7ecc4a
symbolIcon.classForeground#3fc9a7
symbolIcon.colorForeground#d97757
symbolIcon.constantForeground#7ecc4a
symbolIcon.constructorForeground#c77fe0
symbolIcon.enumeratorForeground#e6d260
symbolIcon.enumeratorMemberForeground#e6d260
symbolIcon.eventForeground#c77fe0
symbolIcon.fieldForeground#8cc8f0
symbolIcon.fileForeground#d1d4d6
symbolIcon.folderForeground#e6d260
symbolIcon.functionForeground#e6d260
symbolIcon.interfaceForeground#3fc9a7
symbolIcon.keyForeground#8cc8f0
symbolIcon.keywordForeground#c77fe0
symbolIcon.methodForeground#e6d260
symbolIcon.moduleForeground#4aa3ee
symbolIcon.namespaceForeground#4aa3ee
symbolIcon.nullForeground#7ecc4a
symbolIcon.numberForeground#7ecc4a
symbolIcon.objectForeground#3fc9a7
symbolIcon.operatorForeground#c77fe0
symbolIcon.packageForeground#ea9a67
symbolIcon.propertyForeground#8cc8f0
symbolIcon.referenceForeground#8cc8f0
symbolIcon.snippetForeground#d97757
symbolIcon.stringForeground#ea9a67
symbolIcon.structForeground#3fc9a7
symbolIcon.textForeground#d1d4d6
symbolIcon.typeParameterForeground#3fc9a7
symbolIcon.unitForeground#c77fe0
symbolIcon.variableForeground#8cc8f0
tab.activeBackground#151616
tab.activeBorder#151616
tab.activeBorderTop#d97757
tab.activeForeground#d1d4d6
tab.activeModifiedBorder#d97757
tab.border#333536
tab.hoverBackground#0f1010
tab.hoverBorder#414445
tab.hoverForeground#d1d4d6
tab.inactiveBackground#0f1010
tab.inactiveForeground#939698
tab.inactiveModifiedBorder#939698
tab.unfocusedActiveBackground#0f1010
tab.unfocusedActiveBorder#0f1010
tab.unfocusedActiveBorderTop#8a4a38
tab.unfocusedActiveForeground#aaadaf
tab.unfocusedHoverBackground#0f1010
tab.unfocusedHoverForeground#aaadaf
tab.unfocusedInactiveBackground#0f1010
tab.unfocusedInactiveForeground#727577
terminal.ansiBlack#0f1010
terminal.ansiBlue#4aa3ee
terminal.ansiBrightBlack#515456
terminal.ansiBrightBlue#6ab4f0
terminal.ansiBrightCyan#5fd9b8
terminal.ansiBrightGreen#9ae66a
terminal.ansiBrightMagenta#d99fe6
terminal.ansiBrightRed#ff7a7a
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f5e280
terminal.ansiCyan#3fc9a7
terminal.ansiGreen#7ecc4a
terminal.ansiMagenta#c77fe0
terminal.ansiRed#e55c5c
terminal.ansiWhite#d1d4d6
terminal.ansiYellow#e6d260
terminal.background#151616
terminal.border#414445
terminal.foreground#d1d4d6
terminal.inactiveSelectionBackground#2c1d1d
terminal.selectionBackground#39251b
terminalCommandDecoration.defaultBackground#727577
terminalCommandDecoration.errorBackground#e55c5c
terminalCommandDecoration.successBackground#7ecc4a
terminalCursor.background#151616
terminalCursor.foreground#d97757
testing.iconErrored#e55c5c
testing.iconFailed#e55c5c
testing.iconPassed#7ecc4a
testing.iconQueued#e6d260
testing.iconSkipped#939698
testing.iconUnset#727577
testing.message.error.decorationForeground#e55c5c
testing.message.info.decorationForeground#4aa3ee
testing.runAction#7ecc4a
textBlockQuote.background#0f1010
textBlockQuote.border#414445
textCodeBlock.background#0f1010
textLink.activeForeground#e88a6f
textLink.foreground#d97757
textPreformat.foreground#ea9a67
textSeparator.foreground#414445
titleBar.activeBackground#0f1010
titleBar.activeForeground#d1d4d6
titleBar.border#414445
titleBar.inactiveBackground#0f1010
titleBar.inactiveForeground#939698
toolbar.activeBackground#39251b
toolbar.hoverBackground#262728
toolbar.hoverOutline#414445
tree.indentGuidesStroke#333536
tree.tableColumnsBorder#414445
walkThrough.embeddedEditorBackground#0f1010
walkthrough.stepTitle.foreground#d1d4d6
welcomePage.background#151616
welcomePage.progress.background#333536
welcomePage.progress.foreground#d97757
welcomePage.tileBackground#0f1010
welcomePage.tileBorder#414445
welcomePage.tileHoverBackground#222324
widget.shadow#151616
window.activeBorder#414445
window.inactiveBorder#333536

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
punctuation	#727577	—
punctuation.definition.string, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#ea9a67	—
entity.name, support, entity.other.inherited-class	#3fc9a7	—
entity.other, entity.name.variable, support.variable, support.other	#8cc8f0	—
constant, support.constant, variable.other.constant, entity.name.constant	#7ecc4a	—
storage, support.module, entity.name.namespace, entity.name.module, entity.name.package	#4aa3ee	—
keyword.control, keyword.operator.new, keyword.operator.expression	#c77fe0	—
storage.type, storage.modifier, keyword	#4aa3ee	—
string, string.quoted, string.template	#ea9a67	—
entity.name.function, support.function, meta.function-call	#e6d260	—
variable, variable.other, variable.parameter	#8cc8f0	—
constant.numeric, constant.language, constant.character	#7ecc4a	—
entity.name.type, entity.name.class, support.class, support.type	#3fc9a7	—
comment, punctuation.definition.comment	#557646	italic
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#4aa3ee	—
entity.other.attribute-name, entity.other.attribute-name.html	#8cc8f0	italic
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag.punctuation	#515456	—
meta.brace.round, meta.brace.round.js, meta.brace.round.ts, punctuation.definition.parameters, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.section.parens, punctuation.section.parameters, punctuation.section.arguments, punctuation.section.group	#d97757	—
meta.brace.curly, meta.brace.curly.js, meta.brace.curly.ts, punctuation.definition.block, punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.definition.dictionary.begin, punctuation.definition.dictionary.end, punctuation.definition.binding-pattern.object, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly	#3fc9a7	—
meta.brace.square, meta.brace.square.js, meta.brace.square.ts, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.binding-pattern.array, punctuation.section.array.begin, punctuation.section.array.end	#e6d260	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.bitwise, keyword.operator.spread, keyword.operator.rest, keyword.operator.optional, keyword.operator.relational, keyword.operator.type.annotation	#c77fe0	—
punctuation.separator.comma, punctuation.separator.statement, punctuation.terminator.statement, punctuation.separator.key-value, punctuation.accessor, punctuation.separator.label, punctuation.separator.dictionary.key-value	#727577	—
meta.object-literal.key, meta.object.member, variable.other.object.property, variable.other.property, support.type.property-name.json	#8cc8f0	—
variable.language.this, variable.language.super, variable.language.self	#e07fa3	italic
constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false, constant.language.null, constant.language.undefined	#d97757	—
string.regexp, string.regexp.ts, string.regexp.js	#ea9a67	—
keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, constant.character.escape, constant.character.escape.regexp	#c77fe0	—
punctuation.definition.template-expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#c77fe0	—
meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.decorator	#e07fa3	italic
entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less	#4aa3ee	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.scss	#e6d260	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#3fc9a7	—
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css	#8cc8f0	italic
support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, meta.property-value.css	#c77fe0	—
keyword.other.unit.css, keyword.other.unit.percentage.css, keyword.other.unit.px.css	#c77fe0	—
variable.css, variable.argument.css, variable.other.custom-property.css, meta.custom-property.css	#8cc8f0	—
support.function.css, support.function.misc.css, support.function.calc.css, support.function.gradient.css, support.function.transform.css	#e6d260	—
punctuation.definition.custom-property.css, punctuation.definition.variable.css	#515456	—
keyword.control.at-rule.css, punctuation.definition.keyword.css	#c77fe0	—
string.quoted.double.css, string.quoted.single.css	#ea9a67	—
invalid, invalid.illegal	#ff7a7a	—
markup.bold	#d97757	bold
markup.italic	#ea9a67	italic
markup.heading	#e6d260	bold
markup.inline.raw, markup.raw.inline	#ea9a67	—
markup.quote	#939698	italic
markup.underline.link, string.other.link	#d97757	—
punctuation.definition.heading.markdown, punctuation.definition.heading	#d97757	—
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown	#d97757	—
punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.quote.markdown, markup.quote.markdown punctuation.definition.quote	#d97757	—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown	#727577	—
punctuation.definition.raw.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown	#515456	—
punctuation.definition.link.markdown, punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown	#515456	—
string.other.link.title.markdown, string.other.link.description.markdown, markup.underline.link.markdown	#d97757	—
markup.underline.link.image.markdown, meta.image.inline.markdown markup.underline.link.image.markdown, string.other.link.description.title.markdown	#8cc8f0	italic
fenced_code.block.language, fenced_code.block.language.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown	#939698	—
markup.strikethrough, markup.strikethrough.markdown	#515456	strikethrough
meta.separator.markdown, punctuation.definition.thematic-break.markdown	#414445	—
support.function.builtin.python, support.function.magic.python	#e6d260	—
support.type.exception.python, support.class.exception.python	#3fc9a7	italic
string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.docstring.raw.multi.python	#557646	italic
meta.function.decorator.python, entity.name.function.decorator.python	#e07fa3	italic
variable.parameter.function.python, variable.parameter.function.language.python	#8cc8f0	italic
variable.language.special.self.python, variable.language.special.cls.python	#e07fa3	italic
keyword.control.import.python, keyword.control.from.python, keyword.other.import.python	#4aa3ee	—
keyword.package.go, keyword.import.go, keyword.var.go, keyword.const.go, keyword.type.go, keyword.function.go, keyword.struct.go, keyword.interface.go	#4aa3ee	—
entity.name.import.go, entity.name.package.go	#4aa3ee	—
keyword.control.go, keyword.channel.go	#c77fe0	—
string.quoted.raw.go	#ea9a67	—
variable.other.assignment.go	#8cc8f0	—
keyword.other.fn.rust, keyword.other.rust, storage.modifier.mut.rust, storage.modifier.const.rust, storage.modifier.static.rust, storage.type.rust	#4aa3ee	—
keyword.other.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust	#c77fe0	italic
entity.name.macro.rust, meta.macro.rust, support.function.macro.rust	#c77fe0	—
variable.language.self.rust, keyword.other.self.rust	#e07fa3	italic
meta.attribute.rust, punctuation.brackets.attribute.rust	#e07fa3	italic
entity.name.tag.yaml, meta.mapping.key.yaml entity.name.tag.yaml	#8cc8f0	—
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml	#d1d4d6	—
string.quoted.single.yaml, string.quoted.double.yaml	#ea9a67	—
constant.numeric.yaml	#7ecc4a	—
constant.language.boolean.yaml, constant.language.null.yaml	#d97757	—
punctuation.definition.block.sequence.item.yaml	#d97757	—
entity.name.type.anchor.yaml, variable.other.alias.yaml	#c77fe0	italic
entity.name.function.shell, meta.function.shell entity.name.function.shell	#e6d260	—
variable.other.normal.shell, variable.parameter.posix.shell, variable.other.bracket.shell	#8cc8f0	—
punctuation.definition.variable.shell	#515456	—
support.function.builtin.shell, keyword.other.special-method.shell	#c77fe0	—
string.quoted.double.shell, string.quoted.single.shell	#ea9a67	—
constant.character.escape.shell	#c77fe0	—
keyword.other.special-method.dockerfile, keyword.control.dockerfile	#4aa3ee	—
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.alter.sql, keyword.other.drop.sql, keyword.other.LUW.sql	#c77fe0	—
entity.name.function.sql, support.function.aggregate.sql, support.function.scalar.sql	#e6d260	—
constant.other.database-name.sql, constant.other.table-name.sql, entity.name.column.sql	#8cc8f0	—
keyword.operator.logical.sql, keyword.operator.comparison.sql	#c77fe0	—
markup.inserted, markup.inserted.diff, meta.diff.header.from-file, punctuation.definition.inserted.diff	#7ecc4a	—
markup.deleted, markup.deleted.diff, meta.diff.header.to-file, punctuation.definition.deleted.diff	#e55c5c	—
markup.changed, markup.changed.diff, punctuation.definition.changed.diff	#e6d260	—
meta.diff.header, meta.diff.header.git	#8cc8f0	italic
meta.diff.range, meta.diff.range.unified	#c77fe0	—
punctuation.definition.entity.toml, entity.name.section.table.toml, entity.name.section.array-table.toml	#4aa3ee	—
support.type.property-name.table.toml, variable.other.key.toml	#8cc8f0	—
punctuation.parenthesis.open, punctuation.parenthesis.close, punctuation.bracket.round, punctuation.definition.begin.bracket.round, punctuation.definition.end.bracket.round	#d97757	—
punctuation.curlybrace.open, punctuation.curlybrace.close, punctuation.bracket.curly, punctuation.definition.begin.bracket.curly, punctuation.definition.end.bracket.curly, punctuation.section.class.begin.bracket.curly, punctuation.section.class.end.bracket.curly, punctuation.section.method.begin.bracket.curly, punctuation.section.method.end.bracket.curly, punctuation.section.array-initializer.begin.bracket.curly, punctuation.section.array-initializer.end.bracket.curly	#3fc9a7	—
punctuation.squarebracket.open, punctuation.squarebracket.close, punctuation.bracket.square	#e6d260	—
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.definition.generic.begin, punctuation.definition.generic.end, punctuation.bracket.angle	#3fc9a7	—
punctuation.separator, punctuation.terminator, punctuation.dot	#727577	—
punctuation.definition.interpolation, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.section.interpolation.begin, punctuation.section.interpolation.end	#c77fe0	—
punctuation.attribute-shorthand.bind.html.vue, punctuation.attribute-shorthand.event.html.vue, punctuation.attribute-shorthand.slot.html.vue, punctuation.definition.keyword.svelte	#c77fe0	—
punctuation.definition.variable.svelte, punctuation.definition.variable.php, punctuation.definition.entity.html	#515456	—

VS Code preview

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

Ember Black — Ember Slate

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.activeBackground#171818
activityBar.activeBorder#d97757
activityBar.activeFocusBorder#d97757
activityBar.background#171818
activityBar.border#46494a
activityBar.foreground#d9dcde
activityBar.inactiveForeground#777a7c
activityBarBadge.background#d97757
activityBarBadge.foreground#1c1d1e
activityBarTop.activeBorder#d97757
activityBarTop.foreground#d9dcde
activityBarTop.inactiveForeground#777a7c
badge.background#d97757
badge.foreground#1c1d1e
banner.background#171818
banner.foreground#d9dcde
banner.iconForeground#d97757
breadcrumb.activeSelectionForeground#d97757
breadcrumb.background#1c1d1e
breadcrumb.focusForeground#d9dcde
breadcrumb.foreground#999c9e
breadcrumbPicker.background#171818
button.background#d97757
button.border#46494a
button.foreground#1c1d1e
button.hoverBackground#e88a6f
button.secondaryBackground#2b2c2d
button.secondaryForeground#d9dcde
button.secondaryHoverBackground#37393a
charts.blue#4aa3ee
charts.foreground#d9dcde
charts.green#7ecc4a
charts.lines#46494a
charts.orange#d97757
charts.purple#c77fe0
charts.red#e55c5c
charts.yellow#e6d260
checkbox.background#171818
checkbox.border#46494a
checkbox.foreground#d9dcde
checkbox.selectBackground#402a1e
checkbox.selectBorder#d97757
commandCenter.activeBackground#272829
commandCenter.activeBorder#d97757
commandCenter.activeForeground#d9dcde
commandCenter.background#171818
commandCenter.border#46494a
commandCenter.foreground#d9dcde
commandCenter.inactiveBorder#37393a
commandCenter.inactiveForeground#999c9e
debugConsole.errorForeground#e55c5c
debugConsole.infoForeground#4aa3ee
debugConsole.sourceForeground#999c9e
debugConsole.warningForeground#e6d260
debugConsoleInputIcon.foreground#d97757
debugExceptionWidget.background#512727
debugExceptionWidget.border#e55c5c
debugIcon.breakpointCurrentStackframeForeground#e6d260
debugIcon.breakpointDisabledForeground#777a7c
debugIcon.breakpointForeground#e55c5c
debugIcon.breakpointStackframeForeground#d97757
debugIcon.breakpointUnverifiedForeground#999c9e
debugIcon.continueForeground#7ecc4a
debugIcon.disconnectForeground#e55c5c
debugIcon.pauseForeground#4aa3ee
debugIcon.restartForeground#7ecc4a
debugIcon.startForeground#7ecc4a
debugIcon.stepBackForeground#4aa3ee
debugIcon.stepIntoForeground#4aa3ee
debugIcon.stepOutForeground#4aa3ee
debugIcon.stepOverForeground#4aa3ee
debugIcon.stopForeground#e55c5c
debugTokenExpression.boolean#7ecc4a
debugTokenExpression.error#e55c5c
debugTokenExpression.name#8cc8f0
debugTokenExpression.number#7ecc4a
debugTokenExpression.string#ea9a67
debugTokenExpression.value#d9dcde
debugToolBar.background#171818
debugToolBar.border#46494a
debugView.exceptionLabelBackground#512727
debugView.exceptionLabelForeground#d9dcde
debugView.stateLabelBackground#402a1e
debugView.stateLabelForeground#d97757
debugView.valueChangedHighlight#e6d26055
descriptionForeground#999c9e
diffEditor.border#46494a
diffEditor.diagonalFill#37393a
diffEditor.insertedLineBackground#7ecc4a11
diffEditor.insertedTextBackground#7ecc4a22
diffEditor.removedLineBackground#e55c5c11
diffEditor.removedTextBackground#e55c5c22
diffEditorGutter.insertedLineBackground#7ecc4a22
diffEditorGutter.removedLineBackground#e55c5c22
diffEditorOverview.insertedForeground#7ecc4a88
diffEditorOverview.removedForeground#e55c5c88
dropdown.background#171818
dropdown.border#46494a
dropdown.foreground#d9dcde
dropdown.listBackground#171818
editor.background#1c1d1e
editor.findMatchBackground#d9775755
editor.findMatchBorder#d97757
editor.findMatchHighlightBackground#d9775722
editor.findMatchHighlightBorder#1c1d1e00
editor.findRangeHighlightBackground#402a1e33
editor.focusedStackFrameHighlightBackground#7ecc4a15
editor.foldBackground#2b2c2d
editor.foreground#d9dcde
editor.hoverHighlightBackground#2b2c2d
editor.inactiveSelectionBackground#332323
editor.lineHighlightBackground#272829
editor.lineHighlightBorder#1c1d1e00
editor.rangeHighlightBackground#332323
editor.selectionBackground#402a1e
editor.selectionForeground#d9dcde
editor.selectionHighlightBackground#332323
editor.selectionHighlightBorder#1c1d1e00
editor.stackFrameHighlightBackground#e6d26015
editor.symbolHighlightBackground#d9775722
editor.wordHighlightBackground#2b2c2d
editor.wordHighlightBorder#1c1d1e00
editor.wordHighlightStrongBackground#402a1e
editor.wordHighlightStrongBorder#1c1d1e00
editorBracketHighlight.foreground1#c77fe0
editorBracketHighlight.foreground2#4aa3ee
editorBracketHighlight.foreground3#e6d260
editorBracketHighlight.foreground4#c77fe0
editorBracketHighlight.foreground5#4aa3ee
editorBracketHighlight.foreground6#e6d260
editorBracketHighlight.unexpectedBracket.foreground#e55c5c
editorBracketMatch.background#402a1e
editorBracketMatch.border#d97757
editorCodeLens.foreground#777a7c
editorCursor.background#1c1d1e
editorCursor.foreground#d97757
editorError.border#1c1d1e00
editorError.foreground#e55c5c
editorGhostText.border#1c1d1e00
editorGhostText.foreground#55585a
editorGroup.border#46494a
editorGroup.dropBackground#402a1e33
editorGroup.emptyBackground#1c1d1e
editorGroupHeader.border#46494a
editorGroupHeader.noTabsBackground#171818
editorGroupHeader.tabsBackground#171818
editorGroupHeader.tabsBorder#46494a
editorGutter.addedBackground#7ecc4a
editorGutter.background#1c1d1e
editorGutter.deletedBackground#e55c5c
editorGutter.foldingControlForeground#777a7c
editorGutter.modifiedBackground#e6d260
editorHint.foreground#3fc9a7
editorHoverWidget.background#171818
editorHoverWidget.border#46494a
editorHoverWidget.foreground#d9dcde
editorHoverWidget.highlightForeground#d97757
editorHoverWidget.statusBarBackground#171818
editorIndentGuide.activeBackground1#46494a
editorIndentGuide.background1#2b2c2d
editorInfo.border#1c1d1e00
editorInfo.foreground#4aa3ee
editorInlayHint.background#171818
editorInlayHint.foreground#999c9e
editorInlayHint.parameterBackground#171818
editorInlayHint.parameterForeground#8cc8f0
editorInlayHint.typeBackground#171818
editorInlayHint.typeForeground#3fc9a7
editorLineNumber.activeForeground#d97757
editorLineNumber.dimmedForeground#37393a
editorLineNumber.foreground#55585a
editorLink.activeForeground#d97757
editorMarkerNavigation.background#171818
editorMarkerNavigationError.background#e55c5c
editorMarkerNavigationInfo.background#4aa3ee
editorMarkerNavigationWarning.background#e6d260
editorOverviewRuler.addedForeground#7ecc4a88
editorOverviewRuler.background#1c1d1e
editorOverviewRuler.border#1c1d1e00
editorOverviewRuler.bracketMatchForeground#d97757
editorOverviewRuler.deletedForeground#e55c5c88
editorOverviewRuler.errorForeground#e55c5c
editorOverviewRuler.findMatchForeground#d9775788
editorOverviewRuler.infoForeground#4aa3ee
editorOverviewRuler.modifiedForeground#e6d26088
editorOverviewRuler.rangeHighlightForeground#402a1e88
editorOverviewRuler.selectionHighlightForeground#402a1e88
editorOverviewRuler.warningForeground#e6d260
editorOverviewRuler.wordHighlightForeground#46494a88
editorOverviewRuler.wordHighlightStrongForeground#d9775788
editorRuler.foreground#37393a
editorStickyScroll.background#1c1d1e
editorStickyScrollHover.background#171818
editorSuggestWidget.background#171818
editorSuggestWidget.border#46494a
editorSuggestWidget.focusHighlightForeground#e88a6f
editorSuggestWidget.foreground#d9dcde
editorSuggestWidget.highlightForeground#d97757
editorSuggestWidget.selectedBackground#402a1e
editorSuggestWidget.selectedForeground#d9dcde
editorSuggestWidget.selectedIconForeground#d97757
editorUnnecessaryCode.border#1c1d1e00
editorUnnecessaryCode.opacity#1c1d1e80
editorWarning.border#1c1d1e00
editorWarning.foreground#e6d260
editorWatermark.foreground#55585a
editorWhitespace.foreground#37393a
editorWidget.background#171818
editorWidget.border#46494a
editorWidget.foreground#d9dcde
editorWidget.resizeBorder#46494a
errorForeground#e55c5c
focusBorder#d97757
foreground#d9dcde
gitDecoration.addedResourceForeground#7ecc4a
gitDecoration.conflictingResourceForeground#d97757
gitDecoration.deletedResourceForeground#e55c5c
gitDecoration.ignoredResourceForeground#55585a
gitDecoration.modifiedResourceForeground#e6d260
gitDecoration.renamedResourceForeground#3fc9a7
gitDecoration.stageDeletedResourceForeground#ff7a7a
gitDecoration.stageModifiedResourceForeground#ea9a67
gitDecoration.submoduleResourceForeground#c77fe0
gitDecoration.untrackedResourceForeground#3fc9a7
icon.foreground#d9dcde
input.background#171818
input.border#46494a
input.foreground#d9dcde
input.placeholderForeground#777a7c
inputOption.activeBackground#402a1e
inputOption.activeBorder#d97757
inputOption.activeForeground#d9dcde
inputOption.hoverBackground#2b2c2d
inputValidation.errorBackground#512727
inputValidation.errorBorder#e55c5c
inputValidation.errorForeground#d9dcde
inputValidation.infoBackground#1f384d
inputValidation.infoBorder#4aa3ee
inputValidation.infoForeground#d9dcde
inputValidation.warningBackground#4c3824
inputValidation.warningBorder#e6d260
inputValidation.warningForeground#d9dcde
keybindingLabel.background#171818
keybindingLabel.border#46494a
keybindingLabel.bottomBorder#46494a
keybindingLabel.foreground#d9dcde
keybindingTable.headerBackground#171818
keybindingTable.rowsBackground#1c1d1e
list.activeSelectionBackground#402a1e
list.activeSelectionForeground#d9dcde
list.dropBackground#402a1e66
list.errorForeground#e55c5c
list.filterMatchBackground#d9775744
list.filterMatchBorder#d97757
list.focusBackground#2b2c2d
list.focusForeground#d9dcde
list.focusHighlightForeground#e88a6f
list.highlightForeground#d97757
list.hoverBackground#272829
list.hoverForeground#d9dcde
list.inactiveSelectionBackground#2b2c2d
list.inactiveSelectionForeground#d9dcde
list.invalidItemForeground#e55c5c
list.warningForeground#e6d260
listFilterWidget.background#171818
listFilterWidget.noMatchesOutline#e55c5c
listFilterWidget.outline#d97757
menu.background#171818
menu.border#46494a
menu.foreground#d9dcde
menu.selectionBackground#402a1e
menu.selectionBorder#1c1d1e00
menu.selectionForeground#d9dcde
menu.separatorBackground#37393a
menubar.selectionBackground#2b2c2d
menubar.selectionBorder#1c1d1e00
menubar.selectionForeground#d9dcde
merge.border#46494a
merge.commonContentBackground#46494a22
merge.commonHeaderBackground#46494a55
merge.currentContentBackground#4aa3ee22
merge.currentHeaderBackground#4aa3ee55
merge.incomingContentBackground#c77fe022
merge.incomingHeaderBackground#c77fe055
mergeEditor.change.background#4aa3ee15
mergeEditor.change.word.background#4aa3ee33
mergeEditor.conflict.handledFocused.border#9ae66a
mergeEditor.conflict.handledUnfocused.border#7ecc4a
mergeEditor.conflict.unhandledFocused.border#ff7a7a
mergeEditor.conflict.unhandledUnfocused.border#e55c5c
minimap.background#1c1d1e
minimap.errorHighlight#e55c5c
minimap.findMatchHighlight#d97757
minimap.selectionHighlight#402a1e
minimap.selectionOccurrenceHighlight#46494a
minimap.warningHighlight#e6d260
minimapGutter.addedBackground#7ecc4a
minimapGutter.deletedBackground#e55c5c
minimapGutter.modifiedBackground#e6d260
minimapSlider.activeBackground#55585a
minimapSlider.background#37393a66
minimapSlider.hoverBackground#46494aaa
notebook.cellBorderColor#46494a
notebook.cellHoverBackground#171818
notebook.cellInsertionIndicator#d97757
notebook.cellStatusBarItemHoverBackground#2b2c2d
notebook.cellToolbarSeparator#46494a
notebook.editorBackground#1c1d1e
notebook.focusedCellBackground#171818
notebook.focusedCellBorder#d97757
notebook.focusedEditorBorder#d97757
notebook.selectedCellBackground#171818
notebook.selectedCellBorder#46494a
notebookStatusErrorIcon.foreground#e55c5c
notebookStatusRunningIcon.foreground#4aa3ee
notebookStatusSuccessIcon.foreground#7ecc4a
notificationCenter.border#46494a
notificationCenterHeader.background#171818
notificationCenterHeader.foreground#d9dcde
notificationLink.foreground#d97757
notifications.background#171818
notifications.border#46494a
notifications.foreground#d9dcde
notificationsErrorIcon.foreground#e55c5c
notificationsInfoIcon.foreground#4aa3ee
notificationsWarningIcon.foreground#e6d260
notificationToast.border#46494a
panel.background#171818
panel.border#46494a
panel.dropBorder#d97757
panelInput.border#46494a
panelSection.border#46494a
panelSectionHeader.background#171818
panelSectionHeader.border#46494a
panelSectionHeader.foreground#d9dcde
panelTitle.activeBorder#d97757
panelTitle.activeForeground#d9dcde
panelTitle.inactiveForeground#999c9e
peekView.border#d97757
peekViewEditor.background#171818
peekViewEditor.matchHighlightBackground#d9775744
peekViewEditor.matchHighlightBorder#d97757
peekViewEditorGutter.background#171818
peekViewResult.background#171818
peekViewResult.fileForeground#d9dcde
peekViewResult.lineForeground#d9dcde
peekViewResult.matchHighlightBackground#d9775744
peekViewResult.selectionBackground#402a1e
peekViewResult.selectionForeground#d9dcde
peekViewTitle.background#171818
peekViewTitleDescription.foreground#999c9e
peekViewTitleLabel.foreground#d9dcde
pickerGroup.border#46494a
pickerGroup.foreground#d97757
problemsErrorIcon.foreground#e55c5c
problemsInfoIcon.foreground#4aa3ee
problemsWarningIcon.foreground#e6d260
progressBar.background#d97757
quickInput.background#171818
quickInput.foreground#d9dcde
quickInputList.focusBackground#402a1e
quickInputList.focusForeground#d9dcde
quickInputList.focusIconForeground#d97757
quickInputTitle.background#171818
sash.hoverBorder#d97757
scm.providerBorder#46494a
scrollbar.shadow#1c1d1e
scrollbarSlider.activeBackground#d9775799
scrollbarSlider.background#46494a66
scrollbarSlider.hoverBackground#55585aaa
selection.background#402a1e
settings.checkboxBackground#171818
settings.checkboxBorder#46494a
settings.checkboxForeground#d9dcde
settings.dropdownBackground#171818
settings.dropdownBorder#46494a
settings.dropdownForeground#d9dcde
settings.dropdownListBorder#46494a
settings.focusedRowBackground#171818
settings.focusedRowBorder#d97757
settings.headerBorder#46494a
settings.headerForeground#d9dcde
settings.modifiedItemIndicator#d97757
settings.numberInputBackground#171818
settings.numberInputBorder#46494a
settings.numberInputForeground#d9dcde
settings.rowHoverBackground#171818
settings.sashBorder#46494a
settings.settingsHeaderHoverForeground#d97757
settings.textInputBackground#171818
settings.textInputBorder#46494a
settings.textInputForeground#d9dcde
sideBar.background#171818
sideBar.border#46494a
sideBar.foreground#d9dcde
sideBarSectionHeader.background#171818
sideBarSectionHeader.border#46494a
sideBarSectionHeader.foreground#d9dcde
sideBarTitle.foreground#d9dcde
statusBar.background#171818
statusBar.border#46494a
statusBar.debuggingBackground#402a1e
statusBar.debuggingBorder#d97757
statusBar.debuggingForeground#d97757
statusBar.focusBorder#d97757
statusBar.foreground#d9dcde
statusBar.noFolderBackground#171818
statusBar.noFolderBorder#46494a
statusBar.noFolderForeground#d9dcde
statusBarItem.activeBackground#402a1e
statusBarItem.compactHoverBackground#2b2c2d
statusBarItem.errorBackground#512727
statusBarItem.errorForeground#ff9a9a
statusBarItem.focusBorder#d97757
statusBarItem.hoverBackground#2b2c2d
statusBarItem.prominentBackground#171818
statusBarItem.prominentForeground#d9dcde
statusBarItem.prominentHoverBackground#2b2c2d
statusBarItem.remoteBackground#d97757
statusBarItem.remoteForeground#1c1d1e
statusBarItem.remoteHoverBackground#e88a6f
statusBarItem.warningBackground#4c3824
statusBarItem.warningForeground#e6d260
symbolIcon.arrayForeground#e6d260
symbolIcon.booleanForeground#7ecc4a
symbolIcon.classForeground#3fc9a7
symbolIcon.colorForeground#d97757
symbolIcon.constantForeground#7ecc4a
symbolIcon.constructorForeground#c77fe0
symbolIcon.enumeratorForeground#e6d260
symbolIcon.enumeratorMemberForeground#e6d260
symbolIcon.eventForeground#c77fe0
symbolIcon.fieldForeground#8cc8f0
symbolIcon.fileForeground#d9dcde
symbolIcon.folderForeground#e6d260
symbolIcon.functionForeground#e6d260
symbolIcon.interfaceForeground#3fc9a7
symbolIcon.keyForeground#8cc8f0
symbolIcon.keywordForeground#c77fe0
symbolIcon.methodForeground#e6d260
symbolIcon.moduleForeground#4aa3ee
symbolIcon.namespaceForeground#4aa3ee
symbolIcon.nullForeground#7ecc4a
symbolIcon.numberForeground#7ecc4a
symbolIcon.objectForeground#3fc9a7
symbolIcon.operatorForeground#c77fe0
symbolIcon.packageForeground#ea9a67
symbolIcon.propertyForeground#8cc8f0
symbolIcon.referenceForeground#8cc8f0
symbolIcon.snippetForeground#d97757
symbolIcon.stringForeground#ea9a67
symbolIcon.structForeground#3fc9a7
symbolIcon.textForeground#d9dcde
symbolIcon.typeParameterForeground#3fc9a7
symbolIcon.unitForeground#c77fe0
symbolIcon.variableForeground#8cc8f0
tab.activeBackground#1c1d1e
tab.activeBorder#1c1d1e
tab.activeBorderTop#d97757
tab.activeForeground#d9dcde
tab.activeModifiedBorder#d97757
tab.border#37393a
tab.hoverBackground#171818
tab.hoverBorder#46494a
tab.hoverForeground#d9dcde
tab.inactiveBackground#171818
tab.inactiveForeground#999c9e
tab.inactiveModifiedBorder#999c9e
tab.unfocusedActiveBackground#171818
tab.unfocusedActiveBorder#171818
tab.unfocusedActiveBorderTop#8a4a38
tab.unfocusedActiveForeground#b0b3b5
tab.unfocusedHoverBackground#171818
tab.unfocusedHoverForeground#b0b3b5
tab.unfocusedInactiveBackground#171818
tab.unfocusedInactiveForeground#777a7c
terminal.ansiBlack#171818
terminal.ansiBlue#4aa3ee
terminal.ansiBrightBlack#55585a
terminal.ansiBrightBlue#6ab4f0
terminal.ansiBrightCyan#5fd9b8
terminal.ansiBrightGreen#9ae66a
terminal.ansiBrightMagenta#d99fe6
terminal.ansiBrightRed#ff7a7a
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f5e280
terminal.ansiCyan#3fc9a7
terminal.ansiGreen#7ecc4a
terminal.ansiMagenta#c77fe0
terminal.ansiRed#e55c5c
terminal.ansiWhite#d9dcde
terminal.ansiYellow#e6d260
terminal.background#1c1d1e
terminal.border#46494a
terminal.foreground#d9dcde
terminal.inactiveSelectionBackground#332323
terminal.selectionBackground#402a1e
terminalCommandDecoration.defaultBackground#777a7c
terminalCommandDecoration.errorBackground#e55c5c
terminalCommandDecoration.successBackground#7ecc4a
terminalCursor.background#1c1d1e
terminalCursor.foreground#d97757
testing.iconErrored#e55c5c
testing.iconFailed#e55c5c
testing.iconPassed#7ecc4a
testing.iconQueued#e6d260
testing.iconSkipped#999c9e
testing.iconUnset#777a7c
testing.message.error.decorationForeground#e55c5c
testing.message.info.decorationForeground#4aa3ee
testing.runAction#7ecc4a
textBlockQuote.background#171818
textBlockQuote.border#46494a
textCodeBlock.background#171818
textLink.activeForeground#e88a6f
textLink.foreground#d97757
textPreformat.foreground#ea9a67
textSeparator.foreground#46494a
titleBar.activeBackground#171818
titleBar.activeForeground#d9dcde
titleBar.border#46494a
titleBar.inactiveBackground#171818
titleBar.inactiveForeground#999c9e
toolbar.activeBackground#402a1e
toolbar.hoverBackground#2b2c2d
toolbar.hoverOutline#46494a
tree.indentGuidesStroke#37393a
tree.tableColumnsBorder#46494a
walkThrough.embeddedEditorBackground#171818
walkthrough.stepTitle.foreground#d9dcde
welcomePage.background#1c1d1e
welcomePage.progress.background#37393a
welcomePage.progress.foreground#d97757
welcomePage.tileBackground#171818
welcomePage.tileBorder#46494a
welcomePage.tileHoverBackground#272829
widget.shadow#1c1d1e
window.activeBorder#46494a
window.inactiveBorder#37393a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
punctuation	#777a7c	—
punctuation.definition.string, punctuation.definition.group.regexp, punctuation.definition.character-class.regexp	#ea9a67	—
entity.name, support, entity.other.inherited-class	#3fc9a7	—
entity.other, entity.name.variable, support.variable, support.other	#8cc8f0	—
constant, support.constant, variable.other.constant, entity.name.constant	#7ecc4a	—
storage, support.module, entity.name.namespace, entity.name.module, entity.name.package	#4aa3ee	—
keyword.control, keyword.operator.new, keyword.operator.expression	#c77fe0	—
storage.type, storage.modifier, keyword	#4aa3ee	—
string, string.quoted, string.template	#ea9a67	—
entity.name.function, support.function, meta.function-call	#e6d260	—
variable, variable.other, variable.parameter	#8cc8f0	—
constant.numeric, constant.language, constant.character	#7ecc4a	—
entity.name.type, entity.name.class, support.class, support.type	#3fc9a7	—
comment, punctuation.definition.comment	#597b49	italic
entity.name.tag, entity.name.tag.html, entity.name.tag.xml	#4aa3ee	—
entity.other.attribute-name, entity.other.attribute-name.html	#8cc8f0	italic
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag.punctuation	#55585a	—
meta.brace.round, meta.brace.round.js, meta.brace.round.ts, punctuation.definition.parameters, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.section.parens, punctuation.section.parameters, punctuation.section.arguments, punctuation.section.group	#d97757	—
meta.brace.curly, meta.brace.curly.js, meta.brace.curly.ts, punctuation.definition.block, punctuation.definition.block.js, punctuation.definition.block.ts, punctuation.definition.dictionary.begin, punctuation.definition.dictionary.end, punctuation.definition.binding-pattern.object, punctuation.section.block.begin, punctuation.section.block.end, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly	#3fc9a7	—
meta.brace.square, meta.brace.square.js, meta.brace.square.ts, punctuation.definition.array.begin, punctuation.definition.array.end, punctuation.definition.binding-pattern.array, punctuation.section.array.begin, punctuation.section.array.end	#e6d260	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.bitwise, keyword.operator.spread, keyword.operator.rest, keyword.operator.optional, keyword.operator.relational, keyword.operator.type.annotation	#c77fe0	—
punctuation.separator.comma, punctuation.separator.statement, punctuation.terminator.statement, punctuation.separator.key-value, punctuation.accessor, punctuation.separator.label, punctuation.separator.dictionary.key-value	#777a7c	—
meta.object-literal.key, meta.object.member, variable.other.object.property, variable.other.property, support.type.property-name.json	#8cc8f0	—
variable.language.this, variable.language.super, variable.language.self	#e07fa3	italic
constant.language.boolean, constant.language.boolean.true, constant.language.boolean.false, constant.language.null, constant.language.undefined	#d97757	—
string.regexp, string.regexp.ts, string.regexp.js	#ea9a67	—
keyword.control.anchor.regexp, keyword.operator.quantifier.regexp, constant.character.escape, constant.character.escape.regexp	#c77fe0	—
punctuation.definition.template-expression, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#c77fe0	—
meta.decorator, meta.decorator punctuation.decorator, entity.name.function.decorator, punctuation.decorator	#e07fa3	italic
entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less	#4aa3ee	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.id.scss	#e6d260	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#3fc9a7	—
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css	#8cc8f0	italic
support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, meta.property-value.css	#c77fe0	—
keyword.other.unit.css, keyword.other.unit.percentage.css, keyword.other.unit.px.css	#c77fe0	—
variable.css, variable.argument.css, variable.other.custom-property.css, meta.custom-property.css	#8cc8f0	—
support.function.css, support.function.misc.css, support.function.calc.css, support.function.gradient.css, support.function.transform.css	#e6d260	—
punctuation.definition.custom-property.css, punctuation.definition.variable.css	#55585a	—
keyword.control.at-rule.css, punctuation.definition.keyword.css	#c77fe0	—
string.quoted.double.css, string.quoted.single.css	#ea9a67	—
invalid, invalid.illegal	#ff7a7a	—
markup.bold	#d97757	bold
markup.italic	#ea9a67	italic
markup.heading	#e6d260	bold
markup.inline.raw, markup.raw.inline	#ea9a67	—
markup.quote	#999c9e	italic
markup.underline.link, string.other.link	#d97757	—
punctuation.definition.heading.markdown, punctuation.definition.heading	#d97757	—
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown	#d97757	—
punctuation.definition.quote.begin.markdown, punctuation.definition.quote.end.markdown, punctuation.definition.quote.markdown, markup.quote.markdown punctuation.definition.quote	#d97757	—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown	#777a7c	—
punctuation.definition.raw.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown	#55585a	—
punctuation.definition.link.markdown, punctuation.definition.link.begin.markdown, punctuation.definition.link.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown	#55585a	—
string.other.link.title.markdown, string.other.link.description.markdown, markup.underline.link.markdown	#d97757	—
markup.underline.link.image.markdown, meta.image.inline.markdown markup.underline.link.image.markdown, string.other.link.description.title.markdown	#8cc8f0	italic
fenced_code.block.language, fenced_code.block.language.markdown, markup.fenced_code.block.markdown punctuation.definition.markdown	#999c9e	—
markup.strikethrough, markup.strikethrough.markdown	#55585a	strikethrough
meta.separator.markdown, punctuation.definition.thematic-break.markdown	#46494a	—
support.function.builtin.python, support.function.magic.python	#e6d260	—
support.type.exception.python, support.class.exception.python	#3fc9a7	italic
string.quoted.docstring.multi.python, string.quoted.docstring.single.python, string.quoted.docstring.raw.multi.python	#597b49	italic
meta.function.decorator.python, entity.name.function.decorator.python	#e07fa3	italic
variable.parameter.function.python, variable.parameter.function.language.python	#8cc8f0	italic
variable.language.special.self.python, variable.language.special.cls.python	#e07fa3	italic
keyword.control.import.python, keyword.control.from.python, keyword.other.import.python	#4aa3ee	—
keyword.package.go, keyword.import.go, keyword.var.go, keyword.const.go, keyword.type.go, keyword.function.go, keyword.struct.go, keyword.interface.go	#4aa3ee	—
entity.name.import.go, entity.name.package.go	#4aa3ee	—
keyword.control.go, keyword.channel.go	#c77fe0	—
string.quoted.raw.go	#ea9a67	—
variable.other.assignment.go	#8cc8f0	—
keyword.other.fn.rust, keyword.other.rust, storage.modifier.mut.rust, storage.modifier.const.rust, storage.modifier.static.rust, storage.type.rust	#4aa3ee	—
keyword.other.lifetime.rust, entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust	#c77fe0	italic
entity.name.macro.rust, meta.macro.rust, support.function.macro.rust	#c77fe0	—
variable.language.self.rust, keyword.other.self.rust	#e07fa3	italic
meta.attribute.rust, punctuation.brackets.attribute.rust	#e07fa3	italic
entity.name.tag.yaml, meta.mapping.key.yaml entity.name.tag.yaml	#8cc8f0	—
string.unquoted.plain.out.yaml, string.unquoted.plain.in.yaml	#d9dcde	—
string.quoted.single.yaml, string.quoted.double.yaml	#ea9a67	—
constant.numeric.yaml	#7ecc4a	—
constant.language.boolean.yaml, constant.language.null.yaml	#d97757	—
punctuation.definition.block.sequence.item.yaml	#d97757	—
entity.name.type.anchor.yaml, variable.other.alias.yaml	#c77fe0	italic
entity.name.function.shell, meta.function.shell entity.name.function.shell	#e6d260	—
variable.other.normal.shell, variable.parameter.posix.shell, variable.other.bracket.shell	#8cc8f0	—
punctuation.definition.variable.shell	#55585a	—
support.function.builtin.shell, keyword.other.special-method.shell	#c77fe0	—
string.quoted.double.shell, string.quoted.single.shell	#ea9a67	—
constant.character.escape.shell	#c77fe0	—
keyword.other.special-method.dockerfile, keyword.control.dockerfile	#4aa3ee	—
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.create.sql, keyword.other.alter.sql, keyword.other.drop.sql, keyword.other.LUW.sql	#c77fe0	—
entity.name.function.sql, support.function.aggregate.sql, support.function.scalar.sql	#e6d260	—
constant.other.database-name.sql, constant.other.table-name.sql, entity.name.column.sql	#8cc8f0	—
keyword.operator.logical.sql, keyword.operator.comparison.sql	#c77fe0	—
markup.inserted, markup.inserted.diff, meta.diff.header.from-file, punctuation.definition.inserted.diff	#7ecc4a	—
markup.deleted, markup.deleted.diff, meta.diff.header.to-file, punctuation.definition.deleted.diff	#e55c5c	—
markup.changed, markup.changed.diff, punctuation.definition.changed.diff	#e6d260	—
meta.diff.header, meta.diff.header.git	#8cc8f0	italic
meta.diff.range, meta.diff.range.unified	#c77fe0	—
punctuation.definition.entity.toml, entity.name.section.table.toml, entity.name.section.array-table.toml	#4aa3ee	—
support.type.property-name.table.toml, variable.other.key.toml	#8cc8f0	—
punctuation.parenthesis.open, punctuation.parenthesis.close, punctuation.bracket.round, punctuation.definition.begin.bracket.round, punctuation.definition.end.bracket.round	#d97757	—
punctuation.curlybrace.open, punctuation.curlybrace.close, punctuation.bracket.curly, punctuation.definition.begin.bracket.curly, punctuation.definition.end.bracket.curly, punctuation.section.class.begin.bracket.curly, punctuation.section.class.end.bracket.curly, punctuation.section.method.begin.bracket.curly, punctuation.section.method.end.bracket.curly, punctuation.section.array-initializer.begin.bracket.curly, punctuation.section.array-initializer.end.bracket.curly	#3fc9a7	—
punctuation.squarebracket.open, punctuation.squarebracket.close, punctuation.bracket.square	#e6d260	—
punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.definition.generic.begin, punctuation.definition.generic.end, punctuation.bracket.angle	#3fc9a7	—
punctuation.separator, punctuation.terminator, punctuation.dot	#777a7c	—
punctuation.definition.interpolation, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.section.interpolation.begin, punctuation.section.interpolation.end	#c77fe0	—
punctuation.attribute-shorthand.bind.html.vue, punctuation.attribute-shorthand.event.html.vue, punctuation.attribute-shorthand.slot.html.vue, punctuation.definition.keyword.svelte	#c77fe0	—
punctuation.definition.variable.svelte, punctuation.definition.variable.php, punctuation.definition.entity.html	#55585a	—