Multi Material Dark Theme

Name: Multi Material Dark Theme
Author: Rafael-Avalos

Publisher: Rafael-AvalosThemes in package: 2

Multi Material Dark is a visually appealing dark theme for Visual Studio Code. It offers two variations: Night and Dark, each providing a unique coding experience.

Open in VS Code GitHub

Color themes

VS Code preview

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

Multi Material Dark Theme — Material Dark Theme

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#746f7766
activityBar.activeBorder#ffffff
activityBar.background#121418
activityBar.dropBorder#ffffff
activityBar.foreground#ffffff
activityBar.inactiveForeground#ffffff66
activityBarBadge.background#49b6ff
activityBarBadge.foreground#000000
activityBarTop.activeBorder#e7e7e7
activityBarTop.dropBorder#e7e7e7
activityBarTop.foreground#e7e7e7
activityBarTop.inactiveForeground#e7e7e799
activityErrorBadge.background#f14c4c
activityErrorBadge.foreground#000000
activityWarningBadge.background#cca700
activityWarningBadge.foreground#000000
badge.background#49b6ff
badge.foreground#000000
banner.background#333742
banner.foreground#ffffff
banner.iconForeground#3794ff
breadcrumb.activeSelectionForeground#e9e6eb
breadcrumb.background#121418
breadcrumb.focusForeground#e9e6eb
breadcrumb.foreground#d5ced9cc
breadcrumbPicker.background#20232a
button.background#0679dd
button.foreground#ffffff
button.hoverBackground#49b6ff
button.secondaryBackground#3a3d41
button.secondaryForeground#ffffff
button.secondaryHoverBackground#45494e
button.separator#ffffff66
charts.blue#3794ff
charts.foreground#d5ced9
charts.green#89d185
charts.lines#d5ced980
charts.orange#d18616
charts.purple#b180d7
charts.red#d4503f
charts.yellow#ff9f2e
chat.avatarBackground#1f1f1f
chat.avatarForeground#d5ced9
chat.editedFileForeground#e2c08d
chat.requestBackground#1214189e
chat.requestBorder#ffffff1a
chat.slashCommandBackground#34414b8f
chat.slashCommandForeground#40a6ff
checkbox.background#2b303b
checkbox.border#363c49
checkbox.foreground#f0f0f0
checkbox.selectBackground#20232a
checkbox.selectBorder#c5c5c5
cody.fixup.conflictBackground#ffea0047
cody.fixup.conflictBorder#ffa600
cody.fixup.conflictedBackground#00000000
cody.fixup.conflictedBorder#ffa6007a
cody.fixup.incomingBackground#3b79c740
cody.fixup.incomingBorder#436eb1
commandCenter.activeBackground#ffffff14
commandCenter.activeBorder#cccccc4d
commandCenter.activeForeground#cccccc
commandCenter.background#ffffff0d
commandCenter.border#cccccc33
commandCenter.debuggingBackground#fc634c42
commandCenter.foreground#cccccc
commandCenter.inactiveBorder#cccccc26
commandCenter.inactiveForeground#cccccc99
commentsView.resolvedIcon#cccccc80
commentsView.unresolvedIcon#746f77
debugConsole.errorForeground#d4503f
debugConsole.infoForeground#3794ff
debugConsole.sourceForeground#d5ced9
debugConsole.warningForeground#ff9f2e
debugConsoleInputIcon.foreground#d5ced9
debugExceptionWidget.background#ff9f2e60
debugExceptionWidget.border#ff9f2e60
debugIcon.breakpointCurrentStackframeForeground#ffcc00
debugIcon.breakpointDisabledForeground#848484
debugIcon.breakpointForeground#e51400
debugIcon.breakpointStackframeForeground#89d185
debugIcon.breakpointUnverifiedForeground#848484
debugIcon.continueForeground#75beff
debugIcon.disconnectForeground#f48771
debugIcon.pauseForeground#75beff
debugIcon.restartForeground#89d185
debugIcon.startForeground#89d185
debugIcon.stepBackForeground#75beff
debugIcon.stepIntoForeground#75beff
debugIcon.stepOutForeground#75beff
debugIcon.stepOverForeground#75beff
debugIcon.stopForeground#f48771
debugTokenExpression.boolean#4e94ce
debugTokenExpression.error#f48771
debugTokenExpression.name#c586c0
debugTokenExpression.number#b5cea8
debugTokenExpression.string#ce9178
debugTokenExpression.type#4a90e2
debugTokenExpression.value#cccccc99
debugToolBar.background#20232a
debugView.exceptionLabelBackground#6c2022
debugView.exceptionLabelForeground#d5ced9
debugView.stateLabelBackground#88888844
debugView.stateLabelForeground#d5ced9
debugView.valueChangedHighlight#569cd6
descriptionForeground#d5ced9b3
diffEditor.diagonalFill#cccccc33
diffEditor.insertedLineBackground#9bb95533
diffEditor.insertedTextBackground#29bf1220
diffEditor.move.border#8b8b8b9c
diffEditor.moveActive.border#ffa500
diffEditor.removedLineBackground#ff000033
diffEditor.removedTextBackground#f21b3f20
diffEditor.unchangedCodeBackground#74747429
diffEditor.unchangedRegionBackground#121418
diffEditor.unchangedRegionForeground#d5ced9
diffEditor.unchangedRegionShadow#000000
disabledForeground#cccccc80
dropdown.background#2b303b
dropdown.border#363c49
dropdown.foreground#f0f0f0
editor.background#121418
editor.compositionBorder#ffffff
editor.findMatchBackground#f39d12
editor.findMatchForeground#ffffff
editor.findMatchHighlightBackground#49b6ffe3
editor.findMatchHighlightForeground#fffffff0
editor.findRangeHighlightBackground#3a3d4166
editor.focusedStackFrameHighlightBackground#7abd7a4d
editor.foldBackground#3035414d
editor.foldPlaceholderForeground#808080
editor.foreground#e4dfe7
editor.hoverHighlightBackground#373941
editor.inactiveSelectionBackground#30354180
editor.inlineValuesBackground#ffc80033
editor.inlineValuesForeground#ffffff80
editor.lineHighlightBackground#2e323d
editor.lineHighlightBorder#2e323d
editor.linkedEditingBackground#ff00004d
editor.placeholder.foreground#ffffff56
editor.rangeHighlightBackground#372f3c
editor.selectionBackground#303541
editor.selectionHighlightBackground#4f435580
editor.snippetFinalTabstopHighlightBorder#525252
editor.snippetTabstopHighlightBackground#7c7c7c4d
editor.stackFrameHighlightBackground#ffff0033
editor.symbolHighlightBackground#49b6ff
editor.wordHighlightBackground#4f4355
editor.wordHighlightStrongBackground#db45a280
editor.wordHighlightTextBackground#4f4355
editorActionList.background#20232a
editorActionList.focusBackground#333742
editorActionList.focusForeground#ffffff
editorActionList.foreground#d5ced9
editorActiveLineNumber.foreground#c6c6c6
editorBracketHighlight.foreground1#ed598e
editorBracketHighlight.foreground2#00e676
editorBracketHighlight.foreground3#aa00ff
editorBracketHighlight.foreground4#ffeb3b
editorBracketHighlight.foreground5#5188ff
editorBracketHighlight.foreground6#98c379
editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
editorBracketMatch.background#0064001a
editorBracketMatch.border#888888
editorBracketPairGuide.activeBackground1#00000000
editorBracketPairGuide.activeBackground2#00000000
editorBracketPairGuide.activeBackground3#00000000
editorBracketPairGuide.activeBackground4#00000000
editorBracketPairGuide.activeBackground5#00000000
editorBracketPairGuide.activeBackground6#00000000
editorBracketPairGuide.background1#00000000
editorBracketPairGuide.background2#00000000
editorBracketPairGuide.background3#00000000
editorBracketPairGuide.background4#00000000
editorBracketPairGuide.background5#00000000
editorBracketPairGuide.background6#00000000
editorCodeLens.foreground#746f77
editorCommentsWidget.rangeActiveBackground#746f771a
editorCommentsWidget.rangeBackground#746f771a
editorCommentsWidget.replyInputBackground#2a2c32
editorCommentsWidget.resolvedBorder#cccccc80
editorCommentsWidget.unresolvedBorder#746f77
editorCursor.foreground#ffcc00
editorError.foreground#d4503f
editorGhostText.foreground#ffffff56
editorGroup.border#444444
editorGroup.dropBackground#495061d7
editorGroup.dropIntoPromptBackground#20232a
editorGroup.dropIntoPromptForeground#d5ced9
editorGroup.emptyBackground#121418
editorGroupHeader.noTabsBackground#121418
editorGroupHeader.tabsBackground#121418
editorGutter.addedBackground#9bc53dbb
editorGutter.background#121418
editorGutter.commentGlyphForeground#e4dfe7
editorGutter.commentRangeForeground#2a2c33
editorGutter.commentUnresolvedGlyphForeground#e4dfe7
editorGutter.deletedBackground#fc644dbb
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#5bc0ebbb
editorHint.foreground#eeeeeeb3
editorHoverWidget.background#373941
editorHoverWidget.border#00e8c5cc
editorHoverWidget.foreground#d5ced9
editorHoverWidget.highlightForeground#2aaaff
editorHoverWidget.statusBarBackground#42444e
editorIndentGuide.activeBackground#585c66
editorIndentGuide.activeBackground1#585c66
editorIndentGuide.activeBackground2#00000000
editorIndentGuide.activeBackground3#00000000
editorIndentGuide.activeBackground4#00000000
editorIndentGuide.activeBackground5#00000000
editorIndentGuide.activeBackground6#00000000
editorIndentGuide.background#333844
editorIndentGuide.background1#333844
editorIndentGuide.background2#00000000
editorIndentGuide.background3#00000000
editorIndentGuide.background4#00000000
editorIndentGuide.background5#00000000
editorIndentGuide.background6#00000000
editorInfo.foreground#3794ff
editorInlayHint.background#49b6ff1a
editorInlayHint.foreground#969696
editorInlayHint.parameterBackground#49b6ff1a
editorInlayHint.parameterForeground#969696
editorInlayHint.typeBackground#49b6ff1a
editorInlayHint.typeForeground#969696
editorLightBulb.foreground#ffcc00
editorLightBulbAi.foreground#ffcc00
editorLightBulbAutoFix.foreground#75beff
editorLineNumber.activeForeground#c6c6c6
editorLineNumber.foreground#746f77
editorLink.activeForeground#3b79c7
editorMarkerNavigation.background#121418
editorMarkerNavigationError.background#d4503f
editorMarkerNavigationError.headerBackground#d4503f1a
editorMarkerNavigationInfo.background#3794ff
editorMarkerNavigationInfo.headerBackground#3794ff1a
editorMarkerNavigationWarning.background#ff9f2e
editorMarkerNavigationWarning.headerBackground#ff9f2e1a
editorMultiCursor.primary.foreground#ffcc00
editorMultiCursor.secondary.foreground#ffcc00
editorOverviewRuler.addedForeground#9bc53d70
editorOverviewRuler.border#1b1d23
editorOverviewRuler.bracketMatchForeground#a0a0a0
editorOverviewRuler.commentForeground#2a2c33
editorOverviewRuler.commentUnresolvedForeground#2a2c33
editorOverviewRuler.commonContentForeground#60606066
editorOverviewRuler.currentContentForeground#f92672
editorOverviewRuler.deletedForeground#fc644d70
editorOverviewRuler.errorForeground#ff1212b3
editorOverviewRuler.findMatchForeground#d186167e
editorOverviewRuler.incomingContentForeground#3b79c7bb
editorOverviewRuler.infoForeground#3794ff
editorOverviewRuler.inlineChatInserted#29bf1213
editorOverviewRuler.inlineChatRemoved#f21b3f13
editorOverviewRuler.modifiedForeground#5bc0eb70
editorOverviewRuler.rangeHighlightForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
editorOverviewRuler.warningForeground#ff9f2e
editorOverviewRuler.wordHighlightForeground#a0a0a0cc
editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
editorOverviewRuler.wordHighlightTextForeground#a0a0a0cc
editorPane.background#121418
editorRuler.foreground#4f4355
editorStickyScroll.background#121418
editorStickyScroll.border#1b1d23
editorStickyScroll.shadow#25282f
editorStickyScrollHover.background#2a2d2e
editorSuggestWidget.background#20232a
editorSuggestWidget.border#372f3c
editorSuggestWidget.focusHighlightForeground#2aaaff
editorSuggestWidget.foreground#e4dfe7
editorSuggestWidget.highlightForeground#2aaaff
editorSuggestWidget.selectedBackground#373941
editorSuggestWidget.selectedForeground#ffffff
editorSuggestWidgetStatus.foreground#e4dfe780
editorUnicodeHighlight.border#ff9f2e
editorUnnecessaryCode.opacity#000000aa
editorWarning.foreground#ff9f2e
editorWatermark.foreground#e4dfe799
editorWhitespace.foreground#333844
editorWidget.background#20232a
editorWidget.border#454545
editorWidget.foreground#d5ced9
errorForeground#d4503f
extensionBadge.remoteBackground#49b6ff
extensionBadge.remoteForeground#000000
extensionButton.background#0679dd
extensionButton.foreground#ffffff
extensionButton.hoverBackground#49b6ff
extensionButton.prominentBackground#0679dd
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#49b6ff
extensionButton.separator#ffffff66
extensionIcon.preReleaseForeground#1d9271
extensionIcon.sponsorForeground#d758b3
extensionIcon.starForeground#ff8e00
extensionIcon.verifiedForeground#3794ff
focusBorder#746f77
foreground#d5ced9
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#e4676b
gitDecoration.deletedResourceForeground#c74e39
gitDecoration.ignoredResourceForeground#8c8c8c
gitDecoration.modifiedResourceForeground#e2c08d
gitDecoration.renamedResourceForeground#73c991
gitDecoration.stageDeletedResourceForeground#c74e39
gitDecoration.stageModifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#73c991
gitlens.closedAutolinkedIssueIconColor#a371f7
gitlens.closedPullRequestIconColor#f85149
gitlens.decorations.addedForegroundColor#81b88b
gitlens.decorations.branchAheadForegroundColor#35b15e
gitlens.decorations.branchBehindForegroundColor#b15e35
gitlens.decorations.branchDivergedForegroundColor#d8af1b
gitlens.decorations.branchMissingUpstreamForegroundColor#c74e39
gitlens.decorations.branchUnpublishedForegroundColor#dddddd
gitlens.decorations.branchUpToDateForegroundColor#dddddd
gitlens.decorations.copiedForegroundColor#73c991
gitlens.decorations.deletedForegroundColor#c74e39
gitlens.decorations.ignoredForegroundColor#8c8c8c
gitlens.decorations.modifiedForegroundColor#e2c08d
gitlens.decorations.renamedForegroundColor#73c991
gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#c74e39
gitlens.decorations.statusMergingOrRebasingForegroundColor#d8af1b
gitlens.decorations.untrackedForegroundColor#73c991
gitlens.decorations.workspaceCurrentForegroundColor#35b15e
gitlens.decorations.workspaceRepoMissingForegroundColor#909090
gitlens.decorations.workspaceRepoOpenForegroundColor#35b15e
gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#e2c08d
gitlens.decorations.worktreeMissingForegroundColor#c74e39
gitlens.graphChangesColumnAddedColor#347d39
gitlens.graphChangesColumnDeletedColor#c93c37
gitlens.graphLane10Color#2ece9d
gitlens.graphLane1Color#15a0bf
gitlens.graphLane2Color#0669f7
gitlens.graphLane3Color#8e00c2
gitlens.graphLane4Color#c517b6
gitlens.graphLane5Color#d90171
gitlens.graphLane6Color#cd0101
gitlens.graphLane7Color#f25d2e
gitlens.graphLane8Color#f2ca33
gitlens.graphLane9Color#7bd938
gitlens.graphMinimapMarkerHeadColor#05e617
gitlens.graphMinimapMarkerHighlightsColor#fbff0a
gitlens.graphMinimapMarkerLocalBranchesColor#3087cf
gitlens.graphMinimapMarkerPullRequestsColor#c76801
gitlens.graphMinimapMarkerRemoteBranchesColor#2b5e88
gitlens.graphMinimapMarkerStashesColor#b34db3
gitlens.graphMinimapMarkerTagsColor#6b562e
gitlens.graphMinimapMarkerUpstreamColor#09ae17
gitlens.graphScrollMarkerHeadColor#05e617
gitlens.graphScrollMarkerHighlightsColor#fbff0a
gitlens.graphScrollMarkerLocalBranchesColor#3087cf
gitlens.graphScrollMarkerPullRequestsColor#c76801
gitlens.graphScrollMarkerRemoteBranchesColor#2b5e88
gitlens.graphScrollMarkerStashesColor#b34db3
gitlens.graphScrollMarkerTagsColor#6b562e
gitlens.graphScrollMarkerUpstreamColor#09ae17
gitlens.gutterBackgroundColor#ffffff13
gitlens.gutterForegroundColor#bebebe
gitlens.gutterUncommittedForegroundColor#00bcf299
gitlens.launchpadIndicatorAttentionColor#d8af1b
gitlens.launchpadIndicatorAttentionHoverColor#d8af1b
gitlens.launchpadIndicatorBlockedColor#c74e39
gitlens.launchpadIndicatorBlockedHoverColor#c74e39
gitlens.launchpadIndicatorMergeableColor#3fb950
gitlens.launchpadIndicatorMergeableHoverColor#3fb950
gitlens.lineHighlightBackgroundColor#00bcf233
gitlens.lineHighlightOverviewRulerColor#00bcf299
gitlens.mergedPullRequestIconColor#a371f7
gitlens.openAutolinkedIssueIconColor#3fb950
gitlens.openPullRequestIconColor#3fb950
gitlens.trailingLineBackgroundColor#00000000
gitlens.trailingLineForegroundColor#99999959
gitlens.unpublishedChangesIconColor#35b15e
gitlens.unpublishedCommitIconColor#35b15e
gitlens.unpulledChangesIconColor#b15e35
icon.foreground#c5c5c5
inlineChat.background#20232a
inlineChat.border#454545
inlineChat.foreground#d5ced9
inlineChat.shadow#14151a
inlineChatDiff.inserted#29bf1210
inlineChatDiff.removed#f21b3f10
inlineChatInput.background#2b303b
inlineChatInput.border#454545
inlineChatInput.focusBorder#746f77
inlineChatInput.placeholderForeground#746f77
inlineEdit.border#454b5c
inlineEdit.indicator.background#373941
inlineEdit.indicator.border#00e8c5cc
inlineEdit.indicator.foreground#d5ced9
inlineEdit.modifiedBackground#29bf120d
inlineEdit.originalBackground#f21b3f0d
input.background#2b303b
input.foreground#d5ced9
input.placeholderForeground#746f77
inputOption.activeBackground#746f7766
inputOption.activeBorder#c668ba
inputOption.activeForeground#ffffff
inputOption.hoverBackground#5a5d5e80
inputValidation.errorBackground#d4503f
inputValidation.errorBorder#d4503f
inputValidation.infoBackground#3b6599
inputValidation.infoBorder#3b6599
inputValidation.warningBackground#ee9e3d
inputValidation.warningBorder#ee9e3d
interactive.activeCodeBorder#262931
interactive.inactiveCodeBorder#2a2c33
keybindingLabel.background#8080802b
keybindingLabel.border#33333399
keybindingLabel.bottomBorder#44444499
keybindingLabel.foreground#cccccc
keybindingTable.headerBackground#d5ced90a
keybindingTable.rowsBackground#d5ced90a
list.activeSelectionBackground#333742
list.activeSelectionForeground#ffffff
list.deemphasizedForeground#8c8c8c
list.dropBackground#3a404e
list.dropBetweenBackground#c5c5c5
list.errorForeground#f88070
list.filterMatchBackground#49b6ff
list.focusBackground#333742
list.focusForeground#eeeeee
list.focusHighlightForeground#2aaaff
list.focusOutline#746f77
list.highlightForeground#2aaaff
list.hoverBackground#333742
list.hoverForeground#eeeeee
list.inactiveSelectionBackground#2a2c33
list.inactiveSelectionForeground#49b6ff
list.invalidItemForeground#b89500
list.warningForeground#cca700
listFilterWidget.background#20232a
listFilterWidget.noMatchesOutline#be1100
listFilterWidget.outline#00000000
listFilterWidget.shadow#14151a
menu.background#2b303b
menu.foreground#f0f0f0
menu.selectionBackground#333742
menu.selectionForeground#ffffff
menu.separatorBackground#606060
menubar.selectionBackground#5a5d5e50
menubar.selectionForeground#cccccc
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#f9267240
merge.currentHeaderBackground#f92672
merge.incomingContentBackground#3b79c740
merge.incomingHeaderBackground#3b79c7bb
mergeEditor.change.background#9bb95533
mergeEditor.change.word.background#9ccc2c33
mergeEditor.changeBase.background#4b1818
mergeEditor.changeBase.word.background#6f1313
mergeEditor.conflict.handled.minimapOverViewRuler#adaca8ee
mergeEditor.conflict.handledFocused.border#c1c1c1cc
mergeEditor.conflict.handledUnfocused.border#86868649
mergeEditor.conflict.input1.background#f9267266
mergeEditor.conflict.input2.background#3b79c74b
mergeEditor.conflict.unhandled.minimapOverViewRuler#fcba03
mergeEditor.conflict.unhandledFocused.border#ffa600
mergeEditor.conflict.unhandledUnfocused.border#ffa6007a
mergeEditor.conflictingLines.background#ffea0047
minimap.errorHighlight#ff1212b3
minimap.findMatchHighlight#d18616
minimap.foregroundOpacity#000000
minimap.infoHighlight#3794ff
minimap.selectionHighlight#264f78
minimap.selectionOccurrenceHighlight#676767
minimap.warningHighlight#ff9f2e
minimapGutter.addedBackground#9bc53dbb
minimapGutter.deletedBackground#fc644dbb
minimapGutter.modifiedBackground#5bc0ebbb
minimapSlider.activeBackground#3a3f4c66
minimapSlider.background#4a5f4b3c
minimapSlider.hoverBackground#3a3f4c55
multiDiffEditor.background#121418
multiDiffEditor.headerBackground#262626
notebook.cellBorderColor#2a2c33
notebook.cellEditorBackground#121418
notebook.cellInsertionIndicator#746f77
notebook.cellStatusBarItemHoverBackground#ffffff26
notebook.cellToolbarSeparator#80808059
notebook.editorBackground#121418
notebook.focusedCellBorder#746f77
notebook.focusedEditorBorder#746f77
notebook.inactiveFocusedCellBorder#2a2c33
notebook.selectedCellBackground#2a2c33
notebook.selectedCellBorder#2a2c33
notebook.symbolHighlightBackground#ffffff0b
notebookEditorOverviewRuler.runningCellForeground#89d185
notebookScrollbarSlider.activeBackground#3a3f4ccc
notebookScrollbarSlider.background#4a5f4b77
notebookScrollbarSlider.hoverBackground#3a3f4caa
notebookStatusErrorIcon.foreground#d4503f
notebookStatusRunningIcon.foreground#d5ced9
notebookStatusSuccessIcon.foreground#89d185
notificationCenterHeader.background#2a2e37
notificationLink.foreground#3794ff
notifications.background#20232a
notifications.border#2a2e37
notifications.foreground#d5ced9
notificationsErrorIcon.foreground#d4503f
notificationsInfoIcon.foreground#3794ff
notificationsWarningIcon.foreground#ff9f2e
panel.background#121418
panel.border#80808059
panel.dropBorder#e7e7e7
panelSection.border#80808059
panelSection.dropBackground#495061d7
panelSectionHeader.background#80808033
panelStickyScroll.background#121418
panelStickyScroll.shadow#25282f
panelTitle.activeBorder#e7e7e7
panelTitle.activeForeground#e7e7e7
panelTitle.inactiveForeground#e7e7e799
peekView.border#262931
peekViewEditor.background#2a2c32
peekViewEditor.matchHighlightBackground#ff9f2e60
peekViewEditorGutter.background#2a2c32
peekViewEditorStickyScroll.background#2a2c32
peekViewResult.background#2a2c32
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#ff9f2e60
peekViewResult.selectionBackground#121418
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#2a2c32
peekViewTitleDescription.foreground#78747a
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#3f3f46
pickerGroup.foreground#3794ff
ports.iconRunningProcessForeground#49b6ff
problemsErrorIcon.foreground#d4503f
problemsInfoIcon.foreground#3794ff
problemsWarningIcon.foreground#ff9f2e
profileBadge.background#4d4d4d
profileBadge.foreground#ffffff
profiles.sashBorder#80808059
progressBar.background#c668ba
quickInput.background#20232a
quickInput.foreground#d5ced9
quickInputList.focusBackground#333742
quickInputList.focusForeground#ffffff
quickInputTitle.background#ffffff1b
radio.activeBackground#746f7766
radio.activeBorder#c668ba
radio.activeForeground#ffffff
radio.inactiveBorder#ffffff33
radio.inactiveHoverBackground#5a5d5e80
sash.hoverBorder#746f77
scmGraph.foreground1#ffb000
scmGraph.foreground2#dc267f
scmGraph.foreground3#994f00
scmGraph.foreground4#40b0a6
scmGraph.foreground5#b66dff
scmGraph.historyItemBaseRefColor#ea5c00
scmGraph.historyItemHoverAdditionsForeground#81b88b
scmGraph.historyItemHoverDefaultLabelBackground#49b6ff
scmGraph.historyItemHoverDefaultLabelForeground#d5ced9
scmGraph.historyItemHoverDeletionsForeground#c74e39
scmGraph.historyItemHoverLabelForeground#ffffff
scmGraph.historyItemRefColor#3794ff
scmGraph.historyItemRemoteRefColor#b180d7
scrollbar.shadow#25282f
scrollbarSlider.activeBackground#3a3f4ccc
scrollbarSlider.background#4a5f4b77
scrollbarSlider.hoverBackground#3a3f4caa
search.resultsInfoForeground#ffffff
searchEditor.findMatchBackground#49b6ff4f
selection.background#746f77
settings.checkboxBackground#2b303b
settings.checkboxBorder#363c49
settings.checkboxForeground#f0f0f0
settings.dropdownBackground#2b303b
settings.dropdownBorder#363c49
settings.dropdownForeground#f0f0f0
settings.dropdownListBorder#454545
settings.focusedRowBackground#33374299
settings.focusedRowBorder#746f77
settings.headerBorder#80808059
settings.headerForeground#e7e7e7
settings.modifiedItemIndicator#0c7d9d
settings.numberInputBackground#2b303b
settings.numberInputForeground#d5ced9
settings.rowHoverBackground#3337424d
settings.sashBorder#80808059
settings.settingsHeaderHoverForeground#e7e7e7b3
settings.textInputBackground#2b303b
settings.textInputForeground#d5ced9
sideBar.background#121418
sideBar.dropBackground#495061d7
sideBar.foreground#dddddd
sideBarSectionHeader.background#121418
sideBarSectionHeader.foreground#dddddd
sideBarStickyScroll.background#121418
sideBarStickyScroll.shadow#25282f
sideBarTitle.background#121418
sideBarTitle.foreground#49b6ff
sideBySideEditor.horizontalBorder#444444
sideBySideEditor.verticalBorder#444444
simpleFindWidget.sashBorder#454545
statusBar.background#121418
statusBar.debuggingBackground#fc634c
statusBar.debuggingForeground#ffffff
statusBar.focusBorder#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#121418
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#07ebc8cc
statusBarItem.compactHoverBackground#ffffff33
statusBarItem.errorBackground#872a1e
statusBarItem.errorForeground#ffffff
statusBarItem.errorHoverBackground#0bc9acb0
statusBarItem.errorHoverForeground#ffffff
statusBarItem.focusBorder#ffffff
statusBarItem.hoverBackground#0bc9acb0
statusBarItem.hoverForeground#ffffff
statusBarItem.offlineBackground#6c1717
statusBarItem.offlineForeground#000000
statusBarItem.offlineHoverBackground#0bc9acb0
statusBarItem.offlineHoverForeground#ffffff
statusBarItem.prominentBackground#0bc9acb0
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#07ebc8cc
statusBarItem.prominentHoverForeground#ffffff
statusBarItem.remoteBackground#49b6ff
statusBarItem.remoteForeground#000000
statusBarItem.remoteHoverBackground#0bc9acb0
statusBarItem.remoteHoverForeground#ffffff
statusBarItem.warningBackground#b56000
statusBarItem.warningForeground#ffffff
statusBarItem.warningHoverBackground#0bc9acb0
statusBarItem.warningHoverForeground#ffffff
symbolIcon.arrayForeground#d5ced9
symbolIcon.booleanForeground#d5ced9
symbolIcon.classForeground#ee9d28
symbolIcon.colorForeground#d5ced9
symbolIcon.constantForeground#d5ced9
symbolIcon.constructorForeground#b180d7
symbolIcon.enumeratorForeground#ee9d28
symbolIcon.enumeratorMemberForeground#75beff
symbolIcon.eventForeground#ee9d28
symbolIcon.fieldForeground#75beff
symbolIcon.fileForeground#d5ced9
symbolIcon.folderForeground#d5ced9
symbolIcon.functionForeground#b180d7
symbolIcon.interfaceForeground#75beff
symbolIcon.keyForeground#d5ced9
symbolIcon.keywordForeground#d5ced9
symbolIcon.methodForeground#b180d7
symbolIcon.moduleForeground#d5ced9
symbolIcon.namespaceForeground#d5ced9
symbolIcon.nullForeground#d5ced9
symbolIcon.numberForeground#d5ced9
symbolIcon.objectForeground#d5ced9
symbolIcon.operatorForeground#d5ced9
symbolIcon.packageForeground#d5ced9
symbolIcon.propertyForeground#d5ced9
symbolIcon.referenceForeground#d5ced9
symbolIcon.snippetForeground#d5ced9
symbolIcon.stringForeground#d5ced9
symbolIcon.structForeground#d5ced9
symbolIcon.textForeground#d5ced9
symbolIcon.typeParameterForeground#d5ced9
symbolIcon.unitForeground#d5ced9
symbolIcon.variableForeground#75beff
tab.activeBackground#121418
tab.activeBorder#49b6ff
tab.activeForeground#49b6ff
tab.activeModifiedBorder#3399cc
tab.border#15232d
tab.dragAndDropBorder#49b6ff
tab.inactiveBackground#121418
tab.inactiveForeground#a29fa5
tab.inactiveModifiedBorder#3399cc80
tab.lastPinnedBorder#585858
tab.selectedBackground#121418
tab.selectedForeground#49b6ff
tab.unfocusedActiveBackground#121418
tab.unfocusedActiveBorder#49b6ff80
tab.unfocusedActiveForeground#49b6ff80
tab.unfocusedActiveModifiedBorder#3399cc80
tab.unfocusedInactiveBackground#121418
tab.unfocusedInactiveForeground#a29fa580
tab.unfocusedInactiveModifiedBorder#3399cc40
terminal.ansiBlack#000000
terminal.ansiBlue#7cb7ff
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#7cb7ff
terminal.ansiBrightCyan#00e8c6
terminal.ansiBrightGreen#96e072
terminal.ansiBrightMagenta#ff00aa
terminal.ansiBrightRed#ee5d43
terminal.ansiBrightWhite#e5e5e5
terminal.ansiBrightYellow#ffe66d
terminal.ansiCyan#00e8c6
terminal.ansiGreen#96e072
terminal.ansiMagenta#ff00aa
terminal.ansiRed#ee5d43
terminal.ansiWhite#e5e5e5
terminal.ansiYellow#ffe66d
terminal.border#80808059
terminal.dropBackground#495061d7
terminal.findMatchBackground#f39d12
terminal.findMatchHighlightBackground#49b6ff
terminal.foreground#cccccc
terminal.hoverHighlightBackground#37394180
terminal.inactiveSelectionBackground#30354180
terminal.initialHintForeground#ffffff56
terminal.selectionBackground#303541
terminal.tab.activeBorder#49b6ff
terminalCommandDecoration.defaultBackground#ffffff40
terminalCommandDecoration.errorBackground#f14c4c
terminalCommandDecoration.successBackground#1b81a8
terminalCommandGuide.foreground#2a2c33
terminalCursor.background#121418
terminalCursor.foreground#ffe66d
terminalOverviewRuler.border#1b1d23
terminalOverviewRuler.cursorForeground#a0a0a0cc
terminalOverviewRuler.findMatchForeground#d186167e
terminalStickyScrollHover.background#2a2d2e
testing.coverCountBadgeBackground#49b6ff
testing.coverCountBadgeForeground#000000
testing.coveredBackground#29bf1220
testing.coveredBorder#29bf1218
testing.coveredGutterBackground#29bf1213
testing.iconErrored#f14c4c
testing.iconErrored.retired#f14c4cb3
testing.iconFailed#f14c4c
testing.iconFailed.retired#f14c4cb3
testing.iconPassed#73c991
testing.iconPassed.retired#73c991b3
testing.iconQueued#cca700
testing.iconQueued.retired#cca700b3
testing.iconSkipped#848484
testing.iconSkipped.retired#848484b3
testing.iconUnset#848484
testing.iconUnset.retired#848484b3
testing.message.error.decorationForeground#d4503f
testing.message.error.lineBackground#ff00001a
testing.message.info.decorationForeground#e4dfe780
testing.messagePeekBorder#3794ff
testing.messagePeekHeaderBackground#3794ff1a
testing.peekBorder#d4503f
testing.peekHeaderBackground#d4503f1a
testing.runAction#73c991
testing.uncoveredBackground#f21b3f20
testing.uncoveredBorder#f21b3f18
testing.uncoveredBranchBackground#562332
testing.uncoveredGutterBackground#f21b3f30
textBlockQuote.background#222222
textBlockQuote.border#007acc80
textCodeBlock.background#0a0a0a66
textLink.activeForeground#3794ff
textLink.foreground#3794ff
textPreformat.background#ffffff1a
textPreformat.foreground#d7ba7d
textSeparator.foreground#ffffff2e
titleBar.activeBackground#1e2027
titleBar.activeForeground#cccccc
titleBar.inactiveBackground#1e202799
titleBar.inactiveForeground#cccccc99
toolbar.activeBackground#63666750
toolbar.hoverBackground#5a5d5e50
tree.inactiveIndentGuidesStroke#58585866
tree.indentGuidesStroke#585858
tree.tableColumnsBorder#cccccc20
tree.tableOddRowsBackground#d5ced90a
walkThrough.embeddedEditorBackground#121418
walkthrough.stepTitle.foreground#ffffff
welcomePage.progress.background#2b303b
welcomePage.progress.foreground#3794ff
welcomePage.tileBackground#20232a
welcomePage.tileBorder#ffffff1a
welcomePage.tileHoverBackground#262a32
widget.shadow#14151a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#888888	—
punctuation.accessor.js	#00aeff	bold
string	#FFF59D	—
constant.numeric	#ff5990	—
constant.language	#ff5990	—
constant.character, constant.other	#ff5990	—
variable	#ffffff	italic
meta.var.expr.js	#ffffff	bold
variable.other.object.property.js	#fc0054	italic
keyword	#E91E63	—
storage	#E91E63
storage.type	#00aeff	italic
entity.name.class	#9EE34F	underline
entity.other.inherited-class	#9EE34F	italic underline
entity.name.function	#9EE34F
variable.parameter	#FFAB40	italic
entity.name.tag	#E91E63
entity.other.attribute-name	#9EE34F
support.function	#81D4FA
support.constant	#81D4FA
support.type, support.class	#81D4FA	italic
support.other.variable	—
support.other.namespace, entity.name.type.namespace	#FFB2F9	—
support.other.namespace.use-as.php	#81D4FA	—
variable.language.namespace.php	#D66990	—
punctuation.separator.inheritance.php	#E91E63	—
support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css	#FFF59D	—
meta.tag.template.value.twig, meta.tag.template.block.twig	#CD5AC5	—
keyword.control.twig	#E05D8C	—
variable.other.twig	#E5A5E0	—
variable.other.property.twig	#FFE1FC	—
constant.language.twig	#FFD2A6	—
constant.numeric.twig	#FFD0FB	—
support.function.twig	#90E7F7	—
meta.function-call.other.twig	#FAB85A	—
meta.function-call.twig	#FAB85A	—
invalid	#F8F8F0
invalid.deprecated	#F8F8F0	—
text source	—	—
meta.diff, meta.diff.header	#E0EDDD	bold
markup.deleted	#D32F2F
markup.changed	#E53935
markup.inserted	#60CF30	—
meta.diff, meta.diff.range	#3BC0F0	—
markup.heading.markdown, markup.heading.1.markdown, markup.heading.2.markdown	#9EE34F	—
markup.bold.markdown	#F8F8F2	bold
markup.italic.markdown	#F8F8F2	italic
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown	#D32F2F	—
markup.list.unnumbered.markdown	#ff5990	—
markup.list.numbered.markdown	#ff5990	—
markup.raw.block.markdown, markup.raw.inline.markdown	#FFF59D	—
markup.quote.markdown, punctuation.definition.blockquote.markdown	#6C71C4	—
meta.separator.markdown	#ff5990	—
meta.image.inline.markdown, markup.underline.link.markdown	#8C8C8C	italic
string.other.link.title.markdown, string.other.link.description.markdown	#9EE34F	—
punctuation.definition.link.markdown	#8C8C8C	—
punctuation.definition.metadata.markdown	#8C8C8C	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown	#8C8C8C	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#ff5990	—
string.template meta.template.expression	#FFFFFF	—
source.python	#FFFFFF	—
variable.language.special.self.python	#72ff4f	—
meta.function-call.python	#4ac0ff	italic
meta.object-literal.key.js	#4ac0ff	italic