vstack themes

Name: vstack themes
Author: vanillagreen-publisher

Publisher: vanillagreen-publisherThemes in package: 25

Matched Ghostty + VS Code-family theme pack. 25 color themes + Rosé Pine icon theme, curated by vanillagreen and distributed with vstack.

Open in VS Code GitHub

Color themes

VS Code preview

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

vstack themes — Kawaii Pixel

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#FBE6F2
activityBar.activeBorder#6C3F9C
activityBar.background#FBE6F2
activityBar.border#A1ABE0
activityBar.dropBorder#A1ABE066
activityBar.foreground#563A8A
activityBar.inactiveForeground#844EA7
activityBarBadge.background#FBE6F2
activityBarBadge.foreground#D7EEF9
activityBarTop.activeBorder#A1ABE0
activityBarTop.dropBorder#A1ABE066
activityBarTop.foreground#563A8A
activityBarTop.inactiveForeground#844EA7
badge.background#9C4A7D
badge.foreground#563A8A
breadcrumb.activeSelectionForeground#563A8A
breadcrumb.background#D7EEF9
breadcrumb.focusForeground#563A8A
breadcrumb.foreground#844EA7
breadcrumbPicker.background#FFFFFF
button.background#6C3F9C
button.border#A1ABE066
button.foreground#FFFFFF
button.hoverBackground#844EA7
button.secondaryBackground#E8EAF6
button.secondaryForeground#563A8A
button.secondaryHoverBackground#D8D6CE
button.separator#A1ABE0
charts.blue#70A0BA
charts.foreground#563A8A
charts.green#68CFA3
charts.lines#A1ABE0
charts.orange#9C4A7D
charts.purple#9C4A7D
charts.red#9C4A7D
charts.yellow#8C5F24
chat.avatarBackground#E8EAF6
chat.avatarForeground#563A8A
chat.requestBackground#FBE6F2
chat.requestBorder#A1ABE0
chat.slashCommandBackground#E8EAF6
chat.slashCommandForeground#6C3F9C
checkbox.background#FFFFFF
checkbox.border#A1ABE0
checkbox.foreground#563A8A
commandCenter.activeBackground#E8EAF6
commandCenter.activeBorder#A1ABE0
commandCenter.activeForeground#563A8A
commandCenter.background#FBE6F2
commandCenter.border#A1ABE0
commandCenter.foreground#844EA7
commentsView.resolvedIcon#68CFA3
commentsView.unresolvedIcon#9C4A7D
contrastActiveBorder#563A8A00
contrastBorder#563A8A00
debugConsole.errorForeground#9C4A7D
debugConsole.infoForeground#70A0BA
debugConsole.warningForeground#6C3F9C
debugExceptionWidget.background#FBE6F2
debugExceptionWidget.border#A1ABE0
debugIcon.breakpointCurrentStackframeForeground#9C4A7D
debugIcon.breakpointDisabledForeground#9C4A7D80
debugIcon.breakpointForeground#9C4A7D
debugIcon.continueForeground#68CFA3
debugIcon.disconnectForeground#9C4A7D
debugIcon.pauseForeground#9C4A7D
debugIcon.restartForeground#68CFA3
debugIcon.startForeground#68CFA3
debugIcon.stepBackForeground#70A0BA
debugIcon.stepIntoForeground#70A0BA
debugIcon.stepOutForeground#70A0BA
debugIcon.stepOverForeground#70A0BA
debugIcon.stopForeground#9C4A7D
debugToolBar.background#FBE6F2
descriptionForeground#844EA7
diffEditor.border#A1ABE0
diffEditor.diagonalFill#E8EAF6
diffEditor.insertedLineBackground#FBE6F21f
diffEditor.insertedTextBackground#FBE6F226
diffEditor.insertedTextBorder#563A8A00
diffEditor.move.border#A1ABE04d
diffEditor.moveActive.border#A1ABE0b3
diffEditor.removedLineBackground#FBE6F21f
diffEditor.removedTextBackground#FBE6F226
diffEditor.removedTextBorder#563A8A00
diffEditor.unchangedCodeBackground#FBE6F2
diffEditor.unchangedRegionBackground#FBE6F2
diffEditor.unchangedRegionShadow#563A8A18
diffEditorGutter.insertedLineBackground#563A8A00
diffEditorGutter.removedLineBackground#563A8A00
diffEditorOverview.insertedForeground#68CFA366
diffEditorOverview.removedForeground#9C4A7D66
disabledForeground#844EA780
dropdown.background#FFFFFF
dropdown.border#A1ABE0
dropdown.foreground#563A8A
dropdown.listBackground#FFFFFF
editor.background#D7EEF9
editor.findMatchBackground#8C5F2455
editor.findMatchBorder#A1ABE0
editor.findMatchHighlightBackground#8C5F2430
editor.findMatchHighlightBorder#8C5F2480
editor.findRangeHighlightBackground#FBE6F218
editor.foldBackground#FBE6F280
editor.foldPlaceholderForeground#844EA7
editor.foreground#563A8A
editor.hoverHighlightBackground#FFFFFF18
editor.inactiveSelectionBackground#FBE6F222
editor.lineHighlightBackground#FBE6F2aa
editor.lineHighlightBorder#E8EAF6
editor.linkedEditingBackground#FBE6F222
editor.rangeHighlightBackground#FBE6F220
editor.selectionBackground#FBE6F240
editor.selectionForeground#563A8A
editor.selectionHighlightBackground#FBE6F218
editor.selectionHighlightBorder#A1ABE044
editor.wordHighlightBackground#FBE6F226
editor.wordHighlightBorder#A1ABE055
editor.wordHighlightStrongBackground#FBE6F233
editor.wordHighlightStrongBorder#A1ABE066
editorBracketHighlight.foreground1#9C4A7D
editorBracketHighlight.foreground2#8C5F24
editorBracketHighlight.foreground3#82C9D7
editorBracketHighlight.foreground4#70A0BA
editorBracketHighlight.foreground5#9C4A7D
editorBracketHighlight.foreground6#9C4A7D
editorBracketHighlight.unexpectedBracket.foreground#9C4A7D
editorBracketMatch.background#FBE6F222
editorBracketMatch.border#A1ABE099
editorCodeLens.foreground#844EA7
editorCommentsWidget.rangeActiveBackground#FFFFFF20
editorCommentsWidget.rangeBackground#FFFFFF12
editorCommentsWidget.replyInputBackground#FFFFFF
editorCursor.background#D7EEF9
editorCursor.foreground#6C3F9C
editorError.border#563A8A00
editorError.foreground#9C4A7D
editorGhostText.border#563A8A00
editorGhostText.foreground#844EA780
editorGroup.border#A1ABE0
editorGroup.dropBackground#6C3F9C66
editorGroup.emptyBackground#FBE6F2
editorGroupHeader.border#A1ABE0
editorGroupHeader.noTabsBackground#D7EEF9
editorGroupHeader.tabsBackground#E8EAF6
editorGroupHeader.tabsBorder#A1ABE0
editorGutter.addedBackground#FBE6F2
editorGutter.background#D7EEF9
editorGutter.commentRangeForeground#A1ABE0
editorGutter.deletedBackground#FBE6F2
editorGutter.modifiedBackground#FBE6F2
editorHint.foreground#82C9D7
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#A1ABE0
editorHoverWidget.foreground#563A8A
editorHoverWidget.highlightForeground#6C3F9C
editorHoverWidget.statusBarBackground#FBE6F2
editorIndentGuide.activeBackground1#A1ABE0
editorIndentGuide.background1#E8EAF6
editorInfo.border#563A8A00
editorInfo.foreground#70A0BA
editorInlayHint.background#E8EAF6aa
editorInlayHint.foreground#844EA7
editorInlayHint.parameterBackground#E8EAF6aa
editorInlayHint.parameterForeground#844EA7
editorInlayHint.typeBackground#E8EAF6aa
editorInlayHint.typeForeground#844EA7
editorLineNumber.activeForeground#6C3F9C
editorLineNumber.dimmedForeground#A1ABE0
editorLineNumber.foreground#844EA7
editorLink.activeForeground#563A8A
editorMarkerNavigation.background#FBE6F2
editorMarkerNavigationError.background#FBE6F266
editorMarkerNavigationInfo.background#FBE6F266
editorMarkerNavigationWarning.background#8C5F2466
editorOverviewRuler.addedForeground#68CFA380
editorOverviewRuler.border#A1ABE0
editorOverviewRuler.deletedForeground#9C4A7D80
editorOverviewRuler.errorForeground#9C4A7D
editorOverviewRuler.incomingContentForeground#14852a80
editorOverviewRuler.infoForeground#70A0BA
editorOverviewRuler.modifiedForeground#9C4A7D80
editorOverviewRuler.selectionHighlightForeground#9C4A7D80
editorOverviewRuler.warningForeground#8C5F24
editorRuler.foreground#A1ABE0
editorStickyScroll.background#D7EEF9
editorStickyScroll.shadow#563A8A18
editorStickyScrollHover.background#FBE6F2
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#A1ABE0
editorSuggestWidget.foreground#563A8A
editorSuggestWidget.highlightForeground#6C3F9C
editorSuggestWidget.selectedBackground#E8EAF6
editorSuggestWidget.selectedIconForeground#563A8A
editorUnnecessaryCode.border#563A8A00
editorUnnecessaryCode.opacity#563A8A55
editorWarning.border#563A8A00
editorWarning.foreground#8C5F24
editorWhitespace.foreground#A1ABE0
editorWidget.background#FFFFFF
editorWidget.border#A1ABE0
editorWidget.foreground#563A8A
editorWidget.resizeBorder#A1ABE080
errorForeground#9C4A7D
errorLens.errorForeground#ac2121fc
errorLens.hintForeground#0468bffc
errorLens.infoForeground#0468bffc
errorLens.warningForeground#bc7400fc
extensionButton.background#6C3F9C
extensionButton.foreground#FFFFFF
extensionButton.hoverBackground#844EA7
extensionButton.prominentBackground#6C3F9C
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#844EA7
extensionButton.separator#A1ABE0
focusBorder#6C3F9C
foreground#563A8A
gitDecoration.addedResourceForeground#68CFA3
gitDecoration.conflictingResourceForeground#8C5F24
gitDecoration.deletedResourceForeground#9C4A7D
gitDecoration.ignoredResourceForeground#844EA7
gitDecoration.modifiedResourceForeground#6C3F9C
gitDecoration.submoduleResourceForeground#844EA7
gitDecoration.untrackedResourceForeground#82C9D7
icon.foreground#844EA7
inlineChat.background#FFFFFF
inlineChat.border#A1ABE0
inlineChat.shadow#563A8A18
inlineChatInput.background#FFFFFF
inlineChatInput.border#A1ABE0
inlineChatInput.focusBorder#A1ABE0
inlineEdit.gutterIndicator.background#FBE6F266
inlineEdit.gutterIndicator.primaryBackground#FBE6F2cc
inlineEdit.gutterIndicator.primaryBorder#A1ABE0
inlineEdit.gutterIndicator.primaryForeground#D7EEF9
inlineEdit.gutterIndicator.secondaryBackground#D8D6CE
inlineEdit.gutterIndicator.secondaryBorder#A1ABE0
inlineEdit.gutterIndicator.secondaryForeground#563A8A
inlineEdit.gutterIndicator.successfulBackground#FBE6F2cc
inlineEdit.gutterIndicator.successfulBorder#A1ABE0
inlineEdit.gutterIndicator.successfulForeground#D7EEF9
inlineEdit.modifiedBackground#FBE6F220
inlineEdit.modifiedBorder#A1ABE0aa
inlineEdit.modifiedChangedLineBackground#FBE6F214
inlineEdit.modifiedChangedTextBackground#563A8A00
inlineEdit.originalBackground#FBE6F220
inlineEdit.originalBorder#A1ABE0aa
inlineEdit.originalChangedLineBackground#FBE6F2cc
inlineEdit.originalChangedTextBackground#563A8A00
inlineEdit.tabWillAcceptModifiedBorder#A1ABE0
inlineEdit.tabWillAcceptOriginalBorder#A1ABE0
input.background#FFFFFF
input.border#A1ABE0
input.foreground#563A8A
input.placeholderForeground#844EA7
inputOption.activeBackground#E8EAF6
inputOption.activeBorder#A1ABE0
inputOption.activeForeground#563A8A
inputOption.hoverBackground#E8EAF6
inputValidation.errorBackground#FBE6F2
inputValidation.errorBorder#9C4A7D
inputValidation.errorForeground#563A8A
inputValidation.infoBackground#FBE6F2
inputValidation.infoBorder#A1ABE0
inputValidation.infoForeground#563A8A
inputValidation.warningBackground#FBE6F2
inputValidation.warningBorder#8C5F24
inputValidation.warningForeground#563A8A
keybindingLabel.background#FBE6F2
keybindingLabel.border#A1ABE0
keybindingLabel.bottomBorder#A1ABE0
keybindingLabel.foreground#563A8A
list.activeSelectionBackground#E8EAF6
list.activeSelectionForeground#563A8A
list.deemphasizedForeground#844EA7
list.dropBackground#FBE6F220
list.errorForeground#9C4A7D
list.focusBackground#FBE6F226
list.focusForeground#563A8A
list.focusHighlightForeground#6C3F9C
list.highlightForeground#6C3F9C
list.hoverBackground#E8EAF699
list.hoverForeground#563A8A
list.inactiveSelectionBackground#FBE6F2
list.inactiveSelectionForeground#563A8A
list.invalidItemForeground#9C4A7D
list.warningForeground#8C5F24
menu.background#FFFFFF
menu.border#A1ABE0
menu.foreground#563A8A
menu.selectionBackground#E8EAF6
menu.selectionForeground#563A8A
menu.separatorBackground#A1ABE0
menubar.selectionBackground#E8EAF6
menubar.selectionForeground#563A8A
merge.border#A1ABE0
merge.commonContentBackground#8C5F2420
merge.commonHeaderBackground#8C5F2433
merge.currentContentBackground#FBE6F220
merge.currentHeaderBackground#FBE6F233
merge.incomingContentBackground#FBE6F220
merge.incomingHeaderBackground#FBE6F233
minimap.background#D7EEF9
minimap.errorHighlight#9C4A7D
minimap.findMatchHighlight#8C5F2480
minimap.selectionHighlight#9C4A7D40
minimap.selectionOccurrenceHighlight#22a5c9
minimap.warningHighlight#8C5F24
minimapGutter.addedBackground#FBE6F2
minimapGutter.deletedBackground#FBE6F2
minimapGutter.modifiedBackground#FBE6F2
multiDiffEditor.background#D7EEF9
multiDiffEditor.border#A1ABE0
multiDiffEditor.headerBackground#FBE6F2
notebook.cellBorderColor#A1ABE0
notebook.cellHoverBackground#FBE6F2
notebook.cellInsertionIndicator#9C4A7D
notebook.cellStatusBarItemHoverBackground#E8EAF6
notebook.editorBackground#D7EEF9
notebook.focusedCellBackground#D7EEF9
notebook.focusedCellBorder#A1ABE0
notebook.focusedEditorBorder#A1ABE0
notebook.inactiveFocusedCellBorder#A1ABE0
notebook.inactiveSelectedCellBorder#A1ABE0
notebook.outputContainerBackgroundColor#FBE6F2
notebook.outputContainerBorderColor#A1ABE0
notebook.selectedCellBackground#FBE6F2
notebook.selectedCellBorder#A1ABE0
notebook.symbolHighlightBackground#8C5F2433
notebookScrollbarSlider.activeBackground#FBE6F266
notebookScrollbarSlider.background#FBE6F226
notebookScrollbarSlider.hoverBackground#FFFFFF40
notificationCenterHeader.background#E8EAF6
notificationCenterHeader.foreground#563A8A
notificationLink.foreground#70A0BA
notifications.background#FFFFFF
notifications.border#A1ABE0
notifications.foreground#563A8A
notificationsErrorIcon.foreground#9C4A7D
notificationsInfoIcon.foreground#70A0BA
notificationsWarningIcon.foreground#8C5F24
panel.background#FBE6F2
panel.border#A1ABE0
panel.dropBorder#A1ABE080
panel.foreground#563A8A
panelInput.border#A1ABE0
panelSection.border#A1ABE0
panelSectionHeader.background#E8EAF6
panelSectionHeader.border#A1ABE0
panelSectionHeader.foreground#563A8A
panelTitle.activeBorder#A1ABE0
panelTitle.activeForeground#563A8A
panelTitle.inactiveForeground#844EA7
peekView.border#A1ABE0
peekViewEditor.background#D7EEF9
peekViewEditor.matchHighlightBackground#8C5F2455
peekViewEditor.matchHighlightBorder#563A8A00
peekViewEditorGutter.background#D7EEF9
peekViewEditorStickyScroll.background#FBE6F2
peekViewResult.background#FBE6F2
peekViewResult.fileForeground#563A8A
peekViewResult.lineForeground#844EA7
peekViewResult.matchHighlightBackground#8C5F2455
peekViewResult.selectionBackground#E8EAF6
peekViewResult.selectionForeground#563A8A
peekViewTitle.background#E8EAF6
peekViewTitleDescription.foreground#844EA7
peekViewTitleLabel.foreground#563A8A
pickerGroup.border#A1ABE0
pickerGroup.foreground#6C3F9C
ports.iconRunningProcessForeground#68CFA3
profileBadge.background#E8EAF6
profileBadge.foreground#563A8A
progressBar.background#FBE6F2
quickInput.background#FFFFFF
quickInput.foreground#563A8A
quickInputList.focusBackground#E8EAF6
quickInputList.focusForeground#563A8A
quickInputList.focusIconForeground#9C4A7D
quickInputTitle.background#E8EAF6
sash.hoverBorder#A1ABE050
scmGraph.foreground1#9C4A7D
scmGraph.foreground2#70A0BA
scmGraph.foreground3#68CFA3
scmGraph.foreground4#9C4A7D
scmGraph.foreground5#9C4A7D
scmGraph.historyItemBaseRefColor#6C3F9C
scmGraph.historyItemHoverAdditionsForeground#68CFA3
scmGraph.historyItemHoverDefaultLabelBackground#E8EAF6
scmGraph.historyItemHoverDefaultLabelForeground#563A8A
scmGraph.historyItemHoverDeletionsForeground#9C4A7D
scmGraph.historyItemHoverLabelForeground#563A8A
scmGraph.historyItemRefColor#8C5F24
scmGraph.historyItemRemoteRefColor#70A0BA
scrollbar.shadow#563A8A18
scrollbarSlider.activeBackground#FBE6F266
scrollbarSlider.background#FBE6F226
scrollbarSlider.hoverBackground#FFFFFF40
secondarySideBar.background#FBE6F2
secondarySideBar.border#A1ABE0
secondarySideBar.foreground#563A8A
selection.background#FBE6F233
settings.checkboxBackground#FFFFFF
settings.checkboxBorder#A1ABE0
settings.checkboxForeground#563A8A
settings.dropdownBackground#FFFFFF
settings.dropdownBorder#A1ABE0
settings.dropdownForeground#563A8A
settings.headerForeground#563A8A
settings.modifiedItemIndicator#9C4A7D
settings.numberInputBackground#FFFFFF
settings.numberInputBorder#A1ABE0
settings.numberInputForeground#563A8A
settings.rowHoverBackground#FBE6F2
settings.settingsHeaderHoverForeground#563A8A
settings.textInputBackground#FFFFFF
settings.textInputBorder#A1ABE0
settings.textInputForeground#563A8A
sideBar.background#D7EEF9
sideBar.border#A1ABE0
sideBar.dropBackground#FBE6F222
sideBar.foreground#563A8A
sideBarSectionHeader.background#FBE6F2
sideBarSectionHeader.border#A1ABE0
sideBarSectionHeader.foreground#844EA7
sideBarStickyScroll.background#FBE6F2
sideBarStickyScroll.shadow#563A8A18
sideBarTitle.foreground#563A8A
statusBar.background#6C3F9C
statusBar.border#A1ABE0
statusBar.debuggingBackground#9C4A7D
statusBar.debuggingForeground#563A8A
statusBar.foreground#FFFFFF
statusBar.noFolderBackground#E8EAF6
statusBar.noFolderBorder#A1ABE0
statusBar.noFolderForeground#563A8A
statusBarItem.activeBackground#D8D6CE
statusBarItem.compactHoverBackground#FFFFFFcc
statusBarItem.errorBackground#FBE6F2
statusBarItem.errorForeground#D7EEF9
statusBarItem.errorHoverBackground#FFFFFF
statusBarItem.errorHoverForeground#D7EEF9
statusBarItem.hoverBackground#D8D6CE
statusBarItem.hoverForeground#563A8A
statusBarItem.offlineBackground#FBE6F2
statusBarItem.offlineForeground#D7EEF9
statusBarItem.offlineHoverBackground#FFFFFF
statusBarItem.offlineHoverForeground#D7EEF9
statusBarItem.prominentBackground#D8D6CE
statusBarItem.prominentForeground#563A8A
statusBarItem.prominentHoverBackground#A1ABE0
statusBarItem.prominentHoverForeground#D7EEF9
statusBarItem.remoteBackground#FBE6F2
statusBarItem.remoteForeground#D7EEF9
statusBarItem.remoteHoverBackground#00cccc
statusBarItem.remoteHoverForeground#D7EEF9
statusBarItem.warningBackground#8C5F24
statusBarItem.warningForeground#563A8A
statusBarItem.warningHoverBackground#ef9300
statusBarItem.warningHoverForeground#D7EEF9
tab.activeBackground#D7EEF9
tab.activeBorder#D7EEF9
tab.activeBorderTop#6C3F9C
tab.activeForeground#563A8A
tab.activeModifiedBorder#A1ABE0
tab.border#E8EAF6
tab.hoverBackground#FBE6F2
tab.hoverForeground#563A8A
tab.inactiveBackground#E8EAF6
tab.inactiveForeground#844EA7
tab.inactiveModifiedBorder#9C4A7D
tab.lastPinnedBorder#E8EAF6
tab.unfocusedActiveBackground#D7EEF9
tab.unfocusedActiveBorder#D7EEF9
tab.unfocusedActiveForeground#563A8A
tab.unfocusedActiveModifiedBorder#9C4A7D
tab.unfocusedHoverBackground#FBE6F2
tab.unfocusedHoverForeground#563A8A
tab.unfocusedInactiveForeground#844EA7
tab.unfocusedInactiveModifiedBorder#9C4A7D
terminal.ansiBlack#563A8A
terminal.ansiBlue#70A0BA
terminal.ansiBrightBlack#844EA7
terminal.ansiBrightBlue#B8F3FD
terminal.ansiBrightCyan#C9F0FB
terminal.ansiBrightGreen#A6E7BA
terminal.ansiBrightMagenta#9E70C8
terminal.ansiBrightRed#B85B94
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#A66A1E
terminal.ansiCyan#82C9D7
terminal.ansiGreen#68CFA3
terminal.ansiMagenta#7D5AB0
terminal.ansiRed#9C4A7D
terminal.ansiWhite#F6E7F3
terminal.ansiYellow#8C5F24
terminal.background#D7EEF9
terminal.foreground#563A8A
terminal.selectionBackground#FBE6F233
terminal.selectionForeground#563A8A
terminalCursor.background#D7EEF9
terminalCursor.foreground#9C4A7D
terminalStickyScroll.background#FBE6F2
terminalStickyScrollHover.background#E8EAF6
testing.iconErrored#9C4A7D
testing.iconFailed#9C4A7D
testing.iconPassed#68CFA3
testing.iconQueued#8C5F24
testing.iconSkipped#844EA7
testing.iconUnset#844EA7
testing.peekBorder#A1ABE0
testing.peekHeaderBackground#FBE6F2
textBlockQuote.background#FBE6F2
textBlockQuote.border#A1ABE0
textCodeBlock.background#FBE6F2
textLink.activeForeground#B8F3FD
textLink.foreground#6C3F9C
textPreformat.background#FBE6F2
textPreformat.foreground#6C3F9C
textSeparator.foreground#A1ABE0
titleBar.activeBackground#FBE6F2
titleBar.activeForeground#563A8A
titleBar.border#A1ABE0
titleBar.inactiveBackground#E8EAF6
titleBar.inactiveForeground#844EA7
toolbar.activeBackground#FBE6F280
toolbar.hoverBackground#FFFFFF4d
tree.indentGuidesStroke#A1ABE0
walkThrough.embeddedEditorBackground#FBE6F2
welcomePage.progress.background#E8EAF6
welcomePage.progress.foreground#9C4A7D
welcomePage.tileBackground#FBE6F2
welcomePage.tileBorder#A1ABE0
welcomePage.tileHoverBackground#E8EAF6
widget.shadow#563A8A18

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#9694C1	italic
keyword, storage.modifier, keyword.control, keyword.operator.expression, storage.type	#6C3F9C	—
entity.name.function, support.function, meta.function-call entity.name.function	#6C3F9C	—
entity.name.type, support.type, support.class, entity.name.class	#82C9D7	—
string, punctuation.definition.string	#9C4A7D	—
constant, constant.numeric, constant.language	#8C5F24	—
variable.other.property, support.type.property-name, entity.other.attribute-name	#6C3F9C	—
variable, variable.parameter	#563A8A	—
markup.heading, entity.name.section	#6C3F9C	bold
markup.underline.link, string.other.link	#82C9D7	—
support.module.elm, entity.other.inherited-class.python, variable.other.object, support.other.namespace.php, entity.other.attribute-name.namespace.xml, record.accessor, entity.name.record.field.accessor, storage.modifier.import.java, storage.modifier.import.groovy, meta.import.swift entity.name.type.swift, meta.member.access.python, variable.other.property.ts, variable.other.property.js, constant.language.symbol.elixir, punctuation.tag.liquid support.class.liquid, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell punctuation.definition.variable.powershell, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell, source.cpp meta.block.class.cpp meta.body.class.cpp, source.cpp meta.block.class.cpp meta.body.class.cpp meta.function.definition.special.constructor.cpp meta.body.function.definition.special.constructor.cpp	#9C4A7D	—
entity.name.type	#5e8516	—
comment, punctuation.definition.comment, string.quoted.docstring.multi, comment.block.documentation source	#68919cb3	italic
constant, support.constant.core.php	#9C4A7D	—
meta.section.struct.go variable.other.field.go, meta.section.struct.go variable.other.declaration.go, source, support, constant.character.entity.named, meta.jsx.children, source.lua, text.html.derivative, source.graphql meta.selections variable.other.alias.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql variable.graphql, source.graphql variable.arguments.graphql, JSXNested	#563A8A	—
entity.name.function.decorator, meta.decorator entity.name.function, meta.decorator punctuation.decorator, punctuation.definition.decorator, meta.decorator variable.other.readwrite.ts, variable.parameter.gdscript, entity.name.variable.parameter, variable.parameter	#9C4A7D	—
keyword.control.export, support.type.object.module	#8C5F24	—
support.function, entity.name.function, meta.function-call, meta.function, meta.method.declaration, meta.function-call support, variable.language.super.ts, source.directive, meta.function-call.generic, meta.method-call.static.php, meta.method-call.php, meta.class storage.type, meta.method.groovy, meta.bracket.square.access, entity.name.function-call.elixir, punctuation.output.liquid support.variable.liquid, meta.function.echo.edge source.js keyword.operator.error-control.js, entity.name.type.variant.gdscript, entity.name.function.powershell	#70A0BA	—
keyword.control.import, meta.module.name.elm support, meta.import.elm support, keyword.control.at-rule, punctuation.definition.keyword, variable.control.import.include, keyword.other.import.java	#8C5F24	—
keyword.package.go, keyword.operator.pointer.go, keyword.control, keyword.control.conditional, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.begin.blade, keyword.end.blade, keyword.blade, keyword.type-alias, keyword.type, support.class.console, keyword.other.await, storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, keyword.other.new, keyword.other.phpdoc, keyword.other.use.php, keyword.operator.logical.python, keyword.other.import.static.groovy, keyword.other.import.groovy, punctuation.definition.attribute.swift, source.svelte meta.scope.tag.main.svelte meta.tag.start.svelte variable.function.svelte, meta.directive.on.svelte entity.name.type.svelte, keyword.other.special-method.elixir, keyword.edge, entity.name.function.edge, support.constant.edge, keyword.other.gdscript, keyword.other.onready.gdscript, source.graphql meta.fragment.graphql keyword.on.graphql, source.graphql meta.type.interface.graphql keyword.implements.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql keyword.operator.nulltype.graphql, source.graphql meta.variables.graphql keyword.operator.nulltype.graphql, source.graphql meta.type.interface.graphql meta.type.object.graphql keyword.operator.nulltype.graphql, keyword.operator.class.php, keyword.operator.spread.php, keyword.operator.type.php, keyword.operator.increment-decrement.php, keyword.operator.increment-increment.php, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, keyword.operator.string.php, keyword.operator.ternary.php, keyword.operator.variadic.php, keyword.operator.nullable-type.php, keyword.other.use-as.php, keyword.import.go, keyword.operator.address.go, keyword.operator.null-coalescing, keyword.operator.arrow, keyword.struct.go, keyword.operator.liquid, keyword.operator.optional.ts, keyword.cmake, keyword.codetag.notation, keyword.operator.pipe.shell	#8C5F24	—
meta.object-literal.key, variable.object.property	#563A8A	—
keyword.other.definition.ini, support.type.property-name, entity.name.tag.yaml	#8C5F24	—
keyword.operator.comparison, storage.type.function.arrow, keyword.operator.lua, keyword.operator.assignment, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.math	#8C5F24	—
punctuation, attribute_value, meta.brace, punctuation.definition.parameters, punctuation.definition.template-expression, keyword.operator, keyword.other, punctuation.terminator, punctuation.separator, punctuation.definition.generic.begin, punctuation.definition.generic.end, meta.function.type-declaration, keyword.other.colon.elm, meta.record.field.elm keyword.other.elm, keyword.other.period.elm, meta.tag.xml, meta.tag.preprocessor.xml, punctuation.definition.block, punctuation.accessor, constant.name.attribute.tag.pug, string.interpolated.pug, keyword.other.whitespace.liquid, meta.tag.template.block.twig, meta.tag.template.value.twig, begin.bracket, end.bracket, text.html.twig meta.tag.inline.any, text.html.twig meta.tag.block.any, support.function.construct.begin.blade, support.function.construct.end.blade source.php, support.function.construct.end.blade, meta.function.echo.blade source.php, punctuation.definition.list.begin.python, punctuation.definition.list.end.python, text.html.vue-html meta.tag.block.any, keyword.operator.assignment.tsx, meta.definition.method.signature.java, meta.class.body.groovy, meta.definition.method.groovy meta.method.body.java meta.declaration.assertion.groovy, punctuation.definition.list.begin.erlang, meta.expression.parenthesized, meta.definition.function.swift meta.parameter-clause.swift, source.swift meta.function-call.swift, punctuation.section.embedded.end.swift source.swift, source.lua, meta.function.lua, punctuation.definition.keyword.svelte, source.svelte meta.scope.tag.SpeakerPicture.svelte meta.tag.start.svelte entity.other.attribute-name.svelte, expression.embbeded.vue punctuation.definition.tag.begin.html.vue, expression.embbeded.vue punctuation.definition.tag.end.html.vue, source.graphql meta.type.interface.graphql meta.type.object.graphql meta.type.list.graphql meta.brace.square.graphql, punctuation.output.liquid, text.html.liquid meta.tag.liquid punctuation.definition.tag.end.liquid, JSXAttrs keyword.operator.assignment.jsx, meta.tag.attributes.js keyword.operator.assignment.js	#563A8A66	—
entity.name.package.go, variable.language.this, variable.language.special.self, variable.parameter.function.language.special.self, variable.language.this.php punctuation.definition.variable.php, meta.class.body.php storage.type.php, variable.parameter.function.swift entity.name.function.swift, variable.other.jsdoc, support.variable.drive.powershell, entity.other.attribute.lua	#9C4A7D	—
storage, meta.var.expr storage.type, storage.type.function, keyword.function, storage.type.class, storage.type.property, keyword.other, keyword.local.lua, entity.name.class, meta.function.lua keyword.control.lua, storage.type.enum, storage.type.interface, storage.type.type, entity.name.type.class.java, support.class.php, entity.other.inherited-class.php, entity.name.type.class.groovy, storage.type.rust, entity.name.type.class.swift, source.svelte meta.script.svelte source.ts entity.name.label.ts, meta.directive.on.svelte keyword.control.svelte, storage.type.const.gdscript, storage.type.var.gdscript, source.graphql declaration.meta.type keyword, source.graphql meta.type.interface.graphql keyword.type.graphql, source.graphql keyword.schema.graphql, source.graphql keyword.operation.graphql, source.graphql meta.enum.graphql keyword.enum.graphql, source.graphql meta.fragment.graphql keyword.fragment.graphql, storage.type.trait.php, keyword.type.go, keyword.var.go, storage.type.powershell, keyword.const.go, keyword.storage.modifier	#82C9D7	—
string, string.template, string.quoted.single, punctuation.definition.string, punctuation.definition.string.template, punctuation.definition.string.begin, punctuation.definition.string.end.html source.js-ignored-vscode, punctuation.definition.string.end.html source.js, punctuation.definition.string.end.html.vue, punctuation.definition.string.end.html source.ts, punctuation.definition.string.end.html source.tsx, punctuation.definition.string.end.html source.js.jsx, punctuation.definition.string.end, string.other.link, constant.character.escape.regexp, variable.parameter.url, constant.other.symbol.quoted.single.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.begin.erlang, constant.other.symbol.quoted.single.erlang punctuation.definition.symbol.end.erlang, meta.import.ts punctuation.definition.variable.svelte, punctuation.definition.string.end.html source.css-ignored-vscode, text.html.edge punctuation.definition.variable.js, string.unquoted.plain.out.yaml, string.quoted.single.python punctuation.definition.string.begin.python, string.quoted.single.python punctuation.definition.string.end.python, punctuation.definition.string.end.html source.css, string.quoted.double.html source.css, punctuation.definition.subshell.single.shell, punctuation.section.parenthese.shell	#68CFA3	—
string.quoted.docstring.multi.python, string.quoted.double.block.python punctuation.definition.string.end.python, string.quoted.double.block.python punctuation.definition.string.begin.python, string.quoted.double.block.python, punctuation.definition.string.begin.python, punctuation.definition.string.end.python	#3e5414cc	—
entity.name.type, support.type, support.class, storage.type, entity.other.inherited-class, keyword.type, storage.type.java, storage.type.primitive.java, storage.type.generic.java, keyword.other.type, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php source.php, punctuation.section.embedded.end.php, storage.type.object.array.java, storage.type.primitive.groovy, storage.type.groovy, meta.definition.type.body.swift meta.function-call.swift, meta.definition.type.class.swift meta.inheritance-clause.swift, variable.other.constant.elixir, source.graphql declaration.meta.type support, source.graphql meta.selections, source.graphql meta.enum.graphql meta.type.object.graphql constant.character.enum.graphql, source.graphql meta.fragment.graphql entity.name.fragment.graphql, entity.name.type.class.php, support.class.php, entity.other.inherited-class.php, entity.other.alias.php, meta.group.simple.subexpression.powershell meta.scriptblock.powershell storage.type.powershell	#6C3F9C	—
variable, variable.language, entity.name.type.class.js, entity.name.variable, support.variable.magic, meta.method.body, entity.name.variable, punctuation.definition.variable, meta.class variable.object.property, variable.other.constant entity.name.function, entity.name.variable.tuple-element.cs punctuation.separator.colon.cs, meta.definition.variable.name.groovy, meta.body.struct.cpp, parameter.variable.function.elixir, meta.directive.edge source.js, meta.function.echo.edge source.js, text.html.edge meta.function.echo.edge meta.function-call.js, source.css variable.parameter.keyframe-list.css, source.css meta.property-value.css, source.css.scss meta.at-rule.keyframes.scss entity.name.function.scss, source.css.scss meta.property-value.scss, entity.name.variable.tuple-element, meta.group.simple.subexpression.powershell support.variable.automatic.powershell, support.variable.automatic.powershell, storage.source.cmake, entity.source.cmake	#9C4A7D	—
source.elm constant.type-constructor	#9C4A7D	—
source.elm storage.type	#6C3F9C	—
entity.name.tag.other.html, entity.name.tag support.class.component, support.class.component.html	#6C3F9C	—
source.diff meta.diff.header.to-file, source.diff markup.inserted.diff, source.diff punctuation.definition.to-file.diff, source.diff punctuation.definition.inserted.diff	#68CFA3	—
source.diff punctuation.definition.from-file.diff, source.diff meta.diff.header.from-file, source.diff markup.deleted.diff, source.diff punctuation.definition.deleted.diff	#9C4A7D	—
source.diff meta.diff.header.command	#70A0BA	—
source.diff punctuation.definition.range.diff, source.diff meta.diff.range.unified	#9C4A7D	—
support.variable.liquid, support.class.liquid	#9C4A7D	—
text.html.basic entity.name, source.js-ignored-vscode, entity.name.tag, meta.embedded.block.blade constant.other.php, meta.embedded.block.blade keyword.operator.comparison.php, meta.embedded.block.blade keyword.operator.arithmetic.php, meta.tag.start.svelte keyword.control.svelte, meta.tag.end.svelte keyword.control.svelte	#70A0BA	—
meta.tag.sgml.doctype.html, punctuation.definition.tag, meta.tag.block.any, meta.tag.block.any.html, meta.tag.inline.any, source.css-ignored-vscode, meta.tag.metadata.style.end.html, text.html.vue invalid.illegal.character-not-allowed-here.html, meta.tag.inline.i.start.html, meta.tag.structure.div.start.html, punctuation.definition.tag.end.html.vue, invalid.illegal.character-not-allowed-here.html	#70A0BAb3	—
entity.other.attribute-name, entity.name.tag.liquid, invalid.deprecated.entity.other.attribute-name, meta.embedded.block.blade storage.type.php	#8C5F24	—
markup.inline.raw.string.markdown, punctuation.definition.raw.markdown, markup.fenced_code.block.markdown, markup.fenced_code.block.markdown punctuation, markup.raw.block.markdown	#6C3F9C	—
fenced_code.block.language	#6C3F9C	—
punctuation.definition.list.begin	#70A0BA	—
punctuation.definition.list.begin	#70A0BA	—
entity.name.section, markup.heading.setext	#8C5F24	—
punctuation.definition.heading	#8C5F24	—
markup.underline.link, markup.underline.link.image	#70A0BA	—
markup.bold, punctuation.definition.bold	#9C4A7D	bold
markup.strikethrough, punctuation.definition.strikethrough	#9C4A7D	—
markup.italic, punctuation.definition.italic	#9C4A7D	italic
markup.quote, markup.quote.markdown punctuation.definition.quote.begin	#9C4A7D	—
punctuation.definition.quote.begin	#70A0BA	—
meta.embedded.block.frontmatter punctuation.definition.tag.begin, meta.embedded.block.frontmatter punctuation.definition.tag.end, meta.embedded.block.frontmatter string.unquoted.plain.out	#68919c	italic
entity.other.attribute-name.pseudo-class	#9C4A7D	—
entity.other.attribute-name.pseudo-element	#9C4A7D	—
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity	#82C9D7	—
entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity	#82C9D7	—
support.type.property-name.css, support.type.vendored.property-name, meta.property-list entity.name.tag.css, meta.property-list.scss meta.property-list.scss entity.name.tag.css, meta.property-list meta.property-name, source.css.scss meta.property-list.scss entity.name.tag.css	#563A8A	—
source.css.scss entity.other.attribute-name.id , source.css entity.other.attribute-name.id , entity.other.attribute-name.id punctuation.definition.entity	#6C3F9C	—
entity.name.tag.reference, meta.property-list	#9C4A7D	—
keyword.other.unit	#9C4A7D	—
support.constant.property-value, support.constant.font-name, meta.property-value.css, meta.attribute.style.html	#9C4A7D	—
constant.numeric	#9C4A7D	—
entity.name.tag.css, meta.property-list.scss entity.name.tag.css	#70A0BA	—
comment, punctuation.definition.comment	#9694C1	italic
keyword, storage.modifier, keyword.control, keyword.operator.expression	#6C3F9C	—
entity.name.function, support.function, meta.function-call entity.name.function	#6C3F9C	—
entity.name.type, support.type, support.class, entity.name.class	#91A39B	—
string, punctuation.definition.string	#9C4A7D	—
constant, constant.numeric, constant.language	#9C4A7D	—
variable.other.property, support.type.property-name, entity.other.attribute-name	#8A6D3B	—
variable, variable.parameter	#563A8A	—
markup.heading, entity.name.section	#6C3F9C	bold
markup.underline.link, string.other.link	#2F6FA8	—
support.module.elm, entity.other.inherited-class.python, variable.other.object, support.other.namespace.php, entity.other.attribute-name.namespace.xml, record.accessor, entity.name.record.field.accessor, storage.modifier.import.java, storage.modifier.import.groovy, meta.import.swift entity.name.type.swift, meta.member.access.python, variable.other.property.ts, variable.other.property.js, constant.language.symbol.elixir, punctuation.tag.liquid support.class.liquid, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell punctuation.definition.variable.powershell, meta.scriptblock.powershell meta.group.simple.subexpression.powershell meta.group.simple.subexpression.powershell meta.scriptblock.powershell meta.scriptblock.powershell support.variable.automatic.powershell, source.cpp meta.block.class.cpp meta.body.class.cpp, source.cpp meta.block.class.cpp meta.body.class.cpp meta.function.definition.special.constructor.cpp meta.body.function.definition.special.constructor.cpp	#9C4A7D	—
entity.name.type	#9C4A7D	—
comment, punctuation.definition.comment, string.quoted.docstring.multi, comment.block.documentation source	#9694C1	italic
constant, support.constant.core.php	#B64239	—