GrayJack Themes

Name: GrayJack Themes
Author: GrayJack

Publisher: GrayJackThemes in package: 27

My personal take on classic/famous themes

GitHub

Color themes

VS Code preview

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

GrayJack Themes — GrayJack's Catppuccin Macchiatto

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#00000000
activityBar.activeBorder#c6a0f6
activityBar.activeFocusBorder#00000000
activityBar.background#181926
activityBar.border#1e1f2f
activityBar.dropBorder#c6a0f633
activityBar.foreground#c6a0f6
activityBar.inactiveForeground#c6a0f659
activityBarBadge.background#8bd5ca
activityBarBadge.foreground#181926
activityBarTop.activeBackground#00000000
activityBarTop.activeBorder#c6a0f6
activityBarTop.background#181926
activityBarTop.dropBorder#c6a0f633
activityBarTop.foreground#c6a0f6
activityBarTop.inactiveForeground#c6a0f659
activityErrorBadge.background#ed8796
activityErrorBadge.foreground#181926
activityWarningBadge.background#eed49f
activityWarningBadge.foreground#181926
badge.background#181926
badge.foreground#c6a0f6
banner.background#494d64
banner.foreground#cad3f5
banner.iconForeground#cad3f5
breadcrumb.activeSelectionForeground#8bd5ca
breadcrumb.background#1b1c2a
breadcrumb.focusForeground#8bd5ca
breadcrumb.foreground#a6acc4
breadcrumbPicker.background#212334d9
button.background#c6a0f6
button.border#00000000
button.foreground#181926
button.hoverBackground#dac1f9
button.secondaryBackground#363a4f
button.secondaryForeground#cad3f5
button.secondaryHoverBackground#444a64
button.separator#00000000
chart.axis#212334
chart.guide#939ab7
chart.line#181926
charts.blue#8aadf4
charts.foreground#cad3f5
charts.green#a6da95
charts.lines#b8c0e0
charts.orange#f5a97f
charts.purple#c6a0f6
charts.red#ed8796
charts.yellow#eed49f
checkbox.background#494d64
checkbox.border#00000000
checkbox.foreground#8bd5ca
checkbox.selectBackground#dac1f9
checkbox.selectBorder#00000000
commandCenter.activeBackground#363a4f33
commandCenter.activeBorder#c6a0f6
commandCenter.activeForeground#c6a0f6
commandCenter.background#212334
commandCenter.border#00000000
commandCenter.debuggingBackground#495a51
commandCenter.foreground#b8c0e0
commandCenter.inactiveBorder#00000000
commandCenter.inactiveForeground#b8c0e0
commentsView.resolvedIcon#a6da95
commentsView.unresolvedIcon#f5a97f
debugConsole.errorForeground#ed8796
debugConsole.infoForeground#8aadf4
debugConsole.sourceForeground#a6acc4
debugConsole.warningForeground#eed49f
debugConsoleInputIcon.foreground#cad3f5
debugExceptionWidget.background#181926
debugExceptionWidget.border#c6a0f6
debugIcon.breakpointCurrentStackframeForeground#363a4f
debugIcon.breakpointDisabledForeground#ed879699
debugIcon.breakpointForeground#ed8796
debugIcon.breakpointStackframeForeground#363a4f
debugIcon.breakpointUnverifiedForeground#926173
debugIcon.continueForeground#a6da95
debugIcon.disconnectForeground#363a4f
debugIcon.pauseForeground#8aadf4
debugIcon.restartForeground#8bd5ca
debugIcon.startForeground#a6da95
debugIcon.stepBackForeground#363a4f
debugIcon.stepIntoForeground#cad3f5
debugIcon.stepOutForeground#cad3f5
debugIcon.stepOverForeground#f5bde6
debugIcon.stopForeground#ed8796
debugTokenExpression.boolean#f5a97f
debugTokenExpression.error#ff94ae
debugTokenExpression.name#cad3f5
debugTokenExpression.number#f5a97f
debugTokenExpression.string#a6da95
debugTokenExpression.type#eed49f
debugTokenExpression.value#cad3f5
debugToolBar.background#181926
debugToolBar.border#00000000
debugView.exceptionLabelBackground#ed879659
debugView.exceptionLabelForeground#cad3f5
debugView.stateLabelBackground#8aadf459
debugView.stateLabelForeground#cad3f5
debugView.valueChangedHighlight#00000000
descriptionForeground#cad3f5
diffEditor.border#363a4f
diffEditor.diagonalFill#363a4f99
diffEditor.insertedLineBackground#a6da9517
diffEditor.insertedTextBackground#a6da9514
diffEditor.insertedTextBorder#00000000
diffEditor.removedLineBackground#ed879617
diffEditor.removedTextBackground#ed879614
diffEditor.removedTextBorder#00000000
diffEditorGutter.insertedLineBackground#a6da9514
diffEditorGutter.removedLineBackground#ed879617
diffEditorOverview.insertedForeground#a6da95cc
diffEditorOverview.removedForeground#ed8796cc
disabledForeground#b8c0e0
dropdown.background#212334
dropdown.border#c6a0f6
dropdown.foreground#cad3f5
dropdown.listBackground#363a4f
editor.background#24273a
editor.compositionBorder#00000000
editor.findMatchBackground#587e82
editor.findMatchBorder#8bd5ca33
editor.findMatchHighlightBackground#89606d
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#65578566
editor.findRangeHighlightBorder#00000000
editor.focusedStackFrameHighlightBackground#a6da9526
editor.foldBackground#363a4f40
editor.foldPlaceholderForeground#f0c6c6
editor.foreground#cad3f5
editor.hoverHighlightBackground#c6a0f640
editor.inactiveSelectionBackground#6e738d59
editor.inlineValuesBackground#212334
editor.inlineValuesForeground#b8c0e0
editor.lineHighlightBackground#cad3f51a
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#00000000
editor.placeholder.foreground#00000000
editor.rangeHighlightBackground#c6a0f640
editor.rangeHighlightBorder#00000000
editor.selectionBackground#6e738d40
editor.selectionHighlightBackground#6c718a80
editor.selectionHighlightBorder#6e738d80
editor.stackFrameHighlightBackground#eed49f26
editor.symbolHighlightBackground#c6a0f640
editor.symbolHighlightBorder#00000000
editor.wordHighlightBackground#6e738d33
editor.wordHighlightBorder#6e738d33
editor.wordHighlightStrongBackground#7dc4e433
editor.wordHighlightStrongBorder#7dc4e433
editor.wordHighlightTextBackground#6e738d33
editor.wordHighlightTextBorder#6e738d33
editorBracketHighlight.foreground1#ee909ecc
editorBracketHighlight.foreground2#f6af88cc
editorBracketHighlight.foreground3#f0d8a8cc
editorBracketHighlight.foreground4#acdd9dcc
editorBracketHighlight.foreground5#85c8e6cc
editorBracketHighlight.foreground6#cca9f7cc
editorBracketHighlight.unexpectedBracket.foreground#ee99a0
editorBracketMatch.background#6e738d1a
editorBracketMatch.border#6e738d
editorBracketPairGuide.activeBackground1#ee909ecc
editorBracketPairGuide.activeBackground2#f6af88cc
editorBracketPairGuide.activeBackground3#f0d8a8cc
editorBracketPairGuide.activeBackground4#acdd9dcc
editorBracketPairGuide.activeBackground5#85c8e6cc
editorBracketPairGuide.activeBackground6#cca9f7cc
editorBracketPairGuide.background1#ee909ecc
editorBracketPairGuide.background2#f6af88cc
editorBracketPairGuide.background3#f0d8a8cc
editorBracketPairGuide.background4#acdd9dcc
editorBracketPairGuide.background5#85c8e6cc
editorBracketPairGuide.background6#cca9f7cc
editorCodeLens.foreground#8087a2
editorCursor.background#24273a
editorCursor.foreground#c6a0f6
editorError.background#00000000
editorError.border#00000000
editorError.foreground#ed8796
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#cad3f580
editorGroup.border#181926
editorGroup.dropBackground#c6a0f633
editorGroup.dropIntoPromptBackground#c6a0f6
editorGroup.dropIntoPromptBorder#c6a0f640
editorGroup.dropIntoPromptForeground#cad3f5
editorGroup.emptyBackground#212334
editorGroup.focusedEmptyBorder#181926
editorGroupHeader.border#212334
editorGroupHeader.noTabsBackground#212334
editorGroupHeader.tabsBackground#24273a
editorGroupHeader.tabsBorder#1c1d2c
editorGutter.addedBackground#a6da95
editorGutter.background#24273a
editorGutter.commentGlyphForeground#c6a0f6
editorGutter.commentRangeForeground#494d64
editorGutter.commentUnresolvedGlyphForeground#7a5e73
editorGutter.deletedBackground#ed8796
editorGutter.foldingControlForeground#6e738d
editorGutter.modifiedBackground#eed49f
editorHint.border#00000000
editorHint.foreground#a6da95
editorHoverWidget.background#212334
editorHoverWidget.border#494d64
editorHoverWidget.foreground#a5adcb
editorHoverWidget.highlightForeground#cad3f5
editorHoverWidget.statusBarBackground#363a4f
editorIndentGuide.activeBackground#363a4f
editorIndentGuide.activeBackground1#ed8796
editorIndentGuide.activeBackground2#f5a97f
editorIndentGuide.activeBackground3#eed49f
editorIndentGuide.activeBackground4#a6da95
editorIndentGuide.activeBackground5#7dc4e4
editorIndentGuide.activeBackground6#c6a0f6
editorIndentGuide.background#494d64
editorIndentGuide.background1#494d64
editorIndentGuide.background2#494d64
editorIndentGuide.background3#494d64
editorIndentGuide.background4#494d64
editorIndentGuide.background5#494d64
editorIndentGuide.background6#494d64
editorInfo.background#00000000
editorInfo.border#00000000
editorInfo.foreground#8aadf4
editorInlayHint.background#2a2d43c0
editorInlayHint.foreground#8087a2c0
editorInlayHint.parameterBackground#2a2d43c0
editorInlayHint.parameterForeground#f5bde6c0
editorInlayHint.typeBackground#2a2d43c0
editorInlayHint.typeForeground#eed49fc0
editorLightBulb.foreground#eed49f
editorLightBulbAi.foreground#f5bde6
editorLightBulbAutoFix.foreground#a6da95
editorLineNumber.activeForeground#b0e3db
editorLineNumber.dimmedForeground#8087a233
editorLineNumber.foreground#8087a2
editorLink.activeForeground#8bd5ca
editorMarkerNavigation.background#212334
editorMarkerNavigationError.background#ed8796
editorMarkerNavigationError.headerBackground#ed87961a
editorMarkerNavigationInfo.background#8aadf4
editorMarkerNavigationInfo.headerBackground#8aadf41a
editorMarkerNavigationWarning.background#eed49f
editorMarkerNavigationWarning.headerBackground#eed49f1a
editorMinimap.inlineChatInserted#a6da95bf
editorMultiCursor.primary.background#24273a
editorMultiCursor.primary.foreground#8bd5ca
editorMultiCursor.secondary.background#24273a
editorMultiCursor.secondary.foreground#c6a0f6
editorOverviewRuler.addedForeground#a6da95
editorOverviewRuler.background#212334
editorOverviewRuler.border#cad3f512
editorOverviewRuler.bracketMatchForeground#6e738d1a
editorOverviewRuler.commentForeground#00000000
editorOverviewRuler.commentUnresolvedForeground#00000000
editorOverviewRuler.commonContentForeground#00000000
editorOverviewRuler.currentContentForeground#00000000
editorOverviewRuler.deletedForeground#ee99a0
editorOverviewRuler.errorForeground#ed8796
editorOverviewRuler.findMatchForeground#4b5d55
editorOverviewRuler.incomingContentForeground#00000000
editorOverviewRuler.infoForeground#8aadf4
editorOverviewRuler.inlineChatInserted#a6da9533
editorOverviewRuler.inlineChatRemoved#ee99a033
editorOverviewRuler.modifiedForeground#eed49f
editorOverviewRuler.rangeHighlightForeground#434f72
editorOverviewRuler.selectionHighlightForeground#6e738d33
editorOverviewRuler.warningForeground#eed49f
editorOverviewRuler.wordHighlightForeground#6e738d33
editorOverviewRuler.wordHighlightStrongForeground#7dc4e433
editorOverviewRuler.wordHighlightTextForeground#6e738d33
editorPane.background#1c1f2d
editorRuler.foreground#cad3f524
editorStickyScroll.background#24273a
editorStickyScroll.border#181926
editorStickyScroll.shadow#181926
editorStickyScrollHover.background#363a4f
editorSuggestWidget.background#212334
editorSuggestWidget.border#363a4f
editorSuggestWidget.focusHighlightForeground#8bd5ca
editorSuggestWidget.foreground#cad3f5
editorSuggestWidget.highlightForeground#c6a0f6
editorSuggestWidget.selectedBackground#363a4f80
editorSuggestWidget.selectedForeground#cad3f5
editorSuggestWidget.selectedIconForeground#f0c6c6
editorSuggestWidgetStatus.foreground#b8c0e0
editorUnicodeHighlight.background#00000000
editorUnicodeHighlight.border#ff94ae
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#00000099
editorWarning.background#00000000
editorWarning.border#00000000
editorWarning.foreground#eed49f
editorWhitespace.foreground#6e738d66
editorWidget.background#212334
editorWidget.border#00000000
editorWidget.foreground#cad3f5
editorWidget.resizeBorder#363a4f
errorForeground#ed8796
errorLens.errorBackground#ed879626
errorLens.errorBackgroundLight#ed879626
errorLens.errorForeground#ed8796
errorLens.errorForegroundLight#ed8796
errorLens.errorMessageBackground#ed879626
errorLens.hintBackground#a6da9526
errorLens.hintBackgroundLight#a6da9526
errorLens.hintForeground#a6da95
errorLens.hintForegroundLight#a6da95
errorLens.hintMessageBackground#a6da9526
errorLens.infoBackground#8aadf426
errorLens.infoBackgroundLight#8aadf426
errorLens.infoForeground#8aadf4
errorLens.infoForegroundLight#8aadf4
errorLens.infoMessageBackground#8aadf426
errorLens.statusBarErrorForeground#ed8796
errorLens.statusBarHintForeground#a6da95
errorLens.statusBarIconErrorForeground#ed8796
errorLens.statusBarIconWarningForeground#eed49f
errorLens.statusBarInfoForeground#8aadf4
errorLens.statusBarWarningForeground#eed49f
errorLens.warningBackground#eed49f26
errorLens.warningBackgroundLight#eed49f26
errorLens.warningForeground#eed49f
errorLens.warningForegroundLight#eed49f
errorLens.warningMessageBackground#eed49f26
extensionBadge.remoteBackground#f0c6c6
extensionBadge.remoteForeground#181926
extensionButton.background#c6a0f6
extensionButton.foreground#181926
extensionButton.hoverBackground#dac1f9
extensionButton.prominentBackground#c6a0f6
extensionButton.prominentForeground#181926
extensionButton.prominentHoverBackground#dac1f9
extensionButton.separator#24273a
extensionIcon.starForeground#eed49f
extensionIcon.verifiedForeground#8bd5ca
focusBorder#c6a0f6
foreground#cad3f5
git.blame.editorDecorationForeground#a5adcb
gitDecoration.addedResourceForeground#a6da95
gitDecoration.conflictingResourceForeground#f5a97f
gitDecoration.deletedResourceForeground#ed8796
gitDecoration.ignoredResourceForeground#8087a2
gitDecoration.modifiedResourceForeground#8aadf4
gitDecoration.renamedResourceForeground#8bd5ca
gitDecoration.stageDeletedResourceForeground#ed8796
gitDecoration.stageModifiedResourceForeground#8aadf4
gitDecoration.submoduleResourceForeground#a6acc4
gitDecoration.untrackedResourceForeground#c6a0f6
gitlens.closedAutolinkedIssueIconColor#c6a0f6
gitlens.closedPullRequestIconColor#ed8796
gitlens.decorations.branchAheadForegroundColor#a6da95
gitlens.decorations.branchBehindForegroundColor#f5a97f
gitlens.decorations.branchDivergedForegroundColor#eed49f
gitlens.decorations.branchMissingUpstreamForegroundColor#f5a97f
gitlens.decorations.branchUnpublishedForegroundColor#a6da95
gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#f4dbd6
gitlens.decorations.statusMergingOrRebasingForegroundColor#eed49f
gitlens.decorations.workspaceCurrentForegroundColor#c6a0f6
gitlens.decorations.workspaceRepoMissingForegroundColor#f4dbd6
gitlens.decorations.workspaceRepoOpenForegroundColor#c6a0f6
gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#f5a97f
gitlens.decorations.worktreeMissingForegroundColor#f4dbd6
gitlens.graphChangesColumnAddedColor#a6da95
gitlens.graphChangesColumnDeletedColor#ed8796
gitlens.graphLane10Color#c6a0f6
gitlens.graphLane1Color#c6a0f6
gitlens.graphLane2Color#8bd5ca
gitlens.graphLane3Color#f0c6c6
gitlens.graphLane4Color#ee99a0
gitlens.graphLane5Color#ed8796
gitlens.graphLane6Color#f5a97f
gitlens.graphLane7Color#eed49f
gitlens.graphLane8Color#a6da95
gitlens.graphLane9Color#7dc4e4
gitlens.graphMinimapMarkerHeadColor#a6da95
gitlens.graphMinimapMarkerHighlightsColor#eed49f
gitlens.graphMinimapMarkerLocalBranchesColor#8aadf4
gitlens.graphMinimapMarkerRemoteBranchesColor#739df2
gitlens.graphMinimapMarkerStashesColor#c6a0f6
gitlens.graphMinimapMarkerTagsColor#f5bde6
gitlens.graphMinimapMarkerUpstreamColor#96d382
gitlens.graphScrollMarkerHeadColor#a6da95
gitlens.graphScrollMarkerHighlightsColor#eed49f
gitlens.graphScrollMarkerLocalBranchesColor#8aadf4
gitlens.graphScrollMarkerRemoteBranchesColor#739df2
gitlens.graphScrollMarkerStashesColor#c6a0f6
gitlens.graphScrollMarkerTagsColor#f5bde6
gitlens.graphScrollMarkerUpstreamColor#96d382
gitlens.gutterBackgroundColor#5b60784d
gitlens.gutterForegroundColor#cad3f5
gitlens.gutterUncommittedForegroundColor#c6a0f6
gitlens.lineHighlightBackgroundColor#c6a0f6cc
gitlens.lineHighlightOverviewRulerColor#c6a0f6cc
gitlens.mergedPullRequestIconColor#c6a0f6
gitlens.openAutolinkedIssueIconColor#a6da95
gitlens.openPullRequestIconColor#a6da95
gitlens.trailingLineBackgroundColor#00000000
gitlens.trailingLineForegroundColor#cad3f54d
gitlens.unpublishedChangesIconColor#a6da95
gitlens.unpublishedCommitIconColor#a6da95
gitlens.unpulledChangesIconColor#f5a97f
icon.foreground#c6a0f6
input.background#363a4f
input.border#00000000
input.foreground#cad3f5
input.placeholderForeground#cad3f573
inputOption.activeBackground#212334
inputOption.activeBorder#c6a0f6
inputOption.activeForeground#cad3f5
inputOption.hoverBackground#5b60784d
inputValidation.errorBackground#604456
inputValidation.errorBorder#ed8796
inputValidation.errorForeground#a5adcb
inputValidation.infoBackground#414c6e
inputValidation.infoBorder#8aadf4
inputValidation.infoForeground#a5adcb
inputValidation.warningBackground#5f5854
inputValidation.warningBorder#eed49f
inputValidation.warningForeground#a5adcb
interactive.activeCodeBorder#00000000
interactive.inactiveCodeBorder#00000000
issues.closed#c6a0f6
issues.newIssueDecoration#a6da95
issues.open#a6da95
keybindingLabel.background#24273a80
keybindingLabel.border#8bd5ca66
keybindingLabel.bottomBorder#8bd5ca66
keybindingLabel.foreground#b8c0e0
keybindingTable.headerBackground#00000000
keybindingTable.rowsBackground#00000000
list.activeSelectionBackground#5a547980
list.activeSelectionForeground#cad3f5
list.activeSelectionIconForeground#cad3f5
list.deemphasizedForeground#cad3f533
list.dropBackground#c6a0f633
list.dropBetweenBackground#181926b3
list.errorForeground#ed8796
list.filterMatchBackground#586a6480
list.filterMatchBorder#00000000
list.focusAndSelectionOutline#c6a0f6
list.focusBackground#363a4f
list.focusForeground#cad3f5
list.focusHighlightForeground#8bd5ca
list.focusOutline#c6a0f6
list.highlightForeground#c6a0f6
list.hoverBackground#363a4f80
list.hoverForeground#cad3f5
list.inactiveFocusBackground#00000000
list.inactiveFocusOutline#c6a0f6
list.inactiveSelectionBackground#5a547966
list.inactiveSelectionForeground#cad3f5
list.inactiveSelectionIconForeground#cad3f5
list.invalidItemForeground#ff94ae
list.warningForeground#eed49f
listFilterWidget.background#212334
listFilterWidget.noMatchesOutline#ed8796
listFilterWidget.outline#00000000
listFilterWidget.shadow#00000000
menu.background#24273a
menu.border#00000000
menu.foreground#cad3f5
menu.selectionBackground#363a4f4d
menu.selectionBorder#00000000
menu.selectionForeground#cad3f5
menu.separatorBackground#363a4f
menubar.selectionBackground#494d644d
menubar.selectionBorder#00000000
menubar.selectionForeground#cad3f5
merge.border#212334
merge.commonContentBackground#494d64
merge.commonHeaderBackground#363a4f
merge.currentContentBackground#a6da9533
merge.currentHeaderBackground#a6da9566
merge.incomingContentBackground#a6da9533
merge.incomingHeaderBackground#8aadf466
mergeEditor.change.background#00000000
mergeEditor.change.word.background#00000000
mergeEditor.changeBase.background#00000000
mergeEditor.changeBase.word.background#00000000
mergeEditor.conflict.handled.minimapOverViewRuler#00000000
mergeEditor.conflict.handledFocused.border#00000000
mergeEditor.conflict.handledUnfocused.border#00000000
mergeEditor.conflict.input1.background#00000000
mergeEditor.conflict.input2.background#00000000
mergeEditor.conflict.unhandled.minimapOverViewRuler#00000000
mergeEditor.conflict.unhandledFocused.border#00000000
mergeEditor.conflict.unhandledUnfocused.border#00000000
mergeEditor.conflictingLines.background#00000000
minimap.background#212334f2
minimap.errorHighlight#ed8796bf
minimap.findMatchHighlight#8bd5ca66
minimap.infoHighlight#8aadf4bf
minimap.selectionHighlight#363a4fbf
minimap.selectionOccurrenceHighlight#363a4fbf
minimap.warningHighlight#eed49fbf
minimapGutter.addedBackground#a6da95bf
minimapGutter.deletedBackground#ed8796bf
minimapGutter.modifiedBackground#eed49fbf
minimapSlider.activeBackground#c6a0f699
minimapSlider.background#c6a0f633
minimapSlider.hoverBackground#c6a0f666
multiDiffEditor.background#24273a
multiDiffEditor.border#363a4f
multiDiffEditor.headerBackground#212334
notificationCenter.border#c6a0f6
notificationCenterHeader.background#212334
notificationCenterHeader.foreground#cad3f5
notificationLink.foreground#8bd5ca
notifications.background#212334
notifications.border#c6a0f6
notifications.foreground#cad3f5
notificationsErrorIcon.foreground#ed8796
notificationsInfoIcon.foreground#8aadf4
notificationsWarningIcon.foreground#eed49f
notificationToast.border#c6a0f6
outputView.background#181926
outputViewStickyScroll.background#212334
panel.background#181926
panel.border#24273a
panel.dropBorder#c6a0f633
panelInput.border#00000000
panelSection.border#00000000
panelSection.dropBackground#c6a0f633
panelSectionHeader.background#363a4f
panelSectionHeader.border#00000000
panelSectionHeader.foreground#cad3f5
panelStickyScroll.background#212334
panelStickyScroll.border#181926
panelStickyScroll.shadow#181926
panelTitle.activeBorder#c6a0f6
panelTitle.activeForeground#c6a0f6
panelTitle.border#00000000
panelTitle.inactiveForeground#cad3f5cc
peekView.border#c6a0f6
peekViewEditor.background#212334
peekViewEditor.matchHighlightBackground#2e384840
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#212334
peekViewEditorStickyScroll.background#212334
peekViewResult.background#181926
peekViewResult.fileForeground#a5adcb
peekViewResult.lineForeground#a5adcb
peekViewResult.matchHighlightBackground#2e384840
peekViewResult.selectionBackground#6e738d40
peekViewResult.selectionForeground#cad3f5
peekViewTitle.background#4c4264
peekViewTitleDescription.foreground#b8c0e0b3
peekViewTitleLabel.foreground#cad3f5
pickerGroup.border#c6a0f6
pickerGroup.foreground#c6a0f6
ports.iconRunningProcessForeground#f5a97f
problemsErrorIcon.foreground#ed8796
problemsInfoIcon.foreground#8aadf4
problemsWarningIcon.foreground#eed49f
profileBadge.background#00000000
profileBadge.foreground#00000000
profiles.sashBorder#c6a0f6
progressBar.background#c6a0f6
pullRequests.closed#ed8796
pullRequests.draft#6e738d
pullRequests.merged#c6a0f6
pullRequests.notification#b8c0e0
pullRequests.open#a6da95
quickInput.background#212334
quickInput.foreground#cad3f5
quickInputList.focusBackground#61598199
quickInputList.focusForeground#e2cffa
quickInputList.focusIconForeground#c6a0f6
quickInputTitle.background#8bd5ca
radio.activeBackground#494d64
radio.activeBorder#00000000
radio.activeForeground#cad3f5
radio.inactiveBackground#00000000
radio.inactiveBorder#00000000
radio.inactiveForeground#b8c0e0
radio.inactiveHoverBackground#363a4f
rust_analyzer.inlayHints.background#2a2d43c0
rust_analyzer.inlayHints.background.chainingHints#2a2d43c0
rust_analyzer.inlayHints.background.parameterHints#2a2d43c0
rust_analyzer.inlayHints.background.typeHints#2a2d43c0
rust_analyzer.inlayHints.foreground#8087a2c0
rust_analyzer.inlayHints.foreground.chainingHints#eed49fc0
rust_analyzer.inlayHints.foreground.parameterHints#f5bde6c0
rust_analyzer.inlayHints.foreground.typeHints#eed49fc0
sash.hoverBorder#c6a0f6
scmGraph.foreground1#c6a0f6
scmGraph.foreground2#8bd5ca
scmGraph.foreground3#f0c6c6
scmGraph.foreground4#ed8796
scmGraph.foreground5#f5a97f
scmGraph.historyItemBaseRefColor#ee99a0
scmGraph.historyItemHoverAdditionsForeground#a6da95
scmGraph.historyItemHoverDefaultLabelBackground#c6a0f6
scmGraph.historyItemHoverDefaultLabelForeground#212334
scmGraph.historyItemHoverDeletionsForeground#ed8796
scmGraph.historyItemHoverLabelForeground#212334
scmGraph.historyItemRefColor#c6a0f6
scmGraph.historyItemRemoteRefColor#f0c6c6
scrollbar.shadow#181926
scrollbarSlider.activeBackground#5b607866
scrollbarSlider.background#363a4f80
scrollbarSlider.hoverBackground#939ab7
search.resultsInfoForeground#00000000
searchEditor.findMatchBackground#567c7f
searchEditor.findMatchBorder#8bd5ca33
searchEditor.textInputBorder#00000000
selection.background#c6a0f666
settings.checkboxBackground#494d64
settings.checkboxBorder#00000000
settings.checkboxForeground#c6a0f6
settings.dropdownBackground#494d64
settings.dropdownBorder#c6a0f6
settings.dropdownForeground#cad3f5
settings.dropdownListBorder#c6a0f6
settings.focusedRowBackground#363a4f33
settings.focusedRowBorder#c6a0f6e6
settings.headerBorder#00000000
settings.headerForeground#c6a0f6
settings.modifiedItemIndicator#c6a0f6
settings.numberInputBackground#494d64
settings.numberInputBorder#00000000
settings.numberInputForeground#cad3f5
settings.rowHoverBackground#2123344d
settings.sashBorder#c6a0f6
settings.settingsHeaderHoverForeground#8bd5ca
settings.textInputBackground#494d64
settings.textInputBorder#00000000
settings.textInputForeground#cad3f5
sideBar.background#212334
sideBar.border#181926
sideBar.dropBackground#c6a0f640
sideBar.foreground#cad3f5
sideBarActivityBarTop.border#181926
sideBarSectionHeader.background#2e324a
sideBarSectionHeader.border#212334
sideBarSectionHeader.foreground#f2afb4
sideBarStickyScroll.background#212334
sideBarStickyScroll.border#181926
sideBarStickyScroll.shadow#181926
sideBarTitle.background#212334
sideBarTitle.border#181926
sideBarTitle.foreground#8bd5ca
sideBySideEditor.horizontalBorder#939ab7
sideBySideEditor.verticalBorder#939ab7
simpleFindWidget.sashBorder#c6a0f6
statusBar.background#c6a0f6
statusBar.border#181926
statusBar.debuggingBackground#ee99a0
statusBar.debuggingBorder#181926
statusBar.debuggingForeground#181926
statusBar.focusBorder#00000000
statusBar.foreground#181926
statusBar.noFolderBackground#f0c6c6
statusBar.noFolderBorder#181926
statusBar.noFolderForeground#181926
statusBarItem.activeBackground#00000000
statusBarItem.compactHoverBackground#00000000
statusBarItem.errorBackground#ed8796
statusBarItem.errorForeground#181926
statusBarItem.errorHoverBackground#ffffff
statusBarItem.errorHoverForeground#181926
statusBarItem.focusBorder#ed8796
statusBarItem.hoverBackground#00000000
statusBarItem.hoverForeground#212334
statusBarItem.offlineBackground#00000000
statusBarItem.offlineForeground#181926
statusBarItem.offlineHoverBackground#181926
statusBarItem.offlineHoverForeground#00000000
statusBarItem.prominentBackground#00000000
statusBarItem.prominentForeground#b27ff3
statusBarItem.prominentHoverBackground#363a4f33
statusBarItem.prominentHoverForeground#00000000
statusBarItem.remoteBackground#8bd5ca
statusBarItem.remoteForeground#181926
statusBarItem.remoteHoverBackground#a5ded6
statusBarItem.remoteHoverForeground#181926
statusBarItem.warningBackground#eed49f
statusBarItem.warningForeground#181926
statusBarItem.warningHoverBackground#ffffff
statusBarItem.warningHoverForeground#181926
symbolIcon.arrayForeground#f5a97f
symbolIcon.booleanForeground#f5a97f
symbolIcon.classForeground#eed49f
symbolIcon.colorForeground#f5a97f
symbolIcon.constantForeground#f5a97f
symbolIcon.constructorForeground#8aadf4
symbolIcon.enumeratorForeground#eed49f
symbolIcon.enumeratorMemberForeground#8bd5ca
symbolIcon.eventForeground#eed49f
symbolIcon.fieldForeground#ee99a0
symbolIcon.fileForeground#5e678d
symbolIcon.folderForeground#5e678d
symbolIcon.functionForeground#8aadf4
symbolIcon.interfaceForeground#eed49f
symbolIcon.keyForeground#f5bde6
symbolIcon.keywordForeground#c6a0f6
symbolIcon.methodForeground#8aadf4
symbolIcon.moduleForeground#a6acc4
symbolIcon.namespaceForeground#a6acc4
symbolIcon.nullForeground#ff94ae
symbolIcon.numberForeground#f5a97f
symbolIcon.objectForeground#cad3f5
symbolIcon.operatorForeground#c6a0f6
symbolIcon.packageForeground#a6acc4
symbolIcon.propertyForeground#ee99a0
symbolIcon.referenceForeground#f5a97f
symbolIcon.snippetForeground#8bd5ca
symbolIcon.stringForeground#a6da95
symbolIcon.structForeground#eed49f
symbolIcon.textForeground#a6da95
symbolIcon.typeParameterForeground#eed49f
symbolIcon.unitForeground#f5a97f
symbolIcon.variableForeground#cad3f5
tab.activeBackground#1b1c2a
tab.activeBorder#1b1c2a
tab.activeBorderTop#8bd5ca
tab.activeForeground#cad3f5
tab.activeModifiedBorder#00000000
tab.border#181926
tab.dragAndDropBorder#5b6078
tab.hoverBackground#363a4f
tab.hoverBorder#f0c6c6
tab.hoverForeground#f0c6c6
tab.inactiveBackground#212334
tab.inactiveForeground#cad3f5cc
tab.inactiveModifiedBorder#00000000
tab.lastPinnedBorder#00000000
tab.selectedBackground#1c1d2c
tab.selectedBorderTop#00000000
tab.selectedForeground#cad3f5
tab.unfocusedActiveBackground#1c1d2c
tab.unfocusedActiveBorder#00000000
tab.unfocusedActiveBorderTop#c6a0f666
tab.unfocusedActiveForeground#cad3f599
tab.unfocusedActiveModifiedBorder#00000000
tab.unfocusedHoverBackground#363a4f
tab.unfocusedHoverBorder#f0c6c6
tab.unfocusedHoverForeground#f0c6c6
tab.unfocusedInactiveBackground#21233499
tab.unfocusedInactiveForeground#cad3f599
tab.unfocusedInactiveModifiedBorder#00000000
terminal.ansiBlack#494d64
terminal.ansiBlue#8aadf4
terminal.ansiBrightBlack#5b6078
terminal.ansiBrightBlue#7dc4e4
terminal.ansiBrightCyan#91d7e3
terminal.ansiBrightGreen#a6da95
terminal.ansiBrightMagenta#f0c6c6
terminal.ansiBrightRed#ee99a0
terminal.ansiBrightWhite#b8c0e0
terminal.ansiBrightYellow#eed49f
terminal.ansiCyan#8bd5ca
terminal.ansiGreen#a6da95
terminal.ansiMagenta#f5bde6
terminal.ansiRed#ed8796
terminal.ansiWhite#a5adcb
terminal.ansiYellow#eed49f
terminal.background#181926
terminal.border#363a4f
terminal.dropBackground#c6a0f633
terminal.findMatchBackground#435347
terminal.findMatchBorder#a6da9533
terminal.findMatchHighlightBackground#3b5157
terminal.findMatchHighlightBorder#00000000
terminal.foreground#cad3f5
terminal.hoverHighlightBackground#c6a0f640
terminal.inactiveSelectionBackground#5b607880
terminal.initialHintForeground#b8c0e0
terminal.selectionBackground#5b6078cc
terminal.selectionForeground#cad3f5
terminal.tab.activeBorder#c6a0f6
terminalCommandDecoration.defaultBackground#24273a
terminalCommandDecoration.errorBackground#ed8796
terminalCommandDecoration.successBackground#a6da95
terminalCommandGuide.foreground#00000000
terminalCursor.background#181926
terminalCursor.foreground#cad3f5
terminalOverviewRuler.border#00000000
terminalOverviewRuler.cursorForeground#00000000
terminalOverviewRuler.findMatchForeground#00000000
terminalStickyScroll.background#181926
terminalStickyScroll.border#363a4f
terminalStickyScrollHover.background#24273a
testing.iconErrored#ff94ae
testing.iconErrored.retired#ff94aeb3
testing.iconFailed#ed8796
testing.iconFailed.retired#ed8796b3
testing.iconPassed#a6da95
testing.iconPassed.retired#a6da95b3
testing.iconQueued#8bd5ca
testing.iconQueued.retired#8bd5cab3
testing.iconSkipped#eed49f
testing.iconSkipped.retired#eed49fb3
testing.iconUnset#a5adcb
testing.iconUnset.retired#a5adcbb3
testing.message.error.badgeBackground#ed8796
testing.message.error.badgeBorder#ed8796
testing.message.error.badgeForeground#212334
testing.message.error.lineBackground#ed879626
testing.message.info.lineBackground#8aadf426
testing.runAction#a6da95
textBlockQuote.background#212334
textBlockQuote.border#181926
textCodeBlock.background#24273a
textLink.activeForeground#8bd5ca
textLink.foreground#8aadf4
textPreformat.foreground#cad3f5
textSeparator.foreground#c6a0f6
titleBar.activeBackground#181926
titleBar.activeForeground#cad3f5
titleBar.border#00000000
titleBar.inactiveBackground#181926
titleBar.inactiveForeground#b8c0e0
tree.inactiveIndentGuidesStroke#363a4f
tree.indentGuidesStroke#24273a
tree.tableColumnsBorder#363a4f
tree.tableOddRowsBackground#1e1f2f
walkThrough.embeddedEditorBackground#24273a4d
walkthrough.stepTitle.foreground#8bd5ca
welcomePage.background#212334
welcomePage.progress.background#181926
welcomePage.progress.foreground#c6a0f6
welcomePage.tileBackground#181926
welcomePage.tileBorder#00000000
welcomePage.tileHoverBackground#24273a
widget.shadow#18192680
window.activeBorder#00000000
window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5e678d	italic
punctuation, punctuation.separator.period.python, punctuation.definition.tag, keyword.operator.sigil.rust, keyword.operator.key-value.rust, keyword.operator.access.dot.rust, koka.type	#939ab7	—
variable, meta.function-call.arguments, string constant.other.placeholder, meta.function-call.java, storage.modifier.import.java, variable.other.object, variable.other.readwrite, support.variable.swift, meta.function-call.swift	#cad3f5	—
	#cad3f5	underline
constant.other.color	#ffffff	—
invalid, invalid.illegal	#ff94ae	—
keyword, storage.type, storage.modifier, punctuation.definition.directive.c, punctuation.definition.directive.cpp, storage.type.impl.rust, keyword.type.go, storage.class.d, variable.language.super.rust, markup.deleted.git_gutter, entity.name.tag.css, punctuation.definition.keyword.css, entity.name.tag.wildcard.css, storage.struct.racket	#c6a0f6	—
storage.control, keyword.control, constant.other.color, punctuation.separator.inheritance.php, punctuation.separator.key-value.html, punctuation.section.embedded, punctuation.symbol.match-branch, punctuation.symbol.return-type, keyword.other.template, keyword.other.substitution, punctuation.separator.pointer-access.c, punctuation.definition.function.pointer.dereference.cpp, punctuation.separator.namespace.access.cpp, punctuation.separator.scope-resolution.function.definition.cpp, punctuation.separator.scope-resolution.cpp, punctuation.separator.colon.python, punctuation.separator.annotation.result.python, koka.op	#c6a0f6	—
entity.name.tag, meta.tag.sgml, variable.key.toml	#c6a0f6	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, keyword.other.common.function, entity.name.command	#8aadf4	—
entity.name.function.core.janet, entity.name.function.call.janet	#eed49f	—
support.function.macro.rust, support.function.macro.builtin.rust, support.function.macro.core.rust, entity.name.type.macro.rust, entity.name.function.macro.rust, entity.name.function.macro.rules.rust, support.function.macro.julia, support.function.builtin.zig	#8bd5ca
support.enum.core.rust, entity.name.type.option.rust, entity.name.type.result.rust, constant.other.haskell, variable.other.enummember.cpp, variable.other.enummember.zig, variable.other.enummember.swift	#8bd5ca	underline
variable.constant.error.zig	#8bd5ca	underline italic
storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust, entity.name.type.lifetime.rust, variable.other.generic-type.haskell, punctuation.definition.template-expression, constant.other.placeholder.c, punctuation.definition.evaluation, variable.language.special.shell, routine.arm, variable.name.labels.arm64	#ee99a0	italic
keyword.operator.misc.question-mark.rust, keyword.operator.question.rust, keyword.operator.misc.special.rust, keyword.operator.macro.dollar.rust, variable.other.metavariable.name.rust, punctuation.section.embedded.meta.tag.format.rust, keyword.control.shortfn.janet, storage.control.shortfn.janet, entity.name.package.go	#ee99a0	—
punctuation.definition.interpolation.rust, constant.character.format.placeholder.other.python, punctuation.section.embedded.begin, punctuation.section.embedded.end	#ee99a0	bold
entity.name.type.module.ts, koka.moduleid	#a6acc4	—
meta.block variable.other	#ff94ae	—
support.other.variable, string.other.link	#c6a0f6	—
constant.literal, constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.other.constant, constant.other.boolean, constant.other.caps.python, keyword.constant.bool.zig, keyword.constant.default.zig	#f5a97f	—
string, punctuation.definition.string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, punctuation.definition.char.rust	#a6da95	—
text.html.derivative meta.embedded	#b5bace	—
keyword.other.unsafe	#ff94ae	—
meta.attributes, entity.name.function.attribute, meta.preprocessor.pragma.nim, punctuation.pragma.start.nim, punctuation.pragma.end.nim, meta.attribute.rust, meta.attribute.rust keyword.operator.namespace.rust, punctuation.brackets.attribute.rust, punctuation.definition.attribute.rust, entity.name.function.preprocessor.nim, constant.other.linkage.d, variable.key.array.table.toml, support.function.attribute.fsharp, support.pragma.block.agda, punctuation.definition.pragma.agda, storage.modifier.attribute.swift	#f0c6c6	—
meta.attribute.rust entity.name.type.rust	#f0c6c6	italic
variable.other.property, entity.name.variable.field, variable.other.member, meta.member, variable.other.object.property, variable.object.property, entity.name.variable.property	#ee99a0	—
variable.parameter, keyword.other.self.rust, meta.parens.block.c, variable.css, variable.language.closure-parameter.swift, koka.id.param	#f5bde6	—
constant.keyword.janet	#f5bde6	—
keyword.other.racket	#f5bde6	italic
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.table.toml, variable.key.table.toml, storage.type.haskell, storage.type.java, storage.type.primitive.java, storage.type.object.array.java, storage.type.c, storage.type.built-in.c, meta.function.definition.parameters.c, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, entity.name.class.kotlin, storage.type.go, storage.type.boolean.go, storage.type.byte.go, storage.type.error.go, storage.type.numeric.go, storage.type.rune.go, storage.type.string.go, storage.type.uintptr.go, storage.type.concrete.nim, storage.type.basic-type.d, storage.type.d, support.type.python, basicTypes.nim, meta.class.stanza.dune, storage.type.cs, entity.name.struct.racket, koka.type.typecon	#eed49f	—
support.type, entity.name.type, keyword.type, storage.type.built-in.primitive.c, storage.type.string.python, variable.other.metavariable.specifier.rust, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.class.css	#eed49f	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#ee99a0	—
variable.language	#f5bde6	italic
entity.name.method.js	#8aadf4	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#8aadf4	—
entity.other.attribute-name	#f0c6c6	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name.html	#eed49f	italic
entity.other.attribute-name.class	#eed49f	italic
source.sass keyword.control	#f0c6c6	—
markup.inserted	#a6da95	—
markup.deleted	#ed8796	—
markup.changed	#f5bde6	—
string.regexp	#f5bde6	—
constant.character.escape	#f5a97f	italic
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, punctuation.definition.decorator.python, meta.function.decorator.python, entity.name.function.decorator.python, punctuation.definition.annotation.java, storage.type.annotation.java, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css	#8bd5ca	italic
source.js constant.other.object.key.js string.unquoted.label.js	#c6a0f6	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#ed8796	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f5a97f	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#eed49f	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#a6da95	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7dc4e4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c6a0f6	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f5bde6	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8bd5ca	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8aadf4	—
text.html.markdown, punctuation.definition.list_item.markdown	#cad3f5	—
text.html.markdown markup.inline.raw.markdown	#f5bde6	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#b8c0e0	—
heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, heading.1.quarto punctuation.definition.heading.quarto, heading.1.quarto, markup.heading.atx.1.mdx, markup.heading.atx.1.mdx punctuation.definition.heading.mdx, markup.heading.setext.1.markdown, markup.heading.heading-0.asciidoc	#ed8796	bold
heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, heading.2.quarto punctuation.definition.heading.quarto, heading.2.quarto, markup.heading.atx.2.mdx, markup.heading.atx.2.mdx punctuation.definition.heading.mdx, markup.heading.setext.2.markdown, markup.heading.heading-1.asciidoc	#f5a97f	bold
heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, heading.3.quarto punctuation.definition.heading.quarto, heading.3.quarto, markup.heading.atx.3.mdx, markup.heading.atx.3.mdx punctuation.definition.heading.mdx, markup.heading.heading-2.asciidoc	#eed49f	bold
heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, heading.4.quarto punctuation.definition.heading.quarto, heading.4.quarto, markup.heading.atx.4.mdx, markup.heading.atx.4.mdx punctuation.definition.heading.mdx, markup.heading.heading-3.asciidoc	#a6da95	bold
heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, heading.5.quarto punctuation.definition.heading.quarto, heading.5.quarto, markup.heading.atx.5.mdx, markup.heading.atx.5.mdx punctuation.definition.heading.mdx, markup.heading.heading-4.asciidoc	#7dc4e4	bold
heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown, heading.6.quarto punctuation.definition.heading.quarto, heading.6.quarto, markup.heading.atx.6.mdx, markup.heading.atx.6.mdx punctuation.definition.heading.mdx, markup.heading.heading-5.asciidoc	#c6a0f6	bold
markup.bold	#f5a97f	bold
markup.italic	#f5a97f	italic
markup.strikethrough	#b8c0e0	strikethrough
punctuation.definition.link, markup.underline.link	#8bd5ca	—
text.html.markdown punctuation.definition.link.title, text.html.quarto punctuation.definition.link.title, string.other.link.title.markdown, string.other.link.title.quarto, markup.link, punctuation.definition.constant.markdown, punctuation.definition.constant.quarto, constant.other.reference.link.markdown, constant.other.reference.link.quarto, markup.substitution.attribute-reference	#91d7e3	—
punctuation.definition.raw.markdown, punctuation.definition.raw.quarto, markup.inline.raw.string.markdown, markup.inline.raw.string.quarto, markup.raw.block.markdown, markup.raw.block.quarto	#a6da95	—
fenced_code.block.language	#f5bde6	—
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc	#6e738d	—
markup.quote, punctuation.definition.quote.begin	#c6a0f6	—
meta.separator.markdown	#8bd5ca	—
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet	#f5bde6	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#cad3f5	—
variable.language.fenced.markdown	#6e738d	—
meta.separator	#6e738d	bold
markup.table	#cad3f5	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

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}!`;
}