Quattro Theme

Name: Quattro Theme
Author: Alexander Zeitler

Publisher: Alexander ZeitlerThemes in package: 1

Dark color theme based on the Audi Sport quattro rally livery: near-black blue-grey background, cream foreground, accents in olive, brass and warm gold

Open in VS Code GitHub

VS Code preview

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

Quattro Theme — Quattro

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#808b4020
activityBar.activeBorder#808b40
activityBar.background#172532
activityBar.border#172532
activityBar.dropBorder#808b40
activityBar.foreground#f2eccd
activityBar.inactiveForeground#7b8a8e
activityBarBadge.background#808b40
activityBarBadge.foreground#0d1319
badge.background#808b40
badge.foreground#0d1319
banner.background#808b4020
banner.foreground#f2eccd
banner.iconForeground#808b40
breadcrumb.activeSelectionForeground#f2eccd
breadcrumb.background#0d1319
breadcrumb.focusForeground#f2eccd
breadcrumb.foreground#7b8a8e
breadcrumbPicker.background#172532
button.background#808b40
button.border#808b4020
button.foreground#0d1319
button.hoverBackground#808b40
button.secondaryBackground#172532
button.secondaryForeground#f2eccd
button.secondaryHoverBackground#7b8a8e40
charts.blue#808b40
charts.foreground#f2eccd
charts.green#dbc66f
charts.lines#7b8a8e
charts.orange#c2a36f
charts.purple#e0a154
charts.red#cf5a44
charts.yellow#fff38a
chat.requestBackground#172532
chat.requestBorder#7b8a8e
checkbox.background#172532
checkbox.border#7b8a8e
checkbox.foreground#f2eccd
checkbox.selectBackground#808b40
checkbox.selectBorder#808b40
commandCenter.activeBackground#7b8a8e
commandCenter.activeBorder#808b40
commandCenter.activeForeground#f2eccd
commandCenter.background#172532
commandCenter.border#7b8a8e
commandCenter.debuggingBackground#fff38a20
commandCenter.foreground#f2eccd
commandCenter.inactiveBorder#7b8a8e
commandCenter.inactiveForeground#7b8a8e
commentsView.resolvedIcon#dbc66f
commentsView.unresolvedIcon#fff38a
debugConsole.errorForeground#cf5a44
debugConsole.infoForeground#808b40
debugConsole.sourceForeground#f2eccd
debugConsole.warningForeground#fff38a
debugConsoleInputIcon.foreground#808b40
debugExceptionWidget.background#cf5a4420
debugExceptionWidget.border#cf5a44
debugIcon.breakpointCurrentStackframeForeground#fff38a
debugIcon.breakpointDisabledForeground#7b8a8e
debugIcon.breakpointForeground#cf5a44
debugIcon.breakpointStackframeForeground#dbc66f
debugIcon.breakpointUnverifiedForeground#fff38a
debugIcon.continueForeground#dbc66f
debugIcon.disconnectForeground#cf5a44
debugIcon.pauseForeground#fff38a
debugIcon.restartForeground#dbc66f
debugIcon.startForeground#dbc66f
debugIcon.stepBackForeground#fff38a
debugIcon.stepIntoForeground#ebe36c
debugIcon.stepOutForeground#e0a154
debugIcon.stepOverForeground#808b40
debugIcon.stopForeground#cf5a44
debugTokenExpression.boolean#c2a36f
debugTokenExpression.error#cf5a44
debugTokenExpression.name#e0a154
debugTokenExpression.number#c2a36f
debugTokenExpression.string#dbc66f
debugTokenExpression.value#f2eccd
debugToolBar.background#172532
debugToolBar.border#7b8a8e
debugView.exceptionLabelBackground#cf5a44
debugView.exceptionLabelForeground#0d1319
debugView.stateLabelBackground#808b4030
debugView.stateLabelForeground#f2eccd
debugView.valueChangedHighlight#ebe36c40
descriptionForeground#7b8a8e
diffEditor.diagonalFill#7b8a8e30
diffEditor.insertedLineBackground#dbc66f15
diffEditor.insertedTextBackground#dbc66f20
diffEditor.insertedTextBorder#dbc66f00
diffEditor.move.border#ebe36c80
diffEditor.moveActive.border#ebe36c
diffEditor.removedLineBackground#cf5a4415
diffEditor.removedTextBackground#cf5a4420
diffEditor.removedTextBorder#cf5a4400
diffEditor.unchangedCodeBackground#0d131940
diffEditor.unchangedRegionBackground#0d1319
diffEditor.unchangedRegionForeground#7b8a8e
diffEditorGutter.insertedLineBackground#dbc66f30
diffEditorGutter.removedLineBackground#cf5a4430
diffEditorOverview.insertedForeground#dbc66f80
diffEditorOverview.removedForeground#cf5a4480
disabledForeground#b7c3b9
dropdown.background#172532
dropdown.border#7b8a8e
dropdown.foreground#f2eccd
dropdown.listBackground#172532
editor.background#0d1319
editor.findMatchBackground#fff38a40
editor.findMatchBorder#fff38a
editor.findMatchHighlightBackground#fff38a25
editor.findMatchHighlightBorder#fff38a60
editor.findRangeHighlightBackground#808b4015
editor.findRangeHighlightBorder#808b4030
editor.foreground#f2eccd
editor.hoverHighlightBackground#808b4020
editor.inactiveSelectionBackground#f2eccd30
editor.lineHighlightBackground#172532
editor.lineHighlightBorder#172532
editor.rangeHighlightBackground#808b4010
editor.rangeHighlightBorder#808b4020
editor.selectionBackground#f2eccd60
editor.selectionForeground#0d1319
editor.selectionHighlightBackground#808b4020
editor.selectionHighlightBorder#808b4040
editor.snippetFinalTabstopHighlightBackground#dbc66f20
editor.snippetFinalTabstopHighlightBorder#dbc66f40
editor.snippetTabstopHighlightBackground#808b4020
editor.snippetTabstopHighlightBorder#808b4040
editor.symbolHighlightBackground#808b4020
editor.symbolHighlightBorder#808b4040
editor.wordHighlightBackground#808b4020
editor.wordHighlightBorder#808b4040
editor.wordHighlightStrongBackground#808b4030
editor.wordHighlightStrongBorder#808b4060
editor.wordHighlightTextBackground#808b4015
editor.wordHighlightTextBorder#808b4030
editorBracketHighlight.foreground1#808b40
editorBracketHighlight.foreground2#fff38a
editorBracketHighlight.foreground3#dbc66f
editorBracketHighlight.foreground4#ebe36c
editorBracketHighlight.foreground5#e0a154
editorBracketHighlight.foreground6#c2a36f
editorBracketHighlight.unexpectedBracket.foreground#cf5a44
editorBracketMatch.background#808b4030
editorBracketMatch.border#808b40
editorBracketPairGuide.activeBackground1#808b4060
editorBracketPairGuide.activeBackground2#fff38a60
editorBracketPairGuide.activeBackground3#dbc66f60
editorBracketPairGuide.activeBackground4#ebe36c60
editorBracketPairGuide.activeBackground5#e0a15460
editorBracketPairGuide.activeBackground6#c2a36f60
editorBracketPairGuide.background1#808b4030
editorBracketPairGuide.background2#fff38a30
editorBracketPairGuide.background3#dbc66f30
editorBracketPairGuide.background4#ebe36c30
editorBracketPairGuide.background5#e0a15430
editorBracketPairGuide.background6#c2a36f30
editorCodeLens.foreground#7b8a8e
editorCommentsWidget.rangeActiveBackground#808b4020
editorCommentsWidget.rangeBackground#808b4010
editorCommentsWidget.resolvedBorder#dbc66f
editorCommentsWidget.unresolvedBorder#fff38a
editorCursor.background#0d1319
editorCursor.foreground#f2eccd
editorError.background#cf5a4415
editorError.border#cf5a4400
editorError.foreground#cf5a44
editorGhostText.background#7b8a8e10
editorGhostText.border#7b8a8e00
editorGhostText.foreground#7b8a8e
editorGroup.border#7b8a8e40
editorGroup.dropBackground#808b4020
editorGroup.dropIntoPromptBackground#172532
editorGroup.dropIntoPromptBorder#808b40
editorGroup.dropIntoPromptForeground#f2eccd
editorGroup.emptyBackground#0d1319
editorGroupHeader.border#172532
editorGroupHeader.noTabsBackground#172532
editorGroupHeader.tabsBackground#172532
editorGroupHeader.tabsBorder#172532
editorGutter.addedBackground#dbc66f
editorGutter.background#0d1319
editorGutter.commentGlyphForeground#808b40
editorGutter.commentRangeForeground#7b8a8e
editorGutter.commentUnresolvedGlyphForeground#fff38a
editorGutter.deletedBackground#cf5a44
editorGutter.foldingControlForeground#7b8a8e
editorGutter.modifiedBackground#c2a36f
editorHint.border#ebe36c00
editorHint.foreground#ebe36c
editorHoverWidget.background#172532
editorHoverWidget.border#7b8a8e
editorHoverWidget.foreground#f2eccd
editorHoverWidget.highlightForeground#808b40
editorHoverWidget.statusBarBackground#7b8a8e30
editorIndentGuide.activeBackground1#7b8a8e80
editorIndentGuide.activeBackground2#7b8a8e80
editorIndentGuide.activeBackground3#7b8a8e80
editorIndentGuide.activeBackground4#7b8a8e80
editorIndentGuide.activeBackground5#7b8a8e80
editorIndentGuide.activeBackground6#7b8a8e80
editorIndentGuide.background1#7b8a8e30
editorIndentGuide.background2#7b8a8e30
editorIndentGuide.background3#7b8a8e30
editorIndentGuide.background4#7b8a8e30
editorIndentGuide.background5#7b8a8e30
editorIndentGuide.background6#7b8a8e30
editorInfo.background#808b4015
editorInfo.border#808b4000
editorInfo.foreground#808b40
editorInlayHint.background#7b8a8e30
editorInlayHint.foreground#7b8a8e
editorInlayHint.parameterBackground#ffb24915
editorInlayHint.parameterForeground#ffb249
editorInlayHint.typeBackground#fff38a15
editorInlayHint.typeForeground#fff38a
editorLightBulb.foreground#fff38a
editorLightBulbAi.foreground#e0a154
editorLightBulbAutoFix.foreground#dbc66f
editorLineNumber.activeForeground#f2eccd
editorLineNumber.dimmedForeground#7b8a8e80
editorLineNumber.foreground#7b8a8e
editorLink.activeForeground#808b40
editorMarkerNavigation.background#172532
editorMarkerNavigationError.background#cf5a4420
editorMarkerNavigationError.headerBackground#cf5a4415
editorMarkerNavigationInfo.background#808b4020
editorMarkerNavigationInfo.headerBackground#808b4015
editorMarkerNavigationWarning.background#fff38a20
editorMarkerNavigationWarning.headerBackground#fff38a15
editorOverviewRuler.addedForeground#dbc66f80
editorOverviewRuler.background#0d1319
editorOverviewRuler.border#7b8a8e20
editorOverviewRuler.bracketMatchForeground#808b40
editorOverviewRuler.commonContentForeground#7b8a8e
editorOverviewRuler.currentContentForeground#ebe36c
editorOverviewRuler.deletedForeground#cf5a4480
editorOverviewRuler.errorForeground#cf5a44
editorOverviewRuler.findMatchForeground#fff38a80
editorOverviewRuler.incomingContentForeground#dbc66f
editorOverviewRuler.infoForeground#808b40
editorOverviewRuler.modifiedForeground#c2a36f80
editorOverviewRuler.rangeHighlightForeground#808b4060
editorOverviewRuler.selectionHighlightForeground#808b4080
editorOverviewRuler.warningForeground#fff38a
editorOverviewRuler.wordHighlightForeground#808b4060
editorOverviewRuler.wordHighlightStrongForeground#808b4080
editorOverviewRuler.wordHighlightTextForeground#808b4040
editorPane.background#0d1319
editorRuler.foreground#7b8a8e40
editorStickyScroll.background#172532
editorStickyScrollHover.background#7b8a8e40
editorSuggestWidget.background#172532
editorSuggestWidget.border#7b8a8e
editorSuggestWidget.focusHighlightForeground#808b40
editorSuggestWidget.foreground#f2eccd
editorSuggestWidget.highlightForeground#808b40
editorSuggestWidget.selectedBackground#808b4030
editorSuggestWidget.selectedForeground#f2eccd
editorSuggestWidget.selectedIconForeground#f2eccd
editorSuggestWidgetStatus.foreground#7b8a8e
editorUnnecessaryCode.border#7b8a8e
editorUnnecessaryCode.opacity#0d131980
editorWarning.background#fff38a15
editorWarning.border#fff38a00
editorWarning.foreground#fff38a
editorWatermark.foreground#7b8a8e
editorWhitespace.foreground#7b8a8e60
editorWidget.background#172532
editorWidget.border#7b8a8e
editorWidget.foreground#f2eccd
editorWidget.resizeBorder#808b40
errorForeground#cf5a44
extensionBadge.remoteBackground#808b40
extensionBadge.remoteForeground#0d1319
extensionButton.background#7b8a8e
extensionButton.foreground#f2eccd
extensionButton.hoverBackground#7b8a8e80
extensionButton.prominentBackground#808b40
extensionButton.prominentForeground#0d1319
extensionButton.prominentHoverBackground#808b4080
extensionButton.separator#0d1319
extensionIcon.preReleaseForeground#fff38a
extensionIcon.sponsorForeground#e0a154
extensionIcon.starForeground#fff38a
extensionIcon.verifiedForeground#ebe36c
focusBorder#808b4080
foreground#f2eccd
gitDecoration.addedResourceForeground#dbc66f
gitDecoration.conflictingResourceForeground#fff38a
gitDecoration.deletedResourceForeground#cf5a44
gitDecoration.ignoredResourceForeground#7b8a8e
gitDecoration.modifiedResourceForeground#c2a36f
gitDecoration.renamedResourceForeground#ebe36c
gitDecoration.stageDeletedResourceForeground#cf5a44
gitDecoration.stageModifiedResourceForeground#c2a36f
gitDecoration.submoduleResourceForeground#e0a154
gitDecoration.untrackedResourceForeground#dbc66f
icon.foreground#f2eccd
inlineChat.background#172532
inlineChat.border#7b8a8e
inlineChat.shadow#0d131980
inlineChatDiff.inserted#dbc66f20
inlineChatDiff.removed#cf5a4420
inlineChatInput.background#0d1319
inlineChatInput.border#7b8a8e
inlineChatInput.focusBorder#808b40
inlineChatInput.placeholderForeground#7b8a8e
input.background#172532
input.border#7b8a8e
input.foreground#f2eccd
input.placeholderForeground#7b8a8e
inputOption.activeBackground#808b4040
inputOption.activeBorder#808b40
inputOption.activeForeground#f2eccd
inputOption.hoverBackground#7b8a8e
inputValidation.errorBackground#cf5a4420
inputValidation.errorBorder#cf5a44
inputValidation.errorForeground#cf5a44
inputValidation.infoBackground#808b4020
inputValidation.infoBorder#808b40
inputValidation.infoForeground#808b40
inputValidation.warningBackground#fff38a20
inputValidation.warningBorder#fff38a
inputValidation.warningForeground#fff38a
keybindingLabel.background#7b8a8e40
keybindingLabel.border#7b8a8e
keybindingLabel.bottomBorder#7b8a8e
keybindingLabel.foreground#f2eccd
keybindingTable.headerBackground#172532
keybindingTable.rowsBackground#0d131940
list.activeSelectionBackground#808b4030
list.activeSelectionForeground#f2eccd
list.activeSelectionIconForeground#f2eccd
list.dropBackground#808b4020
list.errorForeground#cf5a44
list.filterMatchBackground#808b4030
list.filterMatchBorder#808b40
list.focusBackground#808b4020
list.focusForeground#f2eccd
list.focusOutline#808b4060
list.highlightForeground#808b40
list.hoverBackground#7b8a8e30
list.hoverForeground#f2eccd
list.inactiveFocusBackground#7b8a8e40
list.inactiveFocusOutline#7b8a8e
list.inactiveSelectionBackground#7b8a8e40
list.inactiveSelectionForeground#f2eccd
list.invalidItemForeground#cf5a44
list.warningForeground#fff38a
listFilterWidget.background#172532
listFilterWidget.noMatchesOutline#cf5a44
listFilterWidget.outline#808b40
menu.background#172532
menu.border#7b8a8e
menu.foreground#f2eccd
menu.selectionBackground#808b4030
menu.selectionBorder#808b4000
menu.selectionForeground#f2eccd
menu.separatorBackground#7b8a8e
menubar.selectionBackground#808b4030
menubar.selectionBorder#808b4000
menubar.selectionForeground#f2eccd
merge.border#7b8a8e
merge.commonContentBackground#7b8a8e20
merge.commonHeaderBackground#7b8a8e40
merge.currentContentBackground#ebe36c20
merge.currentHeaderBackground#ebe36c40
merge.incomingContentBackground#dbc66f20
merge.incomingHeaderBackground#dbc66f40
mergeEditor.change.background#808b4015
mergeEditor.change.word.background#808b4030
mergeEditor.changeBase.background#7b8a8e20
mergeEditor.changeBase.word.background#7b8a8e40
mergeEditor.conflict.handled.minimapOverViewRuler#dbc66f
mergeEditor.conflict.handledUnfocused.border#dbc66f80
mergeEditor.conflict.unhandled.minimapOverViewRuler#fff38a
mergeEditor.conflict.unhandledUnfocused.border#fff38a80
mergeEditor.conflictingLines.background#fff38a15
minimap.background#0d1319
minimap.errorHighlight#cf5a44
minimap.findMatchHighlight#808b4080
minimap.foregroundOpacity#0d1319c0
minimap.selectionHighlight#808b4060
minimap.selectionOccurrenceHighlight#808b4040
minimap.warningHighlight#fff38a
minimapGutter.addedBackground#dbc66f
minimapGutter.deletedBackground#cf5a44
minimapGutter.modifiedBackground#c2a36f
minimapSlider.activeBackground#7b8a8e60
minimapSlider.background#7b8a8e20
minimapSlider.hoverBackground#7b8a8e40
notebook.cellBorderColor#7b8a8e40
notebook.cellEditorBackground#0d1319
notebook.cellHoverBackground#0d131940
notebook.cellInsertionIndicator#808b40
notebook.cellStatusBarItemHoverBackground#7b8a8e
notebook.cellToolbarSeparator#7b8a8e
notebook.editorBackground#0d1319
notebook.focusedCellBackground#0d131960
notebook.focusedCellBorder#808b40
notebook.focusedEditorBorder#808b40
notebook.inactiveFocusedCellBorder#7b8a8e
notebook.inactiveSelectedCellBorder#7b8a8e
notebook.outputContainerBackgroundColor#172532
notebook.outputContainerBorderColor#7b8a8e40
notebook.selectedCellBackground#808b4015
notebook.selectedCellBorder#808b4040
notebook.symbolHighlightBackground#808b4020
notebookEditorOverviewRuler.runningCellForeground#808b40
notebookStatusErrorIcon.foreground#cf5a44
notebookStatusRunningIcon.foreground#808b40
notebookStatusSuccessIcon.foreground#dbc66f
notificationCenter.border#7b8a8e
notificationCenterHeader.background#172532
notificationCenterHeader.foreground#f2eccd
notificationLink.foreground#808b40
notifications.background#172532
notifications.border#7b8a8e
notifications.foreground#f2eccd
notificationsErrorIcon.foreground#cf5a44
notificationsInfoIcon.foreground#808b40
notificationsWarningIcon.foreground#fff38a
notificationToast.border#7b8a8e
outputView.background#0d1319
outputViewStickyScroll.background#172532
panel.background#0d1319
panel.border#7b8a8e40
panel.dropBorder#808b40
panelInput.border#7b8a8e
panelSection.border#7b8a8e40
panelSection.dropBackground#808b4020
panelSectionHeader.background#172532
panelSectionHeader.border#7b8a8e40
panelSectionHeader.foreground#f2eccd
panelTitle.activeBorder#808b40
panelTitle.activeForeground#f2eccd
panelTitle.inactiveForeground#7b8a8e
peekView.border#808b40
peekViewEditor.background#172532
peekViewEditor.matchHighlightBackground#fff38a30
peekViewEditor.matchHighlightBorder#fff38a
peekViewEditorGutter.background#172532
peekViewResult.background#0d1319
peekViewResult.fileForeground#f2eccd
peekViewResult.lineForeground#7b8a8e
peekViewResult.matchHighlightBackground#fff38a30
peekViewResult.selectionBackground#808b4030
peekViewResult.selectionForeground#f2eccd
peekViewTitle.background#172532
peekViewTitleDescription.foreground#7b8a8e
peekViewTitleLabel.foreground#f2eccd
pickerGroup.border#7b8a8e
pickerGroup.foreground#808b40
ports.iconRunningProcessForeground#808b40
problemsErrorIcon.foreground#cf5a44
problemsInfoIcon.foreground#808b40
problemsWarningIcon.foreground#fff38a
progressBar.background#808b40
quickInput.background#172532
quickInput.foreground#f2eccd
quickInputList.focusBackground#808b4030
quickInputList.focusForeground#f2eccd
quickInputList.focusIconForeground#f2eccd
quickInputTitle.background#172532
sash.hoverBorder#808b40
scrollbar.shadow#0d1319
scrollbarSlider.activeBackground#808b4080
scrollbarSlider.background#7b8a8e40
scrollbarSlider.hoverBackground#7b8a8e80
searchEditor.findMatchBackground#fff38a40
searchEditor.findMatchBorder#fff38a
selection.background#f2eccd80
settings.checkboxBackground#172532
settings.checkboxBorder#7b8a8e
settings.checkboxForeground#f2eccd
settings.dropdownBackground#172532
settings.dropdownBorder#7b8a8e
settings.dropdownForeground#f2eccd
settings.dropdownListBorder#7b8a8e
settings.focusedRowBackground#808b4010
settings.focusedRowBorder#808b4040
settings.headerBorder#7b8a8e
settings.headerForeground#f2eccd
settings.modifiedItemIndicator#808b40
settings.numberInputBackground#172532
settings.numberInputBorder#7b8a8e
settings.numberInputForeground#f2eccd
settings.rowHoverBackground#172532
settings.sashBorder#7b8a8e
settings.settingsHeaderHoverForeground#808b40
settings.textInputBackground#172532
settings.textInputBorder#7b8a8e
settings.textInputForeground#f2eccd
sideBar.background#172532
sideBar.border#172532
sideBar.dropBackground#808b4020
sideBar.foreground#f2eccd
sideBarSectionHeader.background#172532
sideBarSectionHeader.border#7b8a8e40
sideBarSectionHeader.foreground#f2eccd
sideBarTitle.foreground#f2eccd
statusBar.background#172532
statusBar.border#172532
statusBar.debuggingBackground#fff38a
statusBar.debuggingBorder#fff38a
statusBar.debuggingForeground#0d1319
statusBar.focusBorder#808b40
statusBar.foreground#f2eccd
statusBar.noFolderBackground#172532
statusBar.noFolderBorder#172532
statusBar.noFolderForeground#f2eccd
statusBarItem.activeBackground#7b8a8e
statusBarItem.compactHoverBackground#7b8a8e
statusBarItem.errorBackground#cf5a44
statusBarItem.errorForeground#0d1319
statusBarItem.errorHoverBackground#cf5a4480
statusBarItem.focusBorder#808b40
statusBarItem.hoverBackground#7b8a8e60
statusBarItem.hoverForeground#f2eccd
statusBarItem.prominentBackground#808b40
statusBarItem.prominentForeground#f2eccd
statusBarItem.prominentHoverBackground#808b4080
statusBarItem.remoteBackground#808b40
statusBarItem.remoteForeground#0d1319
statusBarItem.remoteHoverBackground#808b4080
statusBarItem.warningBackground#fff38a
statusBarItem.warningForeground#0d1319
statusBarItem.warningHoverBackground#fff38a80
symbolIcon.arrayForeground#c2a36f
symbolIcon.booleanForeground#c2a36f
symbolIcon.classForeground#fff38a
symbolIcon.colorForeground#ebe36c
symbolIcon.constantForeground#ffee63
symbolIcon.constructorForeground#808b40
symbolIcon.enumeratorForeground#fff38a
symbolIcon.enumeratorMemberForeground#c2a36f
symbolIcon.eventForeground#fff38a
symbolIcon.fieldForeground#f2eccd
symbolIcon.fileForeground#f2eccd
symbolIcon.folderForeground#f2eccd
symbolIcon.functionForeground#808b40
symbolIcon.interfaceForeground#fff38a
symbolIcon.keyForeground#ffb249
symbolIcon.keywordForeground#ffb249
symbolIcon.methodForeground#808b40
symbolIcon.moduleForeground#fff38a
symbolIcon.namespaceForeground#808b40
symbolIcon.nullForeground#c2a36f
symbolIcon.numberForeground#c2a36f
symbolIcon.objectForeground#fff38a
symbolIcon.operatorForeground#94a143
symbolIcon.packageForeground#fff38a
symbolIcon.propertyForeground#f2eccd
symbolIcon.referenceForeground#ffb249
symbolIcon.snippetForeground#dbc66f
symbolIcon.stringForeground#dbc66f
symbolIcon.structForeground#fff38a
symbolIcon.textForeground#f2eccd
symbolIcon.typeParameterForeground#fff38a
symbolIcon.unitForeground#c2a36f
symbolIcon.variableForeground#ffb249
tab.activeBackground#0d1319
tab.activeBorder#808b40
tab.activeBorderTop#808b40
tab.activeForeground#f2eccd
tab.activeModifiedBorder#fff38a
tab.border#172532
tab.hoverBackground#7b8a8e40
tab.hoverBorder#808b4040
tab.hoverForeground#f2eccd
tab.inactiveBackground#172532
tab.inactiveForeground#7b8a8e
tab.inactiveModifiedBorder#fff38a80
tab.lastPinnedBorder#7b8a8e
tab.unfocusedActiveBackground#0d1319
tab.unfocusedActiveBorder#7b8a8e
tab.unfocusedActiveBorderTop#7b8a8e
tab.unfocusedActiveForeground#f2eccd
tab.unfocusedActiveModifiedBorder#fff38a80
tab.unfocusedHoverBackground#7b8a8e40
tab.unfocusedInactiveForeground#7b8a8e
tab.unfocusedInactiveModifiedBorder#fff38a60
terminal.ansiBlack#0d1319
terminal.ansiBlue#808b40
terminal.ansiBrightBlack#7b8a8e
terminal.ansiBrightBlue#94a143
terminal.ansiBrightCyan#fff85e
terminal.ansiBrightGreen#f8dc67
terminal.ansiBrightMagenta#ffb249
terminal.ansiBrightRed#e07458
terminal.ansiBrightWhite#f5f1da
terminal.ansiBrightYellow#ffee63
terminal.ansiCyan#ebe36c
terminal.ansiGreen#dbc66f
terminal.ansiMagenta#e0a154
terminal.ansiRed#cf5a44
terminal.ansiWhite#f2eccd
terminal.ansiYellow#fff38a
terminal.background#0d1319
terminal.border#7b8a8e40
terminal.findMatchBackground#fff38a40
terminal.findMatchBorder#fff38a
terminal.findMatchHighlightBackground#fff38a25
terminal.findMatchHighlightBorder#fff38a60
terminal.foreground#f2eccd
terminal.hoverHighlightBackground#808b4020
terminal.inactiveSelectionBackground#f2eccd30
terminal.selectionBackground#f2eccd60
terminal.selectionForeground#0d1319
terminal.tab.activeBorder#808b40
terminalCommandDecoration.defaultBackground#7b8a8e
terminalCommandDecoration.errorBackground#cf5a44
terminalCommandDecoration.successBackground#dbc66f
terminalCursor.background#0d1319
terminalCursor.foreground#f2eccd
terminalOverviewRuler.cursorForeground#f2eccd
terminalOverviewRuler.findMatchForeground#fff38a
terminalStickyScroll.background#172532
terminalStickyScrollHover.background#7b8a8e40
testing.iconErrored#cf5a44
testing.iconFailed#cf5a44
testing.iconPassed#dbc66f
testing.iconQueued#fff38a
testing.iconSkipped#fff38a
testing.iconUnset#7b8a8e
testing.message.error.decorationForeground#cf5a44
testing.message.error.lineBackground#cf5a4415
testing.message.info.decorationForeground#808b40
testing.message.info.lineBackground#808b4015
testing.peekBorder#808b40
testing.peekHeaderBackground#172532
testing.runAction#dbc66f
textBlockQuote.background#172532
textBlockQuote.border#808b40
textCodeBlock.background#172532
textLink.activeForeground#94a143
textLink.foreground#808b40
textPreformat.background#172532
textPreformat.foreground#ebe36c
textSeparator.foreground#7b8a8e
titleBar.activeBackground#172532
titleBar.activeForeground#f2eccd
titleBar.border#172532
titleBar.inactiveBackground#172532
titleBar.inactiveForeground#7b8a8e
toolbar.activeBackground#7b8a8e40
toolbar.hoverBackground#172532
tree.inactiveIndentGuidesStroke#7b8a8e60
tree.indentGuidesStroke#7b8a8e
tree.tableColumnsBorder#7b8a8e
tree.tableOddRowsBackground#0d131940
walkThrough.embeddedEditorBackground#172532
walkthrough.stepTitle.foreground#f2eccd
welcomePage.background#0d1319
welcomePage.progress.background#7b8a8e
welcomePage.progress.foreground#808b40
welcomePage.tileBackground#172532
welcomePage.tileBorder#7b8a8e
welcomePage.tileHoverBackground#7b8a8e40
widget.shadow#0d131980

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7b8a8e	italic
variable, string constant.other.placeholder	#f2eccd	—
variable.parameter, entity.name.variable.parameter, meta.function.parameter	#ebe36c	italic
variable.other.property, variable.other.object.property	#ebe36c	—
variable.other.constant	#ffee63	—
variable.other.enummember	#c2a36f	—
invalid, invalid.illegal	#cf5a44	strikethrough
invalid.deprecated	#fff38a	strikethrough
keyword, storage.type.class, storage.type.function	#cf5a44	—
storage.modifier	#fff38a	—
keyword.control, keyword.control.flow	#cf5a44	—
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as	#808b40	—
keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.comparison	#94a143	—
punctuation.accessor, punctuation.separator.key-value	#94a143	—
storage.type, entity.name.type	#fff38a	—
storage.type.primitive, support.type	#f2eccd	—
entity.name.type.class, support.class, entity.other.inherited-class	#fff38a	—
entity.name.type.interface	#fff38a	—
entity.name.type.enum	#fff38a	—
entity.name.type.parameter	#fff38a	italic
entity.name.namespace, entity.name.type.module	#808b40	—
entity.name.function, meta.function-call.generic	#808b40	—
support.function	#ebe36c	—
entity.name.function.method, meta.method.declaration	#808b40	—
entity.name.function.decorator, meta.decorator, punctuation.decorator	#ebe36c	italic
punctuation, meta.brace, meta.bracket	#b7c3b9	—
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary	#c2a36f	—
constant.language.boolean	#c2a36f	—
constant.language, constant.language.null, constant.language.undefined	#ebe36c	—
constant.character	#dbc66f	—
constant.character.escape	#ffb249	—
string, string.quoted, string.template	#dbc66f	—
punctuation.definition.template-expression, punctuation.section.embedded, meta.embedded.line	#94a143	—
string.regexp, constant.other.character-class.regexp, constant.character.escape.regexp	#fff85e	—
support.type.property-name, support.constant	#ebe36c	—
entity.name.tag, meta.tag	#fff38a	—
entity.other.attribute-name	#f2eccd	—
support.type.property-name.css, support.type.vendored.property-name.css, meta.property-name.css	#ebe36c	—
support.constant.property-value.css, meta.property-value.css	#f2eccd	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#fff38a	—
entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#ebe36c	italic
keyword.other.unit.css	#c2a36f	—
source.json meta.structure.dictionary.json support.type.property-name.json	#c2a36f	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#fff38a	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#808b40	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ffb249	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ebe36c	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#dbc66f	—
markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown	#808b40	bold
markup.bold, punctuation.definition.bold.markdown	#f2eccd	bold
markup.italic, punctuation.definition.italic.markdown	#f2eccd	italic
markup.underline.link, string.other.link.title.markdown, string.other.link.description.markdown	#808b40	—
markup.inline.raw, markup.fenced_code.block, markup.raw.block	#dbc66f	—
markup.quote, punctuation.definition.quote.begin.markdown	#7b8a8e	italic
punctuation.definition.list.begin.markdown, markup.list.numbered, markup.list.unnumbered	#ebe36c	—
markup.inserted, punctuation.definition.inserted	#dbc66f	—
markup.deleted, punctuation.definition.deleted	#cf5a44	—
markup.changed, punctuation.definition.changed	#c2a36f	—
variable.language.this, variable.language.self, variable.language.special.self	#f2eccd	italic
meta.object-literal.key, string.unquoted.label.js	#f2eccd	—
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust	#ebe36c	italic
entity.name.function.macro.rust, support.function.macro.rust	#ebe36c	—
variable.other.normal.shell, variable.other.positional.shell, variable.other.bracket.shell	#f2eccd	—
entity.name.command.shell	#808b40	—
support.function.builtin.shell	#ebe36c	—
entity.name.tag.yaml	#ebe36c	—
keyword.key.toml, support.type.property-name.toml	#ebe36c	—
entity.other.attribute-name.table.toml, support.type.property-name.table.toml	#fff38a	—
entity.name.section.group-title.ini, punctuation.definition.entity.ini	#fff38a	—
keyword.other.definition.ini	#ebe36c	—
entity.name.function.target.makefile	#808b40	—
variable.other.makefile	#f2eccd	—
entity.name.package.go	#808b40	—
variable.parameter.function.language.special.self.python	#f2eccd	italic
support.function.magic.python, support.variable.magic.python	#ebe36c	italic
variable.other.php, punctuation.definition.variable.php	#f2eccd	—
meta.preprocessor.c, meta.preprocessor.include.c, keyword.control.directive.include.c	#ebe36c	—
meta.attribute.csharp, entity.name.type.attribute.csharp	#ebe36c	—
keyword.other.DML.sql, keyword.other.DDL.sql	#cf5a44	—
support.type.graphql, entity.name.type.graphql	#fff38a	—
variable.graphql, variable.other.graphql	#f2eccd	—