Section Plate

Name: Section Plate
Author: dang-w

Publisher: dang-wThemes in package: 2

A warm technical-plate theme in two variants — engineering drawing grammar for your editor.

Open in VS Code GitHub

Color themes

VS Code preview

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

Section Plate — Section Plate Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

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

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

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

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

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

Problems1

Output

Debug Console

Terminal

Ports

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

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

actionBar.toggledBackground#191817
activityBar.activeBackground#191817
activityBar.activeBorder#ff4f00
activityBar.activeFocusBorder#ff4f00
activityBar.background#161514
activityBar.border#2e2c29
activityBar.dropBorder#ff4f00
activityBar.foreground#ede4d3
activityBar.inactiveForeground#8a8279
activityBarBadge.background#ff4f00
activityBarBadge.foreground#1d1c1a
activityBarTop.activeBackground#191817
activityBarTop.activeBorder#ff4f00
activityBarTop.background#161514
activityBarTop.dropBorder#ff4f00
activityBarTop.foreground#ede4d3
activityBarTop.inactiveForeground#8a8279
activityErrorBadge.background#e8503f
activityErrorBadge.foreground#1d1c1a
activityWarningBadge.background#f0a300
activityWarningBadge.foreground#1d1c1a
agentSessionReadIndicator.foreground#8a8279
agentSessionSelectedBadge.border#ff4f00
agentSessionSelectedUnfocusedBadge.border#2e2c29
agentStatusIndicator.background#ff4f00
aiCustomizationManagement.sashBorder#2e2c29
badge.background#ff4f00
badge.foreground#1d1c1a
banner.background#191817
banner.foreground#ede4d3
banner.iconForeground#f0a300
breadcrumb.activeSelectionForeground#ede4d3
breadcrumb.background#1d1c1a
breadcrumb.focusForeground#ede4d3
breadcrumb.foreground#8a8279
breadcrumbPicker.background#191817
button.background#ede4d3
button.border#2e2c29
button.foreground#1d1c1a
button.hoverBackground#a89f92
button.secondaryBackground#191817
button.secondaryBorder#2e2c29
button.secondaryForeground#ede4d3
button.secondaryHoverBackground#2e2c29
button.separator#2e2c29
chart.axis#3a3835
chart.guide#3a3835
chart.line#a89f92
charts.blue#7fa8c4
charts.foreground#a89f92
charts.green#8fae7a
charts.lines#a89f92
charts.orange#ff4f00
charts.purple#c48fb0
charts.red#e8503f
charts.yellow#f0a300
chat.avatarBackground#191817
chat.avatarForeground#ede4d3
chat.checkpointSeparator#2e2c29
chat.editedFileForeground#ff4f00
chat.linesAddedForeground#f0a300
chat.linesRemovedForeground#e8503f
chat.requestBackground#191817
chat.requestBorder#2e2c29
chat.requestBubbleBackground#191817
chat.requestBubbleHoverBackground#2e2c29
chat.requestCodeBorder#2e2c29
chat.slashCommandBackground#191817
chat.slashCommandForeground#ff4f00
chat.thinkingShimmer#ff4f00
chatManagement.sashBorder#2e2c29
checkbox.background#191817
checkbox.border#2e2c29
checkbox.disabled.background#191817
checkbox.disabled.foreground#8a8279
checkbox.foreground#ede4d3
checkbox.selectBackground#191817
checkbox.selectBorder#ff4f00
commandCenter.activeBackground#191817
commandCenter.activeBorder#ff4f00
commandCenter.activeForeground#ede4d3
commandCenter.background#161514
commandCenter.border#2e2c29
commandCenter.debuggingBackground#232220
commandCenter.foreground#a89f92
commandCenter.inactiveBorder#2e2c29
commandCenter.inactiveForeground#8a8279
commentsView.resolvedIcon#8a8279
commentsView.unresolvedIcon#f0a300
debugConsole.errorForeground#e8503f
debugConsole.infoForeground#a89f92
debugConsole.sourceForeground#8a8279
debugConsole.warningForeground#f0a300
debugConsoleInputIcon.foreground#a89f92
debugExceptionWidget.background#191817
debugExceptionWidget.border#e8503f
debugIcon.breakpointCurrentStackframeForeground#ff4f00
debugIcon.breakpointDisabledForeground#3a3835
debugIcon.breakpointForeground#e8503f
debugIcon.breakpointStackframeForeground#a89f92
debugIcon.breakpointUnverifiedForeground#8a8279
debugIcon.continueForeground#ff4f00
debugIcon.disconnectForeground#e8503f
debugIcon.pauseForeground#ff4f00
debugIcon.restartForeground#ff4f00
debugIcon.startForeground#ff4f00
debugIcon.stepBackForeground#ff4f00
debugIcon.stepIntoForeground#ff4f00
debugIcon.stepOutForeground#ff4f00
debugIcon.stepOverForeground#ff4f00
debugIcon.stopForeground#e8503f
debugTokenExpression.boolean#ff4f00
debugTokenExpression.error#e8503f
debugTokenExpression.name#a89f92
debugTokenExpression.number#f0a300
debugTokenExpression.string#f0a300
debugTokenExpression.type#a89f92
debugTokenExpression.value#ede4d3
debugToolBar.background#161514
debugToolBar.border#2e2c29
debugView.exceptionLabelBackground#e8503f
debugView.exceptionLabelForeground#1d1c1a
debugView.stateLabelBackground#191817
debugView.stateLabelForeground#ede4d3
debugView.valueChangedHighlight#ff4f00
descriptionForeground#8a8279
diffEditor.border#2e2c29
diffEditor.diagonalFill#3a3835
diffEditor.insertedLineBackground#f0a3001f
diffEditor.insertedTextBackground#f0a30033
diffEditor.insertedTextBorder#f0a300
diffEditor.move.border#3a3835
diffEditor.moveActive.border#ff4f00
diffEditor.removedLineBackground#e8503f1f
diffEditor.removedTextBackground#e8503f33
diffEditor.removedTextBorder#e8503f
diffEditor.unchangedCodeBackground#1d1c1a
diffEditor.unchangedRegionBackground#191817
diffEditor.unchangedRegionForeground#8a8279
diffEditor.unchangedRegionShadow#00000026
diffEditorGutter.insertedLineBackground#f0a3001f
diffEditorGutter.removedLineBackground#e8503f1f
diffEditorOverview.insertedForeground#f0a300
diffEditorOverview.removedForeground#e8503f
disabledForeground#8a8279
dropdown.background#191817
dropdown.border#2e2c29
dropdown.foreground#ede4d3
dropdown.listBackground#191817
editor.background#1d1c1a
editor.compositionBorder#ff4f00
editor.findMatchBackground#ff4f004d
editor.findMatchBorder#ff4f00
editor.findMatchHighlightBackground#f0a30033
editor.findMatchHighlightBorder#f0a300
editor.findRangeHighlightBackground#f0a3001f
editor.findRangeHighlightBorder#2e2c29
editor.focusedStackFrameHighlightBackground#ff4f0026
editor.foldBackground#3a383566
editor.foldPlaceholderForeground#8a8279
editor.foreground#ede4d3
editor.hoverHighlightBackground#f0a30026
editor.inactiveLineHighlightBackground#3a383526
editor.inactiveSelectionBackground#f0a30026
editor.inlineValuesBackground#191817
editor.inlineValuesForeground#8a8279
editor.lineHighlightBackground#191817
editor.lineHighlightBorder#2e2c29
editor.linkedEditingBackground#ff4f001f
editor.placeholder.foreground#8a8279
editor.rangeHighlightBackground#f0a3001f
editor.rangeHighlightBorder#2e2c29
editor.selectionBackground#f0a3003d
editor.selectionHighlightBackground#f0a30026
editor.selectionHighlightBorder#2e2c29
editor.snippetFinalTabstopHighlightBorder#ff4f00
editor.snippetTabstopHighlightBackground#3a383566
editor.snippetTabstopHighlightBorder#8a8279
editor.stackFrameHighlightBackground#f0a30026
editor.symbolHighlightBackground#ff4f0026
editor.symbolHighlightBorder#ff4f00
editor.wordHighlightBackground#3a383580
editor.wordHighlightBorder#3a3835
editor.wordHighlightStrongBackground#f0a30033
editor.wordHighlightStrongBorder#f0a300
editor.wordHighlightTextBackground#3a383580
editor.wordHighlightTextBorder#3a3835
editorActionList.background#191817
editorActionList.focusBackground#f0a30026
editorActionList.focusForeground#ede4d3
editorActionList.foreground#ede4d3
editorBracketHighlight.foreground1#ede4d3
editorBracketHighlight.foreground2#a89f92
editorBracketHighlight.foreground3#8a8279
editorBracketHighlight.foreground4#ede4d3
editorBracketHighlight.foreground5#a89f92
editorBracketHighlight.foreground6#8a8279
editorBracketHighlight.unexpectedBracket.foreground#e8503f
editorBracketMatch.background#ff4f001f
editorBracketMatch.border#ff4f00
editorBracketPairGuide.activeBackground1#8a8279
editorBracketPairGuide.activeBackground2#8a8279
editorBracketPairGuide.activeBackground3#8a8279
editorBracketPairGuide.activeBackground4#8a8279
editorBracketPairGuide.activeBackground5#8a8279
editorBracketPairGuide.activeBackground6#8a8279
editorBracketPairGuide.background1#3a3835
editorBracketPairGuide.background2#3a3835
editorBracketPairGuide.background3#3a3835
editorBracketPairGuide.background4#3a3835
editorBracketPairGuide.background5#3a3835
editorBracketPairGuide.background6#3a3835
editorCodeLens.foreground#8a8279
editorCommentsWidget.rangeActiveBackground#f0a30026
editorCommentsWidget.rangeBackground#3a383566
editorCommentsWidget.replyInputBackground#1d1c1a
editorCommentsWidget.resolvedBorder#8a8279
editorCommentsWidget.unresolvedBorder#f0a300
editorCursor.background#1d1c1a
editorCursor.foreground#ff4f00
editorError.foreground#e8503f
editorGhostText.foreground#8a8279
editorGroup.border#2e2c29
editorGroup.dropBackground#f0a30026
editorGroup.dropIntoPromptBackground#191817
editorGroup.dropIntoPromptBorder#ff4f00
editorGroup.dropIntoPromptForeground#ede4d3
editorGroup.emptyBackground#1d1c1a
editorGroup.focusedEmptyBorder#ff4f00
editorGroupHeader.border#2e2c29
editorGroupHeader.noTabsBackground#1d1c1a
editorGroupHeader.tabsBackground#191817
editorGroupHeader.tabsBorder#2e2c29
editorGutter.addedBackground#f0a300
editorGutter.addedSecondaryBackground#f0a30080
editorGutter.background#1d1c1a
editorGutter.commentDraftGlyphForeground#f0a300
editorGutter.commentGlyphForeground#8a8279
editorGutter.commentUnresolvedGlyphForeground#f0a300
editorGutter.deletedBackground#e8503f
editorGutter.deletedSecondaryBackground#e8503f80
editorGutter.foldingControlForeground#8a8279
editorGutter.itemGlyphForeground#a89f92
editorGutter.modifiedBackground#ff4f00
editorGutter.modifiedSecondaryBackground#ff4f0080
editorHint.foreground#8a8279
editorHoverWidget.background#191817
editorHoverWidget.border#2e2c29
editorHoverWidget.foreground#ede4d3
editorHoverWidget.highlightForeground#ff4f00
editorHoverWidget.statusBarBackground#232220
editorIndentGuide.activeBackground1#8a8279
editorIndentGuide.activeBackground2#8a8279
editorIndentGuide.activeBackground3#8a8279
editorIndentGuide.activeBackground4#8a8279
editorIndentGuide.activeBackground5#8a8279
editorIndentGuide.activeBackground6#8a8279
editorIndentGuide.background1#3a3835
editorIndentGuide.background2#3a3835
editorIndentGuide.background3#3a3835
editorIndentGuide.background4#3a3835
editorIndentGuide.background5#3a3835
editorIndentGuide.background6#3a3835
editorInfo.foreground#a89f92
editorInlayHint.background#3a383566
editorInlayHint.foreground#a89f92
editorInlayHint.parameterBackground#3a383566
editorInlayHint.parameterForeground#a89f92
editorInlayHint.typeBackground#3a383566
editorInlayHint.typeForeground#a89f92
editorLightBulb.foreground#f0a300
editorLightBulbAi.foreground#f0a300
editorLightBulbAutoFix.foreground#f0a300
editorLineNumber.activeForeground#ff4f00
editorLineNumber.dimmedForeground#3a3835
editorLineNumber.foreground#3a3835
editorLink.activeForeground#ff4f00
editorMarkerNavigation.background#191817
editorMarkerNavigationError.background#191817
editorMarkerNavigationError.headerBackground#e8503f26
editorMarkerNavigationInfo.background#191817
editorMarkerNavigationInfo.headerBackground#8a827926
editorMarkerNavigationWarning.background#191817
editorMarkerNavigationWarning.headerBackground#f0a30026
editorMinimap.inlineChatInserted#f0a30066
editorMultiCursor.primary.background#1d1c1a
editorMultiCursor.primary.foreground#ff4f00
editorMultiCursor.secondary.background#1d1c1a
editorMultiCursor.secondary.foreground#a89f92
editorOverviewRuler.addedForeground#f0a300
editorOverviewRuler.border#2e2c29
editorOverviewRuler.bracketMatchForeground#ff4f00
editorOverviewRuler.commentDraftForeground#f0a300
editorOverviewRuler.commentForeground#8a8279
editorOverviewRuler.commentUnresolvedForeground#f0a300
editorOverviewRuler.commonContentForeground#8a8279
editorOverviewRuler.currentContentForeground#f0a300
editorOverviewRuler.deletedForeground#e8503f
editorOverviewRuler.errorForeground#e8503f
editorOverviewRuler.findMatchForeground#ff4f00
editorOverviewRuler.incomingContentForeground#ff4f00
editorOverviewRuler.infoForeground#8a8279
editorOverviewRuler.inlineChatInserted#f0a300
editorOverviewRuler.inlineChatRemoved#e8503f
editorOverviewRuler.modifiedForeground#ff4f00
editorOverviewRuler.rangeHighlightForeground#f0a300
editorOverviewRuler.selectionHighlightForeground#f0a300
editorOverviewRuler.warningForeground#f0a300
editorOverviewRuler.wordHighlightForeground#8a8279
editorOverviewRuler.wordHighlightStrongForeground#f0a300
editorOverviewRuler.wordHighlightTextForeground#8a8279
editorPane.background#1d1c1a
editorRuler.foreground#3a3835
editorStickyScroll.background#191817
editorStickyScroll.border#2e2c29
editorStickyScroll.shadow#00000026
editorStickyScrollGutter.background#191817
editorStickyScrollHover.background#2e2c29
editorSuggestWidget.background#191817
editorSuggestWidget.border#2e2c29
editorSuggestWidget.focusHighlightForeground#ff4f00
editorSuggestWidget.foreground#ede4d3
editorSuggestWidget.highlightForeground#ff4f00
editorSuggestWidget.selectedBackground#f0a30026
editorSuggestWidget.selectedForeground#ede4d3
editorSuggestWidget.selectedIconForeground#ede4d3
editorSuggestWidgetStatus.foreground#8a8279
editorUnicodeHighlight.background#e8503f26
editorUnicodeHighlight.border#e8503f
editorWarning.foreground#f0a300
editorWhitespace.foreground#3a3835
editorWidget.background#191817
editorWidget.border#2e2c29
editorWidget.foreground#ede4d3
editorWidget.resizeBorder#ff4f00
errorForeground#e8503f
extensionBadge.remoteBackground#ff4f00
extensionBadge.remoteForeground#1d1c1a
extensionButton.background#ede4d3
extensionButton.border#2e2c29
extensionButton.foreground#1d1c1a
extensionButton.hoverBackground#a89f92
extensionButton.prominentBackground#ff4f00
extensionButton.prominentForeground#1d1c1a
extensionButton.prominentHoverBackground#ff4f00
extensionButton.separator#2e2c29
extensionIcon.preReleaseForeground#8a8279
extensionIcon.privateForeground#8a8279
extensionIcon.sponsorForeground#e8503f
extensionIcon.starForeground#f0a300
extensionIcon.verifiedForeground#ff4f00
focusBorder#ff4f00
foreground#ede4d3
gauge.background#1d1c1a
gauge.border#2e2c29
gauge.errorBackground#1d1c1a
gauge.errorForeground#e8503f
gauge.foreground#ede4d3
gauge.warningBackground#1d1c1a
gauge.warningForeground#f0a300
git.blame.editorDecorationForeground#8a8279
gitDecoration.addedResourceForeground#f0a300
gitDecoration.conflictingResourceForeground#e8503f
gitDecoration.deletedResourceForeground#e8503f
gitDecoration.ignoredResourceForeground#8a8279
gitDecoration.modifiedResourceForeground#ff4f00
gitDecoration.renamedResourceForeground#f0a300
gitDecoration.stageDeletedResourceForeground#e8503f
gitDecoration.stageModifiedResourceForeground#ff4f00
gitDecoration.submoduleResourceForeground#8a8279
gitDecoration.untrackedResourceForeground#f0a300
icon.foreground#a89f92
inlineChat.background#191817
inlineChat.border#2e2c29
inlineChat.foreground#ede4d3
inlineChat.shadow#00000026
inlineChatDiff.inserted#f0a30026
inlineChatDiff.removed#e8503f26
inlineChatInput.background#1d1c1a
inlineChatInput.border#2e2c29
inlineChatInput.focusBorder#ff4f00
inlineChatInput.placeholderForeground#8a8279
inlineEdit.gutterIndicator.background#191817
inlineEdit.gutterIndicator.primaryBackground#ff4f00
inlineEdit.gutterIndicator.primaryBorder#ff4f00
inlineEdit.gutterIndicator.primaryForeground#1d1c1a
inlineEdit.gutterIndicator.secondaryBackground#191817
inlineEdit.gutterIndicator.secondaryBorder#2e2c29
inlineEdit.gutterIndicator.secondaryForeground#a89f92
inlineEdit.gutterIndicator.successfulBackground#f0a300
inlineEdit.gutterIndicator.successfulBorder#f0a300
inlineEdit.gutterIndicator.successfulForeground#1d1c1a
inlineEdit.modifiedBackground#f0a3001f
inlineEdit.modifiedBorder#f0a300
inlineEdit.modifiedChangedLineBackground#f0a30033
inlineEdit.modifiedChangedTextBackground#f0a3004d
inlineEdit.originalBackground#e8503f1f
inlineEdit.originalBorder#e8503f
inlineEdit.originalChangedLineBackground#e8503f33
inlineEdit.originalChangedTextBackground#e8503f4d
inlineEdit.tabWillAcceptModifiedBorder#ff4f00
inlineEdit.tabWillAcceptOriginalBorder#ff4f00
input.background#1d1c1a
input.border#2e2c29
input.foreground#ede4d3
input.placeholderForeground#8a8279
inputOption.activeBackground#ff4f0026
inputOption.activeBorder#ff4f00
inputOption.activeForeground#ede4d3
inputOption.hoverBackground#191817
inputValidation.errorBackground#1d1c1a
inputValidation.errorBorder#e8503f
inputValidation.errorForeground#e8503f
inputValidation.infoBackground#1d1c1a
inputValidation.infoBorder#8a8279
inputValidation.infoForeground#a89f92
inputValidation.warningBackground#1d1c1a
inputValidation.warningBorder#f0a300
inputValidation.warningForeground#f0a300
interactive.activeCodeBorder#ff4f00
interactive.inactiveCodeBorder#2e2c29
keybindingLabel.background#191817
keybindingLabel.border#2e2c29
keybindingLabel.bottomBorder#2e2c29
keybindingLabel.foreground#ede4d3
keybindingTable.headerBackground#191817
keybindingTable.rowsBackground#1d1c1a
list.activeSelectionBackground#f0a30033
list.activeSelectionForeground#ede4d3
list.activeSelectionIconForeground#ede4d3
list.deemphasizedForeground#8a8279
list.dropBackground#f0a30026
list.dropBetweenBackground#ff4f00
list.errorForeground#e8503f
list.filterMatchBackground#f0a30033
list.filterMatchBorder#f0a300
list.focusAndSelectionOutline#ff4f00
list.focusBackground#f0a30026
list.focusForeground#ede4d3
list.focusHighlightForeground#ff4f00
list.focusOutline#ff4f00
list.highlightForeground#ff4f00
list.hoverBackground#3a383566
list.hoverForeground#ede4d3
list.inactiveFocusBackground#3a383540
list.inactiveFocusOutline#2e2c29
list.inactiveSelectionBackground#191817
list.inactiveSelectionForeground#ede4d3
list.inactiveSelectionIconForeground#ede4d3
list.invalidItemForeground#e8503f
list.warningForeground#f0a300
listFilterWidget.background#191817
listFilterWidget.noMatchesOutline#e8503f
listFilterWidget.outline#2e2c29
listFilterWidget.shadow#00000026
markdownAlert.caution.foreground#e8503f
markdownAlert.important.foreground#ff4f00
markdownAlert.note.foreground#f0a300
markdownAlert.tip.foreground#f0a300
markdownAlert.warning.foreground#f0a300
mcpIcon.starForeground#f0a300
menu.background#191817
menu.border#2e2c29
menu.foreground#ede4d3
menu.selectionBackground#f0a30033
menu.selectionBorder#2e2c29
menu.selectionForeground#ede4d3
menu.separatorBackground#2e2c29
menubar.selectionBackground#191817
menubar.selectionBorder#2e2c29
menubar.selectionForeground#ede4d3
merge.border#2e2c29
merge.commonContentBackground#3a383540
merge.commonHeaderBackground#3a383580
merge.currentContentBackground#f0a3001f
merge.currentHeaderBackground#f0a3004d
merge.incomingContentBackground#ff4f001f
merge.incomingHeaderBackground#ff4f004d
mergeEditor.change.background#f0a3001f
mergeEditor.change.word.background#f0a30033
mergeEditor.changeBase.background#3a383540
mergeEditor.changeBase.word.background#3a383580
mergeEditor.conflict.handled.minimapOverViewRuler#8a8279
mergeEditor.conflict.handledFocused.border#a89f92
mergeEditor.conflict.handledUnfocused.border#8a8279
mergeEditor.conflict.input1.background#f0a3001f
mergeEditor.conflict.input2.background#ff4f001f
mergeEditor.conflict.unhandled.minimapOverViewRuler#e8503f
mergeEditor.conflict.unhandledFocused.border#e8503f
mergeEditor.conflict.unhandledUnfocused.border#e8503f
mergeEditor.conflictingLines.background#e8503f1f
minimap.background#1d1c1a
minimap.chatEditHighlight#f0a30080
minimap.errorHighlight#e8503f
minimap.findMatchHighlight#ff4f00
minimap.infoHighlight#8a8279
minimap.selectionHighlight#f0a30080
minimap.selectionOccurrenceHighlight#3a383580
minimap.warningHighlight#f0a300
minimapGutter.addedBackground#f0a300
minimapGutter.deletedBackground#e8503f
minimapGutter.modifiedBackground#ff4f00
minimapSlider.activeBackground#3a3835b3
minimapSlider.background#3a383566
minimapSlider.hoverBackground#3a383599
multiDiffEditor.background#1d1c1a
multiDiffEditor.border#2e2c29
multiDiffEditor.headerBackground#191817
notebook.cellBorderColor#2e2c29
notebook.cellEditorBackground#1d1c1a
notebook.cellHoverBackground#3a383540
notebook.cellInsertionIndicator#ff4f00
notebook.cellStatusBarItemHoverBackground#2e2c29
notebook.cellToolbarSeparator#2e2c29
notebook.editorBackground#1d1c1a
notebook.focusedCellBackground#3a383526
notebook.focusedCellBorder#ff4f00
notebook.focusedEditorBorder#ff4f00
notebook.inactiveFocusedCellBorder#2e2c29
notebook.inactiveSelectedCellBorder#2e2c29
notebook.outputContainerBackgroundColor#1d1c1a
notebook.outputContainerBorderColor#2e2c29
notebook.selectedCellBackground#f0a3001f
notebook.selectedCellBorder#f0a300
notebook.symbolHighlightBackground#ff4f001f
notebookEditorOverviewRuler.runningCellForeground#ff4f00
notebookScrollbarSlider.activeBackground#3a3835b3
notebookScrollbarSlider.background#3a383566
notebookScrollbarSlider.hoverBackground#3a383599
notebookStatusErrorIcon.foreground#e8503f
notebookStatusRunningIcon.foreground#ff4f00
notebookStatusSuccessIcon.foreground#a89f92
notificationCenter.border#2e2c29
notificationCenterHeader.background#191817
notificationCenterHeader.foreground#ede4d3
notificationLink.foreground#ff4f00
notifications.background#191817
notifications.border#2e2c29
notifications.foreground#ede4d3
notificationsErrorIcon.foreground#e8503f
notificationsInfoIcon.foreground#a89f92
notificationsWarningIcon.foreground#f0a300
notificationToast.border#2e2c29
outputView.background#1d1c1a
outputViewStickyScroll.background#191817
panel.background#191817
panel.border#2e2c29
panel.dropBorder#ff4f00
panelInput.border#2e2c29
panelSection.border#2e2c29
panelSection.dropBackground#f0a30026
panelSectionHeader.background#191817
panelSectionHeader.border#2e2c29
panelSectionHeader.foreground#a89f92
panelStickyScroll.background#191817
panelStickyScroll.border#2e2c29
panelStickyScroll.shadow#00000026
panelTitle.activeBorder#ff4f00
panelTitle.activeForeground#ede4d3
panelTitle.border#2e2c29
panelTitle.inactiveForeground#8a8279
panelTitleBadge.background#ff4f00
panelTitleBadge.foreground#1d1c1a
peekView.border#ff4f00
peekViewEditor.background#1d1c1a
peekViewEditor.matchHighlightBackground#f0a3004d
peekViewEditor.matchHighlightBorder#f0a300
peekViewEditorGutter.background#1d1c1a
peekViewEditorStickyScroll.background#1d1c1a
peekViewEditorStickyScrollGutter.background#1d1c1a
peekViewResult.background#191817
peekViewResult.fileForeground#ede4d3
peekViewResult.lineForeground#8a8279
peekViewResult.matchHighlightBackground#f0a3004d
peekViewResult.selectionBackground#f0a30033
peekViewResult.selectionForeground#ede4d3
peekViewTitle.background#191817
peekViewTitleDescription.foreground#8a8279
peekViewTitleLabel.foreground#ede4d3
pickerGroup.border#2e2c29
pickerGroup.foreground#ff4f00
ports.iconRunningProcessForeground#ff4f00
problemsErrorIcon.foreground#e8503f
problemsInfoIcon.foreground#a89f92
problemsWarningIcon.foreground#f0a300
profileBadge.background#ff4f00
profileBadge.foreground#1d1c1a
profiles.sashBorder#2e2c29
progressBar.background#ff4f00
quickInput.background#191817
quickInput.foreground#ede4d3
quickInputList.focusBackground#f0a30033
quickInputList.focusForeground#ede4d3
quickInputList.focusIconForeground#ede4d3
quickInputTitle.background#191817
radio.activeBackground#ff4f0026
radio.activeBorder#ff4f00
radio.activeForeground#ede4d3
radio.inactiveBackground#1d1c1a
radio.inactiveBorder#2e2c29
radio.inactiveForeground#8a8279
radio.inactiveHoverBackground#191817
sash.hoverBorder#ff4f00
scmGraph.foreground1#7fa8c4
scmGraph.foreground2#8fae7a
scmGraph.foreground3#c48fb0
scmGraph.foreground4#8fc4ae
scmGraph.foreground5#f0a300
scmGraph.historyItemBaseRefColor#c48fb0
scmGraph.historyItemHoverAdditionsForeground#f0a300
scmGraph.historyItemHoverDefaultLabelBackground#191817
scmGraph.historyItemHoverDefaultLabelForeground#ede4d3
scmGraph.historyItemHoverDeletionsForeground#e8503f
scmGraph.historyItemHoverLabelForeground#ede4d3
scmGraph.historyItemRefColor#ff4f00
scmGraph.historyItemRemoteRefColor#7fa8c4
scrollbar.shadow#00000026
scrollbarSlider.activeBackground#3a3835b3
scrollbarSlider.background#3a383566
scrollbarSlider.hoverBackground#3a383599
search.resultsInfoForeground#8a8279
searchEditor.findMatchBackground#f0a30033
searchEditor.findMatchBorder#f0a300
searchEditor.textInputBorder#2e2c29
selection.background#f0a3003d
settings.checkboxBackground#191817
settings.checkboxBorder#2e2c29
settings.checkboxForeground#ede4d3
settings.dropdownBackground#191817
settings.dropdownBorder#2e2c29
settings.dropdownForeground#ede4d3
settings.dropdownListBorder#2e2c29
settings.focusedRowBackground#3a383540
settings.focusedRowBorder#2e2c29
settings.headerBorder#2e2c29
settings.headerForeground#ede4d3
settings.modifiedItemIndicator#ff4f00
settings.numberInputBackground#1d1c1a
settings.numberInputBorder#2e2c29
settings.numberInputForeground#ede4d3
settings.rowHoverBackground#3a383526
settings.sashBorder#2e2c29
settings.settingsHeaderHoverForeground#ede4d3
settings.textInputBackground#1d1c1a
settings.textInputBorder#2e2c29
settings.textInputForeground#ede4d3
sideBar.background#191817
sideBar.border#2e2c29
sideBar.dropBackground#f0a30026
sideBar.foreground#a89f92
sideBarActivityBarTop.border#2e2c29
sideBarSectionHeader.background#191817
sideBarSectionHeader.border#2e2c29
sideBarSectionHeader.foreground#a89f92
sideBarStickyScroll.background#191817
sideBarStickyScroll.border#2e2c29
sideBarStickyScroll.shadow#00000026
sideBarTitle.background#191817
sideBarTitle.border#2e2c29
sideBarTitle.foreground#8a8279
sideBySideEditor.horizontalBorder#2e2c29
sideBySideEditor.verticalBorder#2e2c29
simpleFindWidget.sashBorder#2e2c29
statusBar.background#232220
statusBar.border#2e2c29
statusBar.debuggingBackground#232220
statusBar.debuggingBorder#ff4f00
statusBar.debuggingForeground#ede4d3
statusBar.focusBorder#ff4f00
statusBar.foreground#a89f92
statusBar.noFolderBackground#232220
statusBar.noFolderBorder#2e2c29
statusBar.noFolderForeground#a89f92
statusBarItem.activeBackground#2e2c29
statusBarItem.compactHoverBackground#2e2c29
statusBarItem.errorBackground#e8503f
statusBarItem.errorForeground#1d1c1a
statusBarItem.errorHoverBackground#2e2c29
statusBarItem.errorHoverForeground#ede4d3
statusBarItem.focusBorder#ff4f00
statusBarItem.hoverBackground#2e2c29
statusBarItem.hoverForeground#ede4d3
statusBarItem.offlineBackground#3a3835
statusBarItem.offlineForeground#ede4d3
statusBarItem.offlineHoverBackground#2e2c29
statusBarItem.offlineHoverForeground#ede4d3
statusBarItem.prominentBackground#ff4f00
statusBarItem.prominentForeground#1d1c1a
statusBarItem.prominentHoverBackground#ff4f00
statusBarItem.prominentHoverForeground#1d1c1a
statusBarItem.remoteBackground#232220
statusBarItem.remoteForeground#a89f92
statusBarItem.remoteHoverBackground#2e2c29
statusBarItem.remoteHoverForeground#ede4d3
statusBarItem.warningBackground#f0a300
statusBarItem.warningForeground#1d1c1a
statusBarItem.warningHoverBackground#2e2c29
statusBarItem.warningHoverForeground#ede4d3
symbolIcon.arrayForeground#a89f92
symbolIcon.booleanForeground#ff4f00
symbolIcon.classForeground#ede4d3
symbolIcon.colorForeground#f0a300
symbolIcon.constantForeground#f0a300
symbolIcon.constructorForeground#ede4d3
symbolIcon.enumeratorForeground#f0a300
symbolIcon.enumeratorMemberForeground#f0a300
symbolIcon.eventForeground#ff4f00
symbolIcon.fieldForeground#ede4d3
symbolIcon.fileForeground#a89f92
symbolIcon.folderForeground#a89f92
symbolIcon.functionForeground#ede4d3
symbolIcon.interfaceForeground#ede4d3
symbolIcon.keyForeground#a89f92
symbolIcon.keywordForeground#ff4f00
symbolIcon.methodForeground#ede4d3
symbolIcon.moduleForeground#a89f92
symbolIcon.namespaceForeground#a89f92
symbolIcon.nullForeground#8a8279
symbolIcon.numberForeground#f0a300
symbolIcon.objectForeground#ede4d3
symbolIcon.operatorForeground#a89f92
symbolIcon.packageForeground#a89f92
symbolIcon.propertyForeground#ede4d3
symbolIcon.referenceForeground#a89f92
symbolIcon.snippetForeground#a89f92
symbolIcon.stringForeground#f0a300
symbolIcon.structForeground#ede4d3
symbolIcon.textForeground#ede4d3
symbolIcon.typeParameterForeground#a89f92
symbolIcon.unitForeground#a89f92
symbolIcon.variableForeground#ede4d3
tab.activeBackground#1d1c1a
tab.activeBorder#2e2c29
tab.activeBorderTop#ff4f00
tab.activeForeground#ede4d3
tab.activeModifiedBorder#f0a300
tab.border#2e2c29
tab.dragAndDropBorder#ff4f00
tab.hoverBackground#2e2c29
tab.hoverBorder#ff4f00
tab.hoverForeground#ede4d3
tab.inactiveBackground#191817
tab.inactiveForeground#8a8279
tab.inactiveModifiedBorder#3a3835
tab.lastPinnedBorder#2e2c29
tab.selectedBackground#1d1c1a
tab.selectedBorderTop#ff4f00
tab.selectedForeground#ede4d3
tab.unfocusedActiveBackground#1d1c1a
tab.unfocusedActiveBorder#2e2c29
tab.unfocusedActiveBorderTop#3a3835
tab.unfocusedActiveForeground#a89f92
tab.unfocusedActiveModifiedBorder#3a3835
tab.unfocusedHoverBackground#2e2c29
tab.unfocusedHoverBorder#2e2c29
tab.unfocusedHoverForeground#a89f92
tab.unfocusedInactiveBackground#191817
tab.unfocusedInactiveForeground#8a8279
tab.unfocusedInactiveModifiedBorder#3a3835
terminal.ansiBlack#3a3835
terminal.ansiBlue#7fa8c4
terminal.ansiBrightBlack#5c564e
terminal.ansiBrightBlue#9cbfd6
terminal.ansiBrightCyan#a8d6c2
terminal.ansiBrightGreen#a6c294
terminal.ansiBrightMagenta#d6a8c2
terminal.ansiBrightRed#f06a58
terminal.ansiBrightWhite#ede4d3
terminal.ansiBrightYellow#f5bb40
terminal.ansiCyan#8fc4ae
terminal.ansiGreen#8fae7a
terminal.ansiMagenta#c48fb0
terminal.ansiRed#e8503f
terminal.ansiWhite#a89f92
terminal.ansiYellow#f0a300
terminal.background#1d1c1a
terminal.border#2e2c29
terminal.dropBackground#f0a30026
terminal.findMatchBackground#ff4f004d
terminal.findMatchBorder#ff4f00
terminal.findMatchHighlightBackground#f0a30033
terminal.findMatchHighlightBorder#f0a300
terminal.foreground#ede4d3
terminal.hoverHighlightBackground#f0a30026
terminal.inactiveSelectionBackground#f0a30026
terminal.initialHintForeground#8a8279
terminal.selectionBackground#f0a3003d
terminal.tab.activeBorder#ff4f00
terminalCommandDecoration.defaultBackground#3a3835
terminalCommandDecoration.errorBackground#e8503f
terminalCommandDecoration.successBackground#f0a300
terminalCommandGuide.foreground#3a3835
terminalCursor.background#1d1c1a
terminalCursor.foreground#ff4f00
terminalOverviewRuler.border#2e2c29
terminalOverviewRuler.cursorForeground#ff4f00
terminalOverviewRuler.findMatchForeground#ff4f00
terminalStickyScroll.background#191817
terminalStickyScroll.border#2e2c29
terminalStickyScrollHover.background#2e2c29
terminalSymbolIcon.aliasForeground#a89f92
terminalSymbolIcon.argumentForeground#a89f92
terminalSymbolIcon.branchForeground#ff4f00
terminalSymbolIcon.commitForeground#a89f92
terminalSymbolIcon.fileForeground#ede4d3
terminalSymbolIcon.flagForeground#a89f92
terminalSymbolIcon.folderForeground#a89f92
terminalSymbolIcon.inlineSuggestionForeground#8a8279
terminalSymbolIcon.methodForeground#ede4d3
terminalSymbolIcon.optionForeground#a89f92
terminalSymbolIcon.optionValueForeground#f0a300
terminalSymbolIcon.pullRequestDoneForeground#f0a300
terminalSymbolIcon.pullRequestForeground#a89f92
terminalSymbolIcon.remoteForeground#a89f92
terminalSymbolIcon.stashForeground#a89f92
terminalSymbolIcon.symbolicLinkFileForeground#a89f92
terminalSymbolIcon.symbolicLinkFolderForeground#a89f92
terminalSymbolIcon.symbolText#ede4d3
terminalSymbolIcon.tagForeground#f0a300
testing.coverCountBadgeBackground#ff4f00
testing.coverCountBadgeForeground#1d1c1a
testing.coveredBackground#f0a3001f
testing.coveredBorder#f0a300
testing.coveredGutterBackground#f0a300
testing.iconErrored#e8503f
testing.iconErrored.retired#e8503f
testing.iconFailed#e8503f
testing.iconFailed.retired#e8503f
testing.iconPassed#ede4d3
testing.iconPassed.retired#8a8279
testing.iconQueued#8a8279
testing.iconQueued.retired#3a3835
testing.iconSkipped#8a8279
testing.iconSkipped.retired#3a3835
testing.iconUnset#3a3835
testing.iconUnset.retired#3a3835
testing.message.error.badgeBackground#e8503f
testing.message.error.badgeBorder#e8503f
testing.message.error.badgeForeground#1d1c1a
testing.message.error.lineBackground#e8503f1f
testing.message.info.decorationForeground#8a8279
testing.message.info.lineBackground#3a383540
testing.messagePeekBorder#e8503f
testing.messagePeekHeaderBackground#e8503f26
testing.peekBorder#e8503f
testing.peekHeaderBackground#e8503f26
testing.runAction#ff4f00
testing.uncoveredBackground#e8503f1f
testing.uncoveredBorder#e8503f
testing.uncoveredBranchBackground#e8503f33
testing.uncoveredGutterBackground#e8503f
textBlockQuote.background#191817
textBlockQuote.border#2e2c29
textCodeBlock.background#191817
textLink.activeForeground#ff4f00
textLink.foreground#ff4f00
textPreformat.background#191817
textPreformat.border#2e2c29
textPreformat.foreground#ede4d3
textSeparator.foreground#3a3835
titleBar.activeBackground#161514
titleBar.activeForeground#a89f92
titleBar.border#2e2c29
titleBar.inactiveBackground#161514
titleBar.inactiveForeground#8a8279
toolbar.activeBackground#191817
toolbar.hoverBackground#191817
toolbar.hoverOutline#2e2c29
tree.inactiveIndentGuidesStroke#3a3835
tree.indentGuidesStroke#3a3835
tree.tableOddRowsBackground#3a383526
walkThrough.embeddedEditorBackground#1d1c1a
walkthrough.stepTitle.foreground#ede4d3
welcomePage.background#1d1c1a
welcomePage.progress.background#1d1c1a
welcomePage.progress.foreground#ede4d3
welcomePage.tileBackground#191817
welcomePage.tileBorder#2e2c29
welcomePage.tileHoverBackground#2e2c29
widget.border#2e2c29
widget.shadow#00000026
window.activeBorder#2e2c29
window.inactiveBorder#2e2c29

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8a8279	italic
punctuation.definition.parameters, punctuation.definition.array, punctuation.separator, punctuation.terminator, punctuation.accessor, meta.brace, punctuation.section, punctuation.definition.decorator, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.attribute.rust	#a89f92	—
keyword.operator	#a89f92	—
variable, variable.other, variable.parameter, meta.object-literal.key, variable.other.property, support.variable, entity.name.variable, entity.name.other.anchor, variable.other.alias	#ede4d3	—
entity.name.function, support.function, meta.function-call.generic, variable.function, entity.name.method	#7fa8c4	—
entity.name.type, entity.name.class, entity.name.namespace, support.type, support.class, entity.other.inherited-class	#8fc4ae	—
constant.language, constant.other, variable.other.constant, support.constant, entity.name.constant	#7fa8c4	—
constant.numeric, keyword.other.unit	#7fa8c4	—
keyword, keyword.control, storage, storage.type, storage.modifier, keyword.operator.new, keyword.operator.expression, variable.language.this, variable.language.super	#ff4f00	—
string, string.quoted, string.template, punctuation.definition.string, constant.character.escape	#f0a300	—
invalid, invalid.illegal, invalid.deprecated	#e8503f	—
entity.name.tag, punctuation.definition.tag	#ff4f00	—
entity.other.attribute-name	#a89f92	—
markup.heading, entity.name.section	#ff4f00	bold
markup.italic	#ede4d3	italic
markup.bold	#ede4d3	bold
markup.underline.link, string.other.link	#f0a300	—
markup.inline.raw, markup.fenced_code	#f0a300	—
markup.quote	#8a8279	—
markup.inserted	#f0a300	—
markup.deleted	#e8503f	—
markup.changed	#ff4f00	—