Nightcall

Name: Nightcall
Author: Robert Patterson

Publisher: Robert PattersonThemes in package: 6

A mellow yet colorful Visual Studio Code theme built around vibrant shades of pink, purple, and blue.

Open in VS Code GitHub

Color themes

VS Code preview

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

Nightcall — Nightcall Muted (No Italics)

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.

actionBar.toggledBackground#474771
activityBar.activeBorder#FFADDC
activityBar.activeFocusBorder#FFADDC
activityBar.background#27283F
activityBar.border#373758
activityBar.foreground#7F7FAC
activityBar.inactiveForeground#7F7FAC
activityBarBadge.background#27283F
activityBarBadge.foreground#A0A0C2
activityBarTop.activeBorder#FFADDC
activityBarTop.activeFocusBorder#FFADDC
activityBarTop.background#27283F
activityBarTop.border#373758
activityBarTop.foreground#7F7FAC
activityBarTop.inactiveForeground#7F7FAC
activityErrorBadge.background#F98B99
activityErrorBadge.foreground#1C1D2D
activityWarningBadge.background#F2E3BF
activityWarningBadge.foreground#1C1D2D
agents.background#2F2F4B
agentsBadge.background#FFADDC
agentsBadge.foreground#1C1D2D
agentsChatInput.background#373758
agentsChatInput.border#3F3F64
agentsChatInput.focusBorder#FFADDC
agentsChatInput.foreground#C1C1D7
agentsChatInput.placeholderForeground#7F7FAC
agentsGradient.tintColor#FFADDC
agentsNewSessionButton.background#2f2f4b00
agentsNewSessionButton.border#3F3F64
agentsNewSessionButton.foreground#C1C1D7
agentsNewSessionButton.hoverBackground#474771
agentsPanel.background#27283F
agentsPanel.border#373758
agentsPanel.foreground#C1C1D7
agentsUnreadBadge.background#FFADDC
agentsUnreadBadge.foreground#1C1D2D
badge.background#27283F
badge.foreground#A0A0C2
breadcrumb.activeSelectionForeground#E2E2EC
breadcrumb.background#2F2F4B
breadcrumb.focusForeground#C1C1D7
breadcrumb.foreground#C1C1D7
breadcrumbPicker.background#2F2F4B
button.background#FFADDC
button.border#FFADDC
button.foreground#2F2F4B
button.hoverBackground#FFADDC
button.secondaryBackground#3F3F64
button.secondaryForeground#C1C1D7
button.secondaryHoverBackground#3F3F64
charts.blue#a0b7f6
charts.foreground#C1C1D7
charts.green#85D483
charts.lines#c1c1d780
charts.orange#F0D2A8
charts.purple#A57BF4
charts.red#FBB1BB
charts.yellow#F2E3BF
chat.avatarBackground#373758
chat.avatarForeground#E2E2EC
chat.checkpointSeparator#373758
chat.editedFileForeground#a0b7f6
chat.inputWorkingBorderColor1#FFADDC
chat.inputWorkingBorderColor2#A57BF4
chat.inputWorkingBorderColor3#a0b7f6
chat.linesAddedForeground#85d48399
chat.linesRemovedForeground#f7647899
chat.requestBackground#2f2f4b00
chat.requestBorder#3F3F64
chat.requestBubbleBackground#27283f99
chat.requestBubbleHoverBackground#2f2f4b99
chat.requestCodeBorder#4f4f7d99
chat.slashCommandBackground#373758
chat.slashCommandForeground#E2E2EC
chat.thinkingShimmer#ffaddc99
chatManagement.sashBorder#373758
checkbox.background#27283F
checkbox.border#373758
checkbox.foreground#C1C1D7
commandCenter.activeBackground#2F2F4B
commandCenter.activeBorder#FFADDC
commandCenter.activeForeground#A0A0C2
commandCenter.background#27283F
commandCenter.border#373758
commandCenter.foreground#A0A0C2
commandCenter.inactiveBorder#373758
commandCenter.inactiveForeground#A0A0C2
debugConsole.errorForeground#FBB1BB
debugConsole.infoForeground#7F7FAC
debugConsole.sourceForeground#F0D2A8
debugConsole.warningForeground#F2E3BF
debugConsoleInputIcon.foreground#A57BF4
debugExceptionWidget.background#2F2F4B
debugExceptionWidget.border#373758
debugIcon.breakpointForeground#FBB1BB
debugTokenExpression.boolean#85D483
debugTokenExpression.error#FBB1BB
debugTokenExpression.name#a0b7f6
debugTokenExpression.number#85D483
debugTokenExpression.string#FFADDC
debugTokenExpression.value#FFADDC
debugToolBar.background#2F2F4B
debugToolBar.border#373758
descriptionForeground#A0A0C2
diffEditor.border#373758
diffEditor.insertedLineBackground#85d48326
diffEditor.insertedTextBackground#85d4831a
diffEditor.removedLineBackground#f7647826
diffEditor.removedTextBackground#f764781a
disabledForeground#7f7facbf
dropdown.background#3F3F64
dropdown.border#373758
dropdown.foreground#E2E2EC
dropdown.listBackground#3F3F64
editor.background#2F2F4B
editor.border#3F3F64
editor.findMatchBackground#373758
editor.findMatchBorder#3F3F64
editor.findMatchHighlightBackground#37375880
editor.findRangeHighlightBackground#ccb4f933
editor.focusedStackFrameHighlightBackground#27283F
editor.foldBackground#3737581a
editor.foreground#E2E2EC
editor.hoverHighlightBackground#a57bf440
editor.inactiveSelectionBackground#ccb4f920
editor.lineHighlightBackground#56568a73
editor.linkedEditingBackground#a57bf440
editor.rangeHighlightBackground#a57bf440
editor.selectionBackground#a57bf440
editor.selectionForeground#E2E2EC
editor.selectionHighlightBackground#a57bf440
editor.snippetFinalTabstopHighlightBackground#ccb4f940
editor.snippetFinalTabstopHighlightBorder#ccb4f940
editor.snippetTabstopHighlightBackground#ccb4f940
editor.snippetTabstopHighlightBorder#a57bf440
editor.stackFrameHighlightBackground#2F2F4B
editor.symbolHighlightBackground#a57bf440
editor.wordHighlightBackground#56568a80
editor.wordHighlightBorder#56568a99
editor.wordHighlightStrongBackground#56568a80
editor.wordHighlightStrongBorder#56568a99
editor.wordHighlightTextBackground#a57bf440
editorBracketHighlight.foreground1#CCB4F9
editorBracketHighlight.foreground2#FFADDC
editorBracketHighlight.foreground3#a0b7f6
editorBracketHighlight.foreground4#C1C1D7
editorBracketHighlight.foreground5#A57BF4
editorBracketHighlight.foreground6#FFADDC
editorBracketHighlight.unexpectedBracket.foreground#FBB1BB
editorBracketMatch.background#373758e6
editorBracketMatch.border#4f4f7de6
editorBracketPairGuide.activeBackground1#ccb4f9bf
editorBracketPairGuide.activeBackground2#ffaddcbf
editorBracketPairGuide.activeBackground3#a0b7f6bf
editorBracketPairGuide.activeBackground4#c1c1d7bf
editorBracketPairGuide.activeBackground5#a57bf4bf
editorBracketPairGuide.activeBackground6#ffaddcbf
editorBracketPairGuide.background1#ccb4f999
editorBracketPairGuide.background2#ffaddc99
editorBracketPairGuide.background3#a0b7f699
editorBracketPairGuide.background4#c1c1d799
editorBracketPairGuide.background5#a57bf499
editorBracketPairGuide.background6#ffaddc99
editorCodeLens.foreground#C1C1D7
editorCommentsWidget.rangeActiveBackground#a0b7f640
editorCommentsWidget.rangeBackground#a0b7f626
editorCursor.background#F2E3BF
editorCursor.foreground#E2E2EC
editorError.foreground#FBB1BB
editorGhostText.foreground#E2E2EC
editorGroup.border#3F3F64
editorGroup.dropBackground#27283fcc
editorGroup.emptyBackground#2F2F4B
editorGroup.focusedEmptyBorder#3F3F64
editorGroupHeader.noTabsBackground#2F2F4B
editorGroupHeader.tabsBackground#2F2F4B
editorGroupHeader.tabsBorder#3F3F64
editorGutter.addedBackground#85D483
editorGutter.background#2F2F4B
editorGutter.commentRangeForeground#A0A0C2
editorGutter.deletedBackground#FBB1BB
editorGutter.modifiedBackground#a0b7f6
editorHint.foreground#A57BF4
editorHoverWidget.background#373758
editorHoverWidget.border#4F4F7D
editorHoverWidget.foreground#C1C1D7
editorIndentGuide.activeBackground#C1C1D7
editorIndentGuide.activeBackground1#C1C1D7
editorIndentGuide.background#373758
editorIndentGuide.background1#373758
editorInfo.foreground#67E8F9
editorInlayHint.background#37375880
editorInlayHint.foreground#A0A0C2
editorInlayHint.parameterBackground#37375880
editorInlayHint.parameterForeground#A0A0C2
editorInlayHint.typeBackground#37375880
editorInlayHint.typeForeground#A0A0C2
editorLineNumber.activeForeground#C1C1D7
editorLineNumber.foreground#7F7FAC
editorLink.activeForeground#C1C1D7
editorMarkerNavigation.background#2F2F4B
editorMarkerNavigationError.background#f7647833
editorMarkerNavigationInfo.background#67e8f933
editorMarkerNavigationWarning.background#f0d2a833
editorMinimap.inlineChatInserted#85D483
editorOverviewRuler.addedForeground#85D483
editorOverviewRuler.border#373758
editorOverviewRuler.bracketMatchForeground#A57BF4
editorOverviewRuler.commonContentForeground#C1C1D7
editorOverviewRuler.currentContentForeground#a0b7f6
editorOverviewRuler.deletedForeground#FBB1BB
editorOverviewRuler.errorForeground#FBB1BB
editorOverviewRuler.findMatchForeground#c1c1d799
editorOverviewRuler.incomingContentForeground#85D483
editorOverviewRuler.infoForeground#67E8F9
editorOverviewRuler.inlineChatInserted#85D483
editorOverviewRuler.inlineChatRemoved#FBB1BB
editorOverviewRuler.modifiedForeground#a0b7f6
editorOverviewRuler.rangeHighlightForeground#ccb4f940
editorOverviewRuler.selectionHighlightForeground#ccb4f940
editorOverviewRuler.warningForeground#F2E3BF
editorOverviewRuler.wordHighlightForeground#ffaddc99
editorOverviewRuler.wordHighlightStrongForeground#ffaddc99
editorOverviewRuler.wordHighlightTextForeground#ccb4f940
editorPane.background#2F2F4B
editorRuler.foreground#27283F
editorStickyScroll.background#2F2F4B
editorStickyScroll.border#373758
editorStickyScroll.shadow#27283f40
editorStickyScrollHover.background#56568a73
editorSuggestWidget.background#373758
editorSuggestWidget.border#373758
editorSuggestWidget.foreground#C1C1D7
editorSuggestWidget.highlightForeground#C1C1D7
editorSuggestWidget.selectedBackground#373758
editorUnnecessaryCode.opacity#e2e2eccc
editorWarning.foreground#F2E3BF
editorWhitespace.foreground#7F7FAC
editorWidget.background#373758
editorWidget.border#3F3F64
editorWidget.foreground#C1C1D7
editorWidget.resizeBorder#3F3F64
errorForeground#FBB1BB
extensionButton.prominentBackground#a0b7f6
extensionButton.prominentForeground#27283F
extensionButton.prominentHoverBackground#FFADDC
focusBorder#FFADDC
foreground#C1C1D7
gauge.background#67e8f94d
gauge.border#3F3F64
gauge.errorBackground#f764784d
gauge.errorForeground#FBB1BB
gauge.foreground#67E8F9
gauge.warningBackground#f0d2a84d
gauge.warningForeground#F2E3BF
gitDecoration.addedResourceForeground#85D483
gitDecoration.conflictingResourceForeground#FBB1BB
gitDecoration.deletedResourceForeground#FBB1BB
gitDecoration.ignoredResourceForeground#7f7facbf
gitDecoration.modifiedResourceForeground#a0b7f6
gitDecoration.stageDeletedResourceForeground#FBB1BB
gitDecoration.stageModifiedResourceForeground#a0b7f6
gitDecoration.submoduleResourceForeground#A0A0C2
gitDecoration.untrackedResourceForeground#85D483
icon.foreground#A0A0C2
inlineChat.background#2F2F4B
inlineChat.border#373758
inlineChat.foreground#C1C1D7
inlineChat.shadow#27283f80
inlineChatDiff.inserted#85d48333
inlineChatDiff.removed#f7647833
inlineChatInput.background#2F2F4B
inlineChatInput.border#3F3F64
inlineChatInput.focusBorder#a0b7f6
inlineChatInput.placeholderForeground#A0A0C2
input.background#2F2F4B
input.border#3F3F64
input.foreground#C1C1D7
input.placeholderForeground#A0A0C2
inputOption.activeBackground#a0b7f680
inputOption.activeBorder#a0b7f6
inputOption.activeForeground#E2E2EC
inputValidation.errorBackground#F98B99
inputValidation.errorBorder#F98B99
inputValidation.errorForeground#1C1D2D
inputValidation.infoBackground#67E8F9
inputValidation.infoBorder#67E8F9
inputValidation.infoForeground#1C1D2D
inputValidation.warningBackground#F2E3BF
inputValidation.warningBorder#F2E3BF
inputValidation.warningForeground#1C1D2D
interactive.activeCodeBorder#a0b7f6
interactive.inactiveCodeBorder#3F3F64
keybindingLabel.foreground#C1C1D7
list.activeSelectionBackground#474771
list.activeSelectionForeground#E2E2EC
list.activeSelectionIconForeground#E2E2EC
list.dropBackground#474771
list.errorForeground#FBB1BB
list.filterMatchBackground#373758
list.filterMatchBorder#3F3F64
list.focusBackground#474771
list.focusForeground#C1C1D7
list.focusOutline#FFADDC
list.highlightForeground#C1C1D7
list.hoverBackground#474771
list.hoverForeground#C1C1D7
list.inactiveFocusBackground#474771
list.inactiveSelectionBackground#474771
list.inactiveSelectionForeground#C1C1D7
list.invalidItemForeground#FBB1BB
list.warningForeground#F2E3BF
listFilterWidget.background#373758
listFilterWidget.noMatchesOutline#FBB1BB
listFilterWidget.outline#373758
menu.background#373758
menu.border#3F3F64
menu.foreground#C1C1D7
menu.selectionBackground#474771
menu.selectionBorder#373758
menu.selectionForeground#E2E2EC
menu.separatorBackground#C1C1D7
menubar.selectionBackground#474771
menubar.selectionBorder#373758
menubar.selectionForeground#C1C1D7
merge.border#3F3F64
merge.commonContentBackground#27283f1a
merge.commonHeaderBackground#27283f33
merge.currentContentBackground#ccb4f933
merge.currentHeaderBackground#a0b7f633
merge.incomingContentBackground#85d4831a
merge.incomingHeaderBackground#85d48333
minimap.chatEditHighlight#a0b7f6
minimap.errorHighlight#FBB1BB
minimap.findMatchHighlight#c1c1d799
minimap.infoHighlight#67E8F9
minimap.selectionHighlight#a57bf440
minimap.selectionOccurrenceHighlight#a57bf440
minimap.warningHighlight#F2E3BF
minimapGutter.addedBackground#85D483
minimapGutter.deletedBackground#FBB1BB
minimapGutter.modifiedBackground#a0b7f6
minimapSlider.activeBackground#56568a80
minimapSlider.background#56568a73
minimapSlider.hoverBackground#56568a80
notebook.symbolHighlightBackground#37375826
notificationCenter.border#373758
notificationCenterHeader.background#27283F
notificationCenterHeader.foreground#C1C1D7
notificationLink.foreground#C1C1D7
notifications.background#373758
notifications.border#373758
notifications.foreground#C1C1D7
notificationsErrorIcon.foreground#FBB1BB
notificationsInfoIcon.foreground#67E8F9
notificationsWarningIcon.foreground#F2E3BF
notificationToast.border#373758
panel.background#27283F
panel.border#373758
panelInput.border#373758
panelTitle.activeBorder#3F3F64
panelTitle.activeForeground#E2E2EC
panelTitle.inactiveForeground#C1C1D7
peekView.border#FFADDC
peekViewEditor.background#27283F
peekViewEditor.matchHighlightBackground#ccb4f940
peekViewEditor.matchHighlightBorder#ccb4f908
peekViewEditorGutter.background#27283F
peekViewResult.background#27283F
peekViewResult.fileForeground#A0A0C2
peekViewResult.lineForeground#A0A0C2
peekViewResult.matchHighlightBackground#ccb4f940
peekViewResult.selectionBackground#a57bf440
peekViewResult.selectionForeground#E2E2EC
peekViewTitle.background#27283F
peekViewTitleDescription.foreground#A0A0C2
peekViewTitleLabel.foreground#C1C1D7
pickerGroup.border#4F4F7D
pickerGroup.foreground#7F7FAC
ports.iconRunningProcessForeground#85D483
progressBar.background#C1C1D7
quickInput.background#373758
quickInput.border#3F3F64
quickInput.foreground#C1C1D7
quickInputList.focusBackground#474771
quickInputList.focusForeground#E2E2EC
quickInputList.focusHighlightForeground#FFADDC
quickInputList.focusIconForeground#E2E2EC
quickInputList.hoverBackground#474771
quickInputTitle.background#373758
scrollbar.shadow#2F2F4B
scrollbarSlider.activeBackground#56568a80
scrollbarSlider.background#56568a73
scrollbarSlider.hoverBackground#56568a80
searchEditor.findMatchBackground#373758
searchEditor.findMatchBorder#3F3F64
selection.background#474771
settings.checkboxBackground#27283F
settings.checkboxBorder#373758
settings.checkboxForeground#C1C1D7
settings.dropdownBackground#27283F
settings.dropdownBorder#373758
settings.dropdownForeground#C1C1D7
settings.dropdownListBorder#373758
settings.headerForeground#E2E2EC
settings.modifiedItemIndicator#C1C1D7
settings.numberInputBackground#27283F
settings.numberInputBorder#373758
settings.numberInputForeground#C1C1D7
settings.textInputBackground#27283F
settings.textInputBorder#373758
settings.textInputForeground#C1C1D7
sideBar.background#27283F
sideBar.border#373758
sideBar.dropBackground#27283fcc
sideBar.foreground#A0A0C2
sideBarSectionHeader.background#27283F
sideBarSectionHeader.border#373758
sideBarSectionHeader.foreground#A0A0C2
sideBarTitle.foreground#A0A0C2
statusBar.background#2F2F4B
statusBar.border#3F3F64
statusBar.debuggingBackground#2F2F4B
statusBar.debuggingBorder#3F3F64
statusBar.debuggingForeground#A0A0C2
statusBar.focusBorder#ffaddc80
statusBar.foreground#A0A0C2
statusBar.noFolderBackground#2F2F4B
statusBar.noFolderBorder#3F3F64
statusBar.noFolderForeground#A0A0C2
statusBarItem.activeBackground#373758
statusBarItem.focusBorder#FFADDC
statusBarItem.hoverBackground#373758
statusBarItem.hoverForeground#E2E2EC
statusBarItem.prominentBackground#373758
statusBarItem.prominentForeground#1C1D2D
statusBarItem.prominentHoverBackground#373758
statusBarItem.remoteBackground#373758
statusBarItem.remoteForeground#C1C1D7
surface.border#3F3F64
symbolIcon.arrayForeground#F0D2A8
symbolIcon.booleanForeground#a0b7f6
symbolIcon.classForeground#F0D2A8
symbolIcon.colorForeground#FFADDC
symbolIcon.constantForeground#85D483
symbolIcon.constructorForeground#A57BF4
symbolIcon.enumeratorForeground#F0D2A8
symbolIcon.enumeratorMemberForeground#a0b7f6
symbolIcon.eventForeground#7F7FAC
symbolIcon.fieldForeground#F0D2A8
symbolIcon.fileForeground#F0D2A8
symbolIcon.folderForeground#F0D2A8
symbolIcon.functionForeground#A57BF4
symbolIcon.interfaceForeground#F0D2A8
symbolIcon.keyForeground#a0b7f6
symbolIcon.keywordForeground#CCB4F9
symbolIcon.methodForeground#A57BF4
symbolIcon.moduleForeground#E2E2EC
symbolIcon.namespaceForeground#E2E2EC
symbolIcon.nullForeground#a0b7f6
symbolIcon.numberForeground#85D483
symbolIcon.objectForeground#F0D2A8
symbolIcon.operatorForeground#FFADDC
symbolIcon.packageForeground#F0D2A8
symbolIcon.propertyForeground#F0D2A8
symbolIcon.referenceForeground#a0b7f6
symbolIcon.snippetForeground#a0b7f6
symbolIcon.stringForeground#FFADDC
symbolIcon.structForeground#F0D2A8
symbolIcon.textForeground#FFADDC
symbolIcon.typeParameterForeground#FFADDC
symbolIcon.unitForeground#a0b7f6
symbolIcon.variableForeground#F0D2A8
tab.activeBackground#2F2F4B
tab.activeBorder#3F3F64
tab.activeBorderTop#3F3F64
tab.activeForeground#E2E2EC
tab.activeModifiedBorder#3F3F64
tab.border#3F3F64
tab.hoverBackground#2F2F4B
tab.hoverForeground#E2E2EC
tab.inactiveBackground#2F2F4B
tab.inactiveForeground#C1C1D7
tab.inactiveModifiedBorder#3F3F64
tab.lastPinnedBorder#3F3F64
tab.selectedBackground#373758
tab.selectedBorderTop#FFADDC
tab.selectedForeground#E2E2EC
tab.unfocusedActiveBackground#2F2F4B
tab.unfocusedActiveBorder#3F3F64
tab.unfocusedActiveBorderTop#3F3F64
tab.unfocusedActiveForeground#C1C1D7
tab.unfocusedActiveModifiedBorder#3F3F64
tab.unfocusedHoverBackground#2F2F4B
tab.unfocusedHoverBorder#3F3F64
tab.unfocusedInactiveBackground#2F2F4B
tab.unfocusedInactiveForeground#A0A0C2
tab.unfocusedInactiveModifiedBorder#3F3F64
terminal.ansiBlack#3F3F64
terminal.ansiBlue#a0b7f6
terminal.ansiBrightBlack#5E5E97
terminal.ansiBrightBlue#a0b7f6
terminal.ansiBrightCyan#67E8F9
terminal.ansiBrightGreen#85D483
terminal.ansiBrightMagenta#8C55F1
terminal.ansiBrightRed#FDD8DD
terminal.ansiBrightWhite#E2E2EC
terminal.ansiBrightYellow#F0D2A8
terminal.ansiCyan#67E8F9
terminal.ansiGreen#85D483
terminal.ansiMagenta#A57BF4
terminal.ansiRed#FBB1BB
terminal.ansiWhite#E2E2EC
terminal.ansiYellow#F2E3BF
terminal.background#27283F
terminal.border#373758
terminal.findMatchBackground#37375880
terminal.findMatchBorder#3F3F64
terminal.findMatchHighlightBackground#37375880
terminal.foreground#E2E2EC
terminal.inactiveSelectionBackground#ccb4f920
terminal.selectionBackground#ccb4f980
terminal.tab.activeBorder#FFADDC
terminalCursor.background#27283F
terminalCursor.foreground#E2E2EC
testing.iconErrored#FBB1BB
testing.iconFailed#FBB1BB
testing.iconPassed#85D483
testing.iconQueued#C1C1D7
testing.iconSkipped#F2E3BF
testing.iconUnset#A0A0C2
testing.message.info.decorationForeground#67E8F9
testing.peekBorder#373758
testing.peekHeaderBackground#2F2F4B
testing.runAction#85D483
textBlockQuote.background#27283F
textBlockQuote.border#a0b7f680
textCodeBlock.background#2F2F4B
textLink.activeForeground#FFADDC
textLink.foreground#FFADDC
textPreformat.background#2F2F4B
textPreformat.foreground#a0b7f6
textSeparator.foreground#C1C1D7
titleBar.activeBackground#2F2F4B
titleBar.activeForeground#A0A0C2
titleBar.border#373758
titleBar.inactiveBackground#27283F
titleBar.inactiveForeground#7F7FAC
toolbar.activeBackground#474771
toolbar.hoverBackground#474771
toolbar.hoverOutline#3F3F64
tree.indentGuidesStroke#3F3F64
walkThrough.embeddedEditorBackground#2F2F4B
welcomePage.background#2F2F4B
welcomePage.progress.foreground#FFADDC
welcomePage.tileBackground#373758
welcomePage.tileHoverBackground#373758
widget.border#3F3F64
widget.shadow#27283f80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
italic, markup.italic.markdown	#CCB4F9
bold, markup.bold.markdown	#CCB4F9	bold
comment, comment.line.double-slash	#7F7FAC
keyword.control, storage.modifier	—
variable.language	#FFADDC
markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file	#a0b7f6	—
markup.deleted.diff	#FBB1BB	—
markup.inserted.diff	#FFADDC	—
string	#FFD6ED	—
string.quoted	#FFD6ED
support.constant.math	#C1C1D7	—
constant.numeric, constant.character.numeric	#FFADDC
keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.unit.em.css, keyword.other.unit.rem.css	#FFADDC	—
constant.language, punctuation.definition.constant	#C1C1D7	—
constant.character, constant.other	#E2E2EC	—
constant.language.null, constant.language.undefined	#FBB1BB	—
constant.character.escape	#CCB4F9	—
string.regexp, string.regexp keyword.other	#a0b7f6	—
meta.function punctuation.separator.comma	#CCB4F9	—
variable	#C1C1D7	—
punctuation.accessor	#CCB4F9
keyword	#CCB4F9
storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx	#FFADDC
storage.type	#FFADDC
storage.type.function.arrow.js	—
entity.name.class, meta.class entity.name.type.class, meta.class entity.name.type.class.js	#E2E2EC	—
entity.other.inherited-class	#E2E2EC	—
punctuation.definition.tag, meta.tag	#CCB4F9	—
entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, meta.tag.js, meta.tag.tsx, meta.tag.html	#FFADDC
entity.name.tag.custom	#C1C1D7	—
support.constant.meta.property-value	#FFADDC	—
support.type, support.class	#E2E2EC	—
entity.name.type, entity.name.namespace, entity.name.module	#E2E2EC	—
support.variable.dom	#C1C1D7	—
invalid	#FBB1BB	—
invalid.deprecated	#FBB1BB	—
keyword.operator	#CCB4F9
keyword.operator.new	#CCB4F9	—
keyword.operator.relational	#CCB4F9
keyword.operator.arithmetic	#CCB4F9	—
keyword.operator.bitwise	#CCB4F9	—
keyword.operator.increment	#CCB4F9	—
keyword.operator.ternary	#CCB4F9	—
object	#E2E2EC	—
meta.brace	#CCB4F9
meta.delimiter.period	#CCB4F9
constant.language.boolean	#FBB1BB	—
object.comma	#CCB4F9	—
variable.parameter.function	#E2E2EC
support.type.vendor.property-name, support.type.property-name	#E2E2EC
support.constant.vendor.property-value, meta.property-list entity.name.tag	#E2E2EC
meta.property-list entity.name.tag.reference	#E2E2EC	—
constant.other.color.rgb-value punctuation.definition.constant	#CCB4F9	—
constant.other.color	#FFD6ED	—
keyword.other.unit	#FFADDC	—
meta.selector	#CCB4F9
entity.other.attribute-name.id	#FFADDC	—
meta.property-name	#E2E2EC	—
entity.name.tag.doctype, meta.tag.sgml.doctype	#CCB4F9
punctuation.definition.parameters	#CCB4F9	—
punctuation.definition.string	#FFD6ED
keyword.control.operator	#CCB4F9	—
keyword.operator.logical	#CCB4F9
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance	#C1C1D7	—
entity.name.function	#a0b7f6
keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx	#FFADDC	—
keyword.control.conditional.js, keyword.control.conditional.ts, keyword.control.switch.js, keyword.control.switch.ts	#CCB4F9	—
support.constant	#FFADDC	—
keyword.other.special-method, keyword.other.new, keyword.other.debugger, keyword.other	#FFADDC	—
support.function	#a0b7f6	—
invalid.broken	#FBB1BB	—
invalid.unimplemented	#FBB1BB	—
invalid.illegal	#FBB1BB	—
support.variable.property	#FFADDC	—
variable.function	#a0b7f6	—
variable.interpolation	#FFADDC	—
meta.function-call	#a0b7f6	—
meta.array, meta.object	#E2E2EC	—
punctuation.section.embedded	#CCB4F9	—
punctuation.terminator.expression, punctuation.definition.arguments, punctuation.definition.array, punctuation.section.array, punctuation.separator.parameter, punctuation.separator.key-value, punctuation.section.function.begin.bracket.round, punctuation.section.function.end.bracket.round, punctuation.destructuring	#CCB4F9	—
punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments, punctuation.definition.list	#CCB4F9	—
string.template meta.template.expression	#CCB4F9	—
string.template punctuation.definition.string	#FFD6ED	—
quote	#7F7FAC
raw	#7F7FAC	—
variable.parameter.function.coffee	#C1C1D7	—
variable.assignment.coffee	#C1C1D7	—
variable.other.readwrite.cs	#C1C1D7	—
entity.name.type.class.cs, storage.type.cs	#a0b7f6	—
entity.name.type.namespace.cs	#C1C1D7	—
entity.name.tag.css, entity.name.tag.custom.css, support.constant.property-value.css	#E2E2EC
entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass	#FFADDC	—
meta.attribute-selector.css entity.other.attribute-name.attribute	#E2E2EC	—
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir	#a0b7f6	—
source.elixir entity.name.function	#CCB4F9	—
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir	#a0b7f6	—
source.elixir punctuation.definition.string	#FFD6ED	—
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir	#CCB4F9	—
source.elixir punctuation.binary.elixir	#CCB4F9
constant.keyword.clojure	#E2E2EC	—
source.go meta.function-call.go	#a0b7f6	—
source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go	#CCB4F9	—
source.go constant.language.go	#FBB1BB	—
source.go constant.other.placeholder.go	#E2E2EC	—
entity.name.function.preprocessor.cpp, entity.scope.name.cpp	#FFADDC	—
meta.namespace-block.cpp	#F2E3BF	—
storage.type.language.primitive.cpp	#E2E2EC	—
meta.preprocessor.macro.cpp	#C1C1D7	—
variable.other.readwrite.powershell	#a0b7f6	—
support.function.powershell	#FFADDC	—
entity.other.attribute-name.id.html	#CCB4F9	—
punctuation.definition.tag.html	#CCB4F9	—
meta.tag.sgml.doctype.html	#CCB4F9
meta.method.declaration storage.type.js	#FFADDC	—
terminator.js	#CCB4F9	—
meta.js punctuation.definition.js	#CCB4F9	—
entity.name.type.instance.jsdoc, entity.name.type.instance.phpdoc	#E2E2EC	—
variable.other.jsdoc, variable.other.phpdoc	#C1C1D7	—
variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other	#C1C1D7	—
variable.parameter.function.js	#E2E2EC	—
variable.other.object.jsx	#C1C1D7	—
variable.object.property.jsx	#E2E2EC	—
variable.js, variable.other.js	#C1C1D7	—
entity.name.type.js, entity.name.type.module.js	#E2E2EC
support.class.js	#C1C1D7	—
support.constant.json	#C1C1D7	—
meta.structure.dictionary.value.json string.quoted.double, string.quoted.double.json.comments, string.quoted.double.json punctuation.definition.string.json	#FFD6ED	—
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json	#CCB4F9	—
meta.structure.dictionary.json meta.structure.dictionary.value constant.language	#FBB1BB	—
variable.other.object.js	#E2E2EC	—
variable.other.ruby	#C1C1D7	—
entity.name.type.class.ruby	#E2E2EC	—
constant.language.symbol.hashkey.ruby	#E2E2EC	—
constant.language.symbol.ruby	#E2E2EC	—
entity.name.tag.less	#FFADDC	—
keyword.other.unit.css	#FFADDC	—
meta.attribute-selector.less entity.other.attribute-name.attribute	#FFADDC	—
markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown	#a0b7f6	—
markup.quote.markdown	#7F7FAC
markup.inline.raw.markdown	#7F7FAC	—
markup.underline.link.markdown, markup.underline.link.image.markdown	#a0b7f6	—
string.other.link.title.markdown, string.other.link.description.markdown	#C1C1D7	—
punctuation.definition.string.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, meta.link.inline.markdown punctuation.definition.string	#a0b7f6	—
punctuation.definition.metadata.markdown	#CCB4F9	—
beginning.punctuation.definition.list.markdown	#a0b7f6	—
markup.inline.raw.string.markdown	#CCB4F9	—
variable.other.php	#C1C1D7	—
variable.other.property.php	#E2E2EC	—
support.class.php	#F2E3BF	—
meta.function-call.php punctuation	#C1C1D7	—
variable.other.global.php	#CCB4F9	—
variable.other.global.php punctuation.definition.variable	#CCB4F9	—
constant.language.python	#FBB1BB	—
variable.parameter.function.python	#E2E2EC	—
meta.function-call.python, meta.function-call.generic.python	#a0b7f6	—
punctuation.python	#CCB4F9	—
entity.name.function.decorator.python	#CCB4F9	—
source.python variable.language.special	#a0b7f6	—
variable.scss, variable.sass, variable.parameter.url.scss, variable.parameter.url.sass	#CCB4F9	—
source.css.scss meta.at-rule variable, source.css.sass meta.at-rule variable	#C1C1D7	—
meta.attribute-selector.scss entity.other.attribute-name.attribute, meta.attribute-selector.sass entity.other.attribute-name.attribute	#FFADDC	—
entity.name.tag.scss, entity.name.tag.sass	#FFADDC	—
keyword.other.unit.scss, keyword.other.unit.sass	#FFADDC	—
constant.other.table-name.sql, constant.other.database-name.sql	#E2E2EC	—
entity.name.command.shell	#a0b7f6	—
constant.other.option.shell	#E2E2EC	—
variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts	#E2E2EC	—
variable.object.property.ts, variable.object.property.tsx	#E2E2EC	—
punctuation.definition.binding-pattern.object	#CCB4F9	—
punctuation.definition.binding-pattern.array	#CCB4F9	—
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts	#CCB4F9	—
entity.name.type.ts	#E2E2EC	—
support.class.node.ts, support.class.node.tsx	#FFADDC	—
meta.type.parameters.ts entity.name.type, meta.type.parameters.tsx entity.name.type	#E2E2EC	—
meta.import.ts punctuation.definition.block, meta.import.tsx punctuation.definition.block, meta.export.ts punctuation.definition.block, meta.export.tsx punctuation.definition.block	#CCB4F9	—
meta.decorator punctuation.decorator.ts, meta.decorator punctuation.decorator.tsx	#a0b7f6	—
entity.name.tag.yaml	#FFADDC	—
variable.other.anchor.yaml, variable.other.alias.yaml	#CCB4F9	—
support.class.component, support.class.component.tsx	#FFADDC
meta.jsx.children, meta.jsx.children.tsx	#E2E2EC	—
meta.class entity.name.type.class.tsx	#E2E2EC	—
entity.name.type.tsx, entity.name.type.module.tsx	#E2E2EC	—
meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx	#a0b7f6	—
keyword.operator.type.annotation	#CCB4F9	—
variable.parameter	#E2E2EC	—
variable.other.property	#E2E2EC	—
variable.other.object.property	#E2E2EC	—
variable.other.readwrite.alias	#E2E2EC	—
variable.other.readwrite.js	#E2E2EC
meta.jsx.children.js	#E2E2EC	—
variable.other.constant	#E2E2EC	—
variable.object.property.js	#E2E2EC	—
constant.numeric.decimal	#FFADDC	—
constant.language.boolean.true, constant.language.boolean.false	#FBB1BB	—
string.quoted.single	#FFD6ED	—
string.quoted.double	#FFD6ED	—
entity.other.attribute-name	#CCB4F9	—
keyword.control.conditional	#CCB4F9	—
meta.brace.round	#CCB4F9	—
meta.brace.square	#CCB4F9	—
punctuation.separator.comma	#CCB4F9	—
punctuation.definition.string.begin	#FFD6ED	—
punctuation.definition.string.end	#FFD6ED	—
punctuation.terminator.statement, punctuation.terminator.rule.scss	#CCB4F9	—
keyword.operator.assignment	#CCB4F9
punctuation.section.embedded.begin	#CCB4F9	—
punctuation.section.embedded.end	#CCB4F9	—
support.class.console	#E2E2EC	—
support.class.component.js	#FFADDC	—
punctuation.definition.tag.begin	#CCB4F9	—
punctuation.definition.template-expression.begin	#CCB4F9	—
punctuation.definition.template-expression.end	#CCB4F9	—
string.template	#FFD6ED	—
punctuation.definition.string.template.begin	#FFD6ED	—
punctuation.definition.string.template.end	#FFD6ED	—
punctuation.definition.tag.end	#CCB4F9	—
entity.name.tag.js	#FFADDC	—
support.type.property-name.json, support.type.property-name.json.comments	#E2E2EC	—
punctuation.definition.parameters.begin	#CCB4F9	—
punctuation.definition.parameters.end	#CCB4F9	—
punctuation.definition.block	#CCB4F9	—
token.info-token	#a0b7f6	—
token.warn-token	#F2E3BF	—
token.error-token	#FBB1BB	—
token.debug-token	#CCB4F9	—