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 Tokyo Night

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#ff9e64
activityBar.activeFocusBorder#00000000
activityBar.background#131621
activityBar.border#191c2b
activityBar.dropBorder#ff9e6433
activityBar.foreground#ff9e64
activityBar.inactiveForeground#ff9e6459
activityBarBadge.background#bb9af7
activityBarBadge.foreground#131621
activityBarTop.activeBackground#00000000
activityBarTop.activeBorder#ff9e64
activityBarTop.background#131621
activityBarTop.dropBorder#ff9e6433
activityBarTop.foreground#ff9e64
activityBarTop.inactiveForeground#ff9e6459
activityErrorBadge.background#f7768e
activityErrorBadge.foreground#131621
activityWarningBadge.background#e0af68
activityWarningBadge.foreground#131621
badge.background#131621
badge.foreground#ff9e64
banner.background#424b71
banner.foreground#c0caf5
banner.iconForeground#c0caf5
breadcrumb.activeSelectionForeground#bb9af7
breadcrumb.background#151925
breadcrumb.focusForeground#bb9af7
breadcrumb.foreground#868DAB
breadcrumbPicker.background#1f2335d9
button.background#ff9e64
button.border#00000000
button.foreground#131621
button.hoverBackground#ffb488
button.secondaryBackground#373e5d
button.secondaryForeground#c0caf5
button.secondaryHoverBackground#444d73
button.separator#00000000
chart.axis#1f2335
chart.guide#939bc0
chart.line#131621
charts.blue#7dcfff
charts.foreground#c0caf5
charts.green#9ece6a
charts.lines#a4b3f1
charts.orange#ff9e64
charts.purple#bb9af7
charts.red#f7768e
charts.yellow#e0af68
checkbox.background#424b71
checkbox.border#00000000
checkbox.foreground#bb9af7
checkbox.selectBackground#ffb488
checkbox.selectBorder#00000000
commandCenter.activeBackground#373e5d33
commandCenter.activeBorder#ff9e64
commandCenter.activeForeground#ff9e64
commandCenter.background#1f2335
commandCenter.border#00000000
commandCenter.debuggingBackground#455645
commandCenter.foreground#a4b3f1
commandCenter.inactiveBorder#00000000
commandCenter.inactiveForeground#a4b3f1
commentsView.resolvedIcon#9ece6a
commentsView.unresolvedIcon#ff9e64
debugConsole.errorForeground#f7768e
debugConsole.infoForeground#7dcfff
debugConsole.sourceForeground#868DAB
debugConsole.warningForeground#e0af68
debugConsoleInputIcon.foreground#c0caf5
debugExceptionWidget.background#131621
debugExceptionWidget.border#ff9e64
debugIcon.breakpointCurrentStackframeForeground#373e5d
debugIcon.breakpointDisabledForeground#f7768e99
debugIcon.breakpointForeground#f7768e
debugIcon.breakpointStackframeForeground#373e5d
debugIcon.breakpointUnverifiedForeground#975a76
debugIcon.continueForeground#9ece6a
debugIcon.disconnectForeground#373e5d
debugIcon.pauseForeground#7dcfff
debugIcon.restartForeground#2ac3de
debugIcon.startForeground#9ece6a
debugIcon.stepBackForeground#373e5d
debugIcon.stepIntoForeground#c0caf5
debugIcon.stepOutForeground#c0caf5
debugIcon.stepOverForeground#bb9af7
debugIcon.stopForeground#f7768e
debugTokenExpression.boolean#ff9e64
debugTokenExpression.error#f7768e
debugTokenExpression.name#c0caf5
debugTokenExpression.number#ff9e64
debugTokenExpression.string#9ece6a
debugTokenExpression.type#73daca
debugTokenExpression.value#c0caf5
debugToolBar.background#131621
debugToolBar.border#00000000
debugView.exceptionLabelBackground#f7768e59
debugView.exceptionLabelForeground#c0caf5
debugView.stateLabelBackground#7dcfff59
debugView.stateLabelForeground#c0caf5
debugView.valueChangedHighlight#00000000
descriptionForeground#c0caf5
diffEditor.border#373e5d
diffEditor.diagonalFill#373e5d99
diffEditor.insertedLineBackground#9ece6a17
diffEditor.insertedTextBackground#9ece6a14
diffEditor.insertedTextBorder#00000000
diffEditor.removedLineBackground#f7768e17
diffEditor.removedTextBackground#f7768e14
diffEditor.removedTextBorder#00000000
diffEditorGutter.insertedLineBackground#9ece6a14
diffEditorGutter.removedLineBackground#f7768e17
diffEditorOverview.insertedForeground#9ece6acc
diffEditorOverview.removedForeground#f7768ecc
disabledForeground#a4b3f1
dropdown.background#1f2335
dropdown.border#ff9e64
dropdown.foreground#c0caf5
dropdown.listBackground#373e5d
editor.background#24283b
editor.compositionBorder#00000000
editor.findMatchBackground#706199
editor.findMatchBorder#bb9af733
editor.findMatchHighlightBackground#4f6599
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#7c574b66
editor.findRangeHighlightBorder#00000000
editor.focusedStackFrameHighlightBackground#9ece6a26
editor.foldBackground#373e5d40
editor.foldPlaceholderForeground#7aa2f7
editor.foreground#c0caf5
editor.hoverHighlightBackground#ff9e6440
editor.inactiveSelectionBackground#6b76a859
editor.inlineValuesBackground#1f2335
editor.inlineValuesForeground#a4b3f1
editor.lineHighlightBackground#c0caf51a
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#00000000
editor.placeholder.foreground#00000000
editor.rangeHighlightBackground#ff9e6440
editor.rangeHighlightBorder#00000000
editor.selectionBackground#6b76a840
editor.selectionHighlightBackground#6873a680
editor.selectionHighlightBorder#6b76a880
editor.stackFrameHighlightBackground#e0af6826
editor.symbolHighlightBackground#ff9e6440
editor.symbolHighlightBorder#00000000
editor.wordHighlightBackground#6b76a833
editor.wordHighlightBorder#6b76a833
editor.wordHighlightStrongBackground#7dcfff33
editor.wordHighlightStrongBorder#7dcfff33
editor.wordHighlightTextBackground#6b76a833
editor.wordHighlightTextBorder#6b76a833
editorBracketHighlight.foreground1#f88096cc
editorBracketHighlight.foreground2#ffa46ecc
editorBracketHighlight.foreground3#e2b370cc
editorBracketHighlight.foreground4#a3d172cc
editorBracketHighlight.foreground5#84a9f8cc
editorBracketHighlight.foreground6#c1a3f8cc
editorBracketHighlight.unexpectedBracket.foreground#f7768e
editorBracketMatch.background#6b76a81a
editorBracketMatch.border#6b76a8
editorBracketPairGuide.activeBackground1#f88096cc
editorBracketPairGuide.activeBackground2#ffa46ecc
editorBracketPairGuide.activeBackground3#e2b370cc
editorBracketPairGuide.activeBackground4#a3d172cc
editorBracketPairGuide.activeBackground5#84a9f8cc
editorBracketPairGuide.activeBackground6#c1a3f8cc
editorBracketPairGuide.background1#f88096cc
editorBracketPairGuide.background2#ffa46ecc
editorBracketPairGuide.background3#e2b370cc
editorBracketPairGuide.background4#a3d172cc
editorBracketPairGuide.background5#84a9f8cc
editorBracketPairGuide.background6#c1a3f8cc
editorCodeLens.foreground#7f89b4
editorCursor.background#24283b
editorCursor.foreground#ff9e64
editorError.background#00000000
editorError.border#00000000
editorError.foreground#f7768e
editorGhostText.background#00000000
editorGhostText.border#00000000
editorGhostText.foreground#c0caf580
editorGroup.border#131621
editorGroup.dropBackground#ff9e6433
editorGroup.dropIntoPromptBackground#ff9e64
editorGroup.dropIntoPromptBorder#ff9e6440
editorGroup.dropIntoPromptForeground#c0caf5
editorGroup.emptyBackground#1f2335
editorGroup.focusedEmptyBorder#131621
editorGroupHeader.border#1f2335
editorGroupHeader.noTabsBackground#1f2335
editorGroupHeader.tabsBackground#24283b
editorGroupHeader.tabsBorder#171a27
editorGutter.addedBackground#9ece6a
editorGutter.background#24283b
editorGutter.commentGlyphForeground#ff9e64
editorGutter.commentRangeForeground#424b71
editorGutter.commentUnresolvedGlyphForeground#78587a
editorGutter.deletedBackground#f7768e
editorGutter.foldingControlForeground#6b76a8
editorGutter.modifiedBackground#e0af68
editorHint.border#00000000
editorHint.foreground#9ece6a
editorHoverWidget.background#1f2335
editorHoverWidget.border#424b71
editorHoverWidget.foreground#899cec
editorHoverWidget.highlightForeground#c0caf5
editorHoverWidget.statusBarBackground#373e5d
editorIndentGuide.activeBackground#373e5d
editorIndentGuide.activeBackground1#f7768e
editorIndentGuide.activeBackground2#ff9e64
editorIndentGuide.activeBackground3#e0af68
editorIndentGuide.activeBackground4#9ece6a
editorIndentGuide.activeBackground5#7aa2f7
editorIndentGuide.activeBackground6#bb9af7
editorIndentGuide.background#424b71
editorIndentGuide.background1#424b71
editorIndentGuide.background2#424b71
editorIndentGuide.background3#424b71
editorIndentGuide.background4#424b71
editorIndentGuide.background5#424b71
editorIndentGuide.background6#424b71
editorInfo.background#00000000
editorInfo.border#00000000
editorInfo.foreground#7dcfff
editorInlayHint.background#2a2e44c0
editorInlayHint.foreground#7f89b4c0
editorInlayHint.parameterBackground#2a2e44c0
editorInlayHint.parameterForeground#e0af68c0
editorInlayHint.typeBackground#2a2e44c0
editorInlayHint.typeForeground#73dacac0
editorLightBulb.foreground#e0af68
editorLightBulbAi.foreground#bb9af7
editorLightBulbAutoFix.foreground#9ece6a
editorLineNumber.activeForeground#dbc9fb
editorLineNumber.dimmedForeground#7f89b433
editorLineNumber.foreground#7f89b4
editorLink.activeForeground#2ac3de
editorMarkerNavigation.background#1f2335
editorMarkerNavigationError.background#f7768e
editorMarkerNavigationError.headerBackground#f7768e1a
editorMarkerNavigationInfo.background#7dcfff
editorMarkerNavigationInfo.headerBackground#7dcfff1a
editorMarkerNavigationWarning.background#e0af68
editorMarkerNavigationWarning.headerBackground#e0af681a
editorMinimap.inlineChatInserted#9ece6abf
editorMultiCursor.primary.background#24283b
editorMultiCursor.primary.foreground#bb9af7
editorMultiCursor.secondary.background#24283b
editorMultiCursor.secondary.foreground#ff9e64
editorOverviewRuler.addedForeground#9ece6a
editorOverviewRuler.background#1f2335
editorOverviewRuler.border#c0caf512
editorOverviewRuler.bracketMatchForeground#6b76a81a
editorOverviewRuler.commentForeground#00000000
editorOverviewRuler.commentUnresolvedForeground#00000000
editorOverviewRuler.commonContentForeground#00000000
editorOverviewRuler.currentContentForeground#00000000
editorOverviewRuler.deletedForeground#f7768e
editorOverviewRuler.errorForeground#f7768e
editorOverviewRuler.findMatchForeground#495a49
editorOverviewRuler.incomingContentForeground#00000000
editorOverviewRuler.infoForeground#7dcfff
editorOverviewRuler.inlineChatInserted#9ece6a33
editorOverviewRuler.inlineChatRemoved#f7768e33
editorOverviewRuler.modifiedForeground#e0af68
editorOverviewRuler.rangeHighlightForeground#3f5a76
editorOverviewRuler.selectionHighlightForeground#6b76a833
editorOverviewRuler.warningForeground#e0af68
editorOverviewRuler.wordHighlightForeground#6b76a833
editorOverviewRuler.wordHighlightStrongForeground#7dcfff33
editorOverviewRuler.wordHighlightTextForeground#6b76a833
editorPane.background#1c1f2e
editorRuler.foreground#c0caf524
editorStickyScroll.background#24283b
editorStickyScroll.border#131621
editorStickyScroll.shadow#131621
editorStickyScrollHover.background#373e5d
editorSuggestWidget.background#1f2335
editorSuggestWidget.border#373e5d
editorSuggestWidget.focusHighlightForeground#bb9af7
editorSuggestWidget.foreground#c0caf5
editorSuggestWidget.highlightForeground#ff9e64
editorSuggestWidget.selectedBackground#373e5d80
editorSuggestWidget.selectedForeground#c0caf5
editorSuggestWidget.selectedIconForeground#7aa2f7
editorSuggestWidgetStatus.foreground#a4b3f1
editorUnicodeHighlight.background#00000000
editorUnicodeHighlight.border#f7768e
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#00000099
editorWarning.background#00000000
editorWarning.border#00000000
editorWarning.foreground#e0af68
editorWhitespace.foreground#6b76a866
editorWidget.background#1f2335
editorWidget.border#00000000
editorWidget.foreground#c0caf5
editorWidget.resizeBorder#373e5d
errorForeground#f7768e
errorLens.errorBackground#f7768e26
errorLens.errorBackgroundLight#f7768e26
errorLens.errorForeground#f7768e
errorLens.errorForegroundLight#f7768e
errorLens.errorMessageBackground#f7768e26
errorLens.hintBackground#9ece6a26
errorLens.hintBackgroundLight#9ece6a26
errorLens.hintForeground#9ece6a
errorLens.hintForegroundLight#9ece6a
errorLens.hintMessageBackground#9ece6a26
errorLens.infoBackground#7dcfff26
errorLens.infoBackgroundLight#7dcfff26
errorLens.infoForeground#7dcfff
errorLens.infoForegroundLight#7dcfff
errorLens.infoMessageBackground#7dcfff26
errorLens.statusBarErrorForeground#f7768e
errorLens.statusBarHintForeground#9ece6a
errorLens.statusBarIconErrorForeground#f7768e
errorLens.statusBarIconWarningForeground#e0af68
errorLens.statusBarInfoForeground#7dcfff
errorLens.statusBarWarningForeground#e0af68
errorLens.warningBackground#e0af6826
errorLens.warningBackgroundLight#e0af6826
errorLens.warningForeground#e0af68
errorLens.warningForegroundLight#e0af68
errorLens.warningMessageBackground#e0af6826
extensionBadge.remoteBackground#7aa2f7
extensionBadge.remoteForeground#131621
extensionButton.background#ff9e64
extensionButton.foreground#131621
extensionButton.hoverBackground#ffb488
extensionButton.prominentBackground#ff9e64
extensionButton.prominentForeground#131621
extensionButton.prominentHoverBackground#ffb488
extensionButton.separator#24283b
extensionIcon.starForeground#e0af68
extensionIcon.verifiedForeground#2ac3de
focusBorder#ff9e64
foreground#c0caf5
git.blame.editorDecorationForeground#899cec
gitDecoration.addedResourceForeground#9ece6a
gitDecoration.conflictingResourceForeground#ff9e64
gitDecoration.deletedResourceForeground#f7768e
gitDecoration.ignoredResourceForeground#7f89b4
gitDecoration.modifiedResourceForeground#7dcfff
gitDecoration.renamedResourceForeground#2ac3de
gitDecoration.stageDeletedResourceForeground#f7768e
gitDecoration.stageModifiedResourceForeground#7dcfff
gitDecoration.submoduleResourceForeground#868DAB
gitDecoration.untrackedResourceForeground#bb9af7
gitlens.closedAutolinkedIssueIconColor#bb9af7
gitlens.closedPullRequestIconColor#f7768e
gitlens.decorations.branchAheadForegroundColor#9ece6a
gitlens.decorations.branchBehindForegroundColor#ff9e64
gitlens.decorations.branchDivergedForegroundColor#e0af68
gitlens.decorations.branchMissingUpstreamForegroundColor#ff9e64
gitlens.decorations.branchUnpublishedForegroundColor#9ece6a
gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#ff9e64
gitlens.decorations.statusMergingOrRebasingForegroundColor#e0af68
gitlens.decorations.workspaceCurrentForegroundColor#ff9e64
gitlens.decorations.workspaceRepoMissingForegroundColor#ff9e64
gitlens.decorations.workspaceRepoOpenForegroundColor#ff9e64
gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#ff9e64
gitlens.decorations.worktreeMissingForegroundColor#ff9e64
gitlens.graphChangesColumnAddedColor#9ece6a
gitlens.graphChangesColumnDeletedColor#f7768e
gitlens.graphLane10Color#bb9af7
gitlens.graphLane1Color#ff9e64
gitlens.graphLane2Color#bb9af7
gitlens.graphLane3Color#7aa2f7
gitlens.graphLane4Color#e0af68
gitlens.graphLane5Color#f7768e
gitlens.graphLane6Color#ff9e64
gitlens.graphLane7Color#e0af68
gitlens.graphLane8Color#9ece6a
gitlens.graphLane9Color#7aa2f7
gitlens.graphMinimapMarkerHeadColor#9ece6a
gitlens.graphMinimapMarkerHighlightsColor#e0af68
gitlens.graphMinimapMarkerLocalBranchesColor#7dcfff
gitlens.graphMinimapMarkerRemoteBranchesColor#63c6ff
gitlens.graphMinimapMarkerStashesColor#bb9af7
gitlens.graphMinimapMarkerTagsColor#bb9af7
gitlens.graphMinimapMarkerUpstreamColor#91c857
gitlens.graphScrollMarkerHeadColor#9ece6a
gitlens.graphScrollMarkerHighlightsColor#e0af68
gitlens.graphScrollMarkerLocalBranchesColor#7dcfff
gitlens.graphScrollMarkerRemoteBranchesColor#63c6ff
gitlens.graphScrollMarkerStashesColor#bb9af7
gitlens.graphScrollMarkerTagsColor#bb9af7
gitlens.graphScrollMarkerUpstreamColor#91c857
gitlens.gutterBackgroundColor#5a659a4d
gitlens.gutterForegroundColor#c0caf5
gitlens.gutterUncommittedForegroundColor#ff9e64
gitlens.lineHighlightBackgroundColor#ff9e64cc
gitlens.lineHighlightOverviewRulerColor#ff9e64cc
gitlens.mergedPullRequestIconColor#bb9af7
gitlens.openAutolinkedIssueIconColor#9ece6a
gitlens.openPullRequestIconColor#9ece6a
gitlens.trailingLineBackgroundColor#00000000
gitlens.trailingLineForegroundColor#c0caf54d
gitlens.unpublishedChangesIconColor#9ece6a
gitlens.unpublishedCommitIconColor#9ece6a
gitlens.unpulledChangesIconColor#ff9e64
icon.foreground#ff9e64
input.background#373e5d
input.border#00000000
input.foreground#c0caf5
input.placeholderForeground#c0caf573
inputOption.activeBackground#1f2335
inputOption.activeBorder#ff9e64
inputOption.activeForeground#c0caf5
inputOption.hoverBackground#5a659a4d
inputValidation.errorBackground#633f54
inputValidation.errorBorder#f7768e
inputValidation.errorForeground#899cec
inputValidation.infoBackground#3b5772
inputValidation.infoBorder#7dcfff
inputValidation.infoForeground#899cec
inputValidation.warningBackground#594d44
inputValidation.warningBorder#e0af68
inputValidation.warningForeground#899cec
interactive.activeCodeBorder#00000000
interactive.inactiveCodeBorder#00000000
issues.closed#bb9af7
issues.newIssueDecoration#9ece6a
issues.open#9ece6a
keybindingLabel.background#24283b80
keybindingLabel.border#bb9af766
keybindingLabel.bottomBorder#bb9af766
keybindingLabel.foreground#a4b3f1
keybindingTable.headerBackground#00000000
keybindingTable.rowsBackground#00000000
list.activeSelectionBackground#69565f80
list.activeSelectionForeground#c0caf5
list.activeSelectionIconForeground#c0caf5
list.deemphasizedForeground#c0caf533
list.dropBackground#ff9e6433
list.dropBetweenBackground#131621b3
list.errorForeground#f7768e
list.filterMatchBackground#56696180
list.filterMatchBorder#00000000
list.focusAndSelectionOutline#ff9e64
list.focusBackground#373e5d
list.focusForeground#c0caf5
list.focusHighlightForeground#bb9af7
list.focusOutline#ff9e64
list.highlightForeground#ff9e64
list.hoverBackground#373e5d80
list.hoverForeground#c0caf5
list.inactiveFocusBackground#00000000
list.inactiveFocusOutline#ff9e64
list.inactiveSelectionBackground#69565f66
list.inactiveSelectionForeground#c0caf5
list.inactiveSelectionIconForeground#c0caf5
list.invalidItemForeground#f7768e
list.warningForeground#e0af68
listFilterWidget.background#1f2335
listFilterWidget.noMatchesOutline#f7768e
listFilterWidget.outline#00000000
listFilterWidget.shadow#00000000
menu.background#24283b
menu.border#00000000
menu.foreground#c0caf5
menu.selectionBackground#373e5d4d
menu.selectionBorder#00000000
menu.selectionForeground#c0caf5
menu.separatorBackground#373e5d
menubar.selectionBackground#424b714d
menubar.selectionBorder#00000000
menubar.selectionForeground#c0caf5
merge.border#1f2335
merge.commonContentBackground#424b71
merge.commonHeaderBackground#373e5d
merge.currentContentBackground#9ece6a33
merge.currentHeaderBackground#9ece6a66
merge.incomingContentBackground#9ece6a33
merge.incomingHeaderBackground#7dcfff66
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#1f2335f2
minimap.errorHighlight#f7768ebf
minimap.findMatchHighlight#2ac3de66
minimap.infoHighlight#7dcfffbf
minimap.selectionHighlight#373e5dbf
minimap.selectionOccurrenceHighlight#373e5dbf
minimap.warningHighlight#e0af68bf
minimapGutter.addedBackground#9ece6abf
minimapGutter.deletedBackground#f7768ebf
minimapGutter.modifiedBackground#e0af68bf
minimapSlider.activeBackground#ff9e6499
minimapSlider.background#ff9e6433
minimapSlider.hoverBackground#ff9e6466
multiDiffEditor.background#24283b
multiDiffEditor.border#373e5d
multiDiffEditor.headerBackground#1f2335
notificationCenter.border#ff9e64
notificationCenterHeader.background#1f2335
notificationCenterHeader.foreground#c0caf5
notificationLink.foreground#2ac3de
notifications.background#1f2335
notifications.border#ff9e64
notifications.foreground#c0caf5
notificationsErrorIcon.foreground#f7768e
notificationsInfoIcon.foreground#7dcfff
notificationsWarningIcon.foreground#e0af68
notificationToast.border#ff9e64
outputView.background#131621
outputViewStickyScroll.background#1f2335
panel.background#131621
panel.border#24283b
panel.dropBorder#ff9e6433
panelInput.border#00000000
panelSection.border#00000000
panelSection.dropBackground#ff9e6433
panelSectionHeader.background#373e5d
panelSectionHeader.border#00000000
panelSectionHeader.foreground#c0caf5
panelStickyScroll.background#1f2335
panelStickyScroll.border#131621
panelStickyScroll.shadow#131621
panelTitle.activeBorder#ff9e64
panelTitle.activeForeground#ff9e64
panelTitle.border#00000000
panelTitle.inactiveForeground#c0caf5cc
peekView.border#ff9e64
peekViewEditor.background#1f2335
peekViewEditor.matchHighlightBackground#25384b40
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#1f2335
peekViewEditorStickyScroll.background#1f2335
peekViewResult.background#131621
peekViewResult.fileForeground#899cec
peekViewResult.lineForeground#899cec
peekViewResult.matchHighlightBackground#25384b40
peekViewResult.selectionBackground#6b76a840
peekViewResult.selectionForeground#c0caf5
peekViewTitle.background#5a3f35
peekViewTitleDescription.foreground#a4b3f1b3
peekViewTitleLabel.foreground#c0caf5
pickerGroup.border#ff9e64
pickerGroup.foreground#ff9e64
ports.iconRunningProcessForeground#ff9e64
problemsErrorIcon.foreground#f7768e
problemsInfoIcon.foreground#7dcfff
problemsWarningIcon.foreground#e0af68
profileBadge.background#00000000
profileBadge.foreground#00000000
profiles.sashBorder#ff9e64
progressBar.background#ff9e64
pullRequests.closed#f7768e
pullRequests.draft#6b76a8
pullRequests.merged#bb9af7
pullRequests.notification#a4b3f1
pullRequests.open#9ece6a
quickInput.background#1f2335
quickInput.foreground#c0caf5
quickInputList.focusBackground#735b5f99
quickInputList.focusForeground#ffbe97
quickInputList.focusIconForeground#ff9e64
quickInputTitle.background#bb9af7
radio.activeBackground#424b71
radio.activeBorder#00000000
radio.activeForeground#c0caf5
radio.inactiveBackground#00000000
radio.inactiveBorder#00000000
radio.inactiveForeground#a4b3f1
radio.inactiveHoverBackground#373e5d
rust_analyzer.inlayHints.background#2a2e44c0
rust_analyzer.inlayHints.background.chainingHints#2a2e44c0
rust_analyzer.inlayHints.background.parameterHints#2a2e44c0
rust_analyzer.inlayHints.background.typeHints#2a2e44c0
rust_analyzer.inlayHints.foreground#7f89b4c0
rust_analyzer.inlayHints.foreground.chainingHints#73dacac0
rust_analyzer.inlayHints.foreground.parameterHints#e0af68c0
rust_analyzer.inlayHints.foreground.typeHints#73dacac0
sash.hoverBorder#ff9e64
scmGraph.foreground1#ff9e64
scmGraph.foreground2#bb9af7
scmGraph.foreground3#7aa2f7
scmGraph.foreground4#f7768e
scmGraph.foreground5#ff9e64
scmGraph.historyItemBaseRefColor#e0af68
scmGraph.historyItemHoverAdditionsForeground#9ece6a
scmGraph.historyItemHoverDefaultLabelBackground#ff9e64
scmGraph.historyItemHoverDefaultLabelForeground#1f2335
scmGraph.historyItemHoverDeletionsForeground#f7768e
scmGraph.historyItemHoverLabelForeground#1f2335
scmGraph.historyItemRefColor#ff9e64
scmGraph.historyItemRemoteRefColor#7aa2f7
scrollbar.shadow#131621
scrollbarSlider.activeBackground#5a659a66
scrollbarSlider.background#373e5d80
scrollbarSlider.hoverBackground#939bc0
search.resultsInfoForeground#00000000
searchEditor.findMatchBackground#6d5f96
searchEditor.findMatchBorder#bb9af733
searchEditor.textInputBorder#00000000
selection.background#ff9e6466
settings.checkboxBackground#424b71
settings.checkboxBorder#00000000
settings.checkboxForeground#ff9e64
settings.dropdownBackground#424b71
settings.dropdownBorder#ff9e64
settings.dropdownForeground#c0caf5
settings.dropdownListBorder#ff9e64
settings.focusedRowBackground#373e5d33
settings.focusedRowBorder#ff9e64e6
settings.headerBorder#00000000
settings.headerForeground#ff9e64
settings.modifiedItemIndicator#ff9e64
settings.numberInputBackground#424b71
settings.numberInputBorder#00000000
settings.numberInputForeground#c0caf5
settings.rowHoverBackground#1f23354d
settings.sashBorder#ff9e64
settings.settingsHeaderHoverForeground#bb9af7
settings.textInputBackground#424b71
settings.textInputBorder#00000000
settings.textInputForeground#c0caf5
sideBar.background#1f2335
sideBar.border#131621
sideBar.dropBackground#ff9e6440
sideBar.foreground#c0caf5
sideBarActivityBarTop.border#131621
sideBarSectionHeader.background#2e334b
sideBarSectionHeader.border#1f2335
sideBarSectionHeader.foreground#e4ba7d
sideBarStickyScroll.background#1f2335
sideBarStickyScroll.border#131621
sideBarStickyScroll.shadow#131621
sideBarTitle.background#1f2335
sideBarTitle.border#131621
sideBarTitle.foreground#bb9af7
sideBySideEditor.horizontalBorder#939bc0
sideBySideEditor.verticalBorder#939bc0
simpleFindWidget.sashBorder#ff9e64
statusBar.background#ff9e64
statusBar.border#131621
statusBar.debuggingBackground#e0af68
statusBar.debuggingBorder#131621
statusBar.debuggingForeground#131621
statusBar.focusBorder#00000000
statusBar.foreground#131621
statusBar.noFolderBackground#7aa2f7
statusBar.noFolderBorder#131621
statusBar.noFolderForeground#131621
statusBarItem.activeBackground#00000000
statusBarItem.compactHoverBackground#00000000
statusBarItem.errorBackground#f7768e
statusBarItem.errorForeground#131621
statusBarItem.errorHoverBackground#ffffff
statusBarItem.errorHoverForeground#131621
statusBarItem.focusBorder#f7768e
statusBarItem.hoverBackground#00000000
statusBarItem.hoverForeground#1f2335
statusBarItem.offlineBackground#00000000
statusBarItem.offlineForeground#131621
statusBarItem.offlineHoverBackground#131621
statusBarItem.offlineHoverForeground#00000000
statusBarItem.prominentBackground#00000000
statusBarItem.prominentForeground#ff8840
statusBarItem.prominentHoverBackground#373e5d33
statusBarItem.prominentHoverForeground#00000000
statusBarItem.remoteBackground#bb9af7
statusBarItem.remoteForeground#131621
statusBarItem.remoteHoverBackground#d1bbfa
statusBarItem.remoteHoverForeground#131621
statusBarItem.warningBackground#e0af68
statusBarItem.warningForeground#131621
statusBarItem.warningHoverBackground#ffffff
statusBarItem.warningHoverForeground#131621
symbolIcon.arrayForeground#ff9e64
symbolIcon.booleanForeground#ff9e64
symbolIcon.classForeground#73daca
symbolIcon.colorForeground#ff9e64
symbolIcon.constantForeground#ff9e64
symbolIcon.constructorForeground#7aa2f7
symbolIcon.enumeratorForeground#73daca
symbolIcon.enumeratorMemberForeground#2ac3de
symbolIcon.eventForeground#73daca
symbolIcon.fieldForeground#7dcfff
symbolIcon.fileForeground#565f89
symbolIcon.folderForeground#565f89
symbolIcon.functionForeground#7aa2f7
symbolIcon.interfaceForeground#73daca
symbolIcon.keyForeground#e0af68
symbolIcon.keywordForeground#bb9af7
symbolIcon.methodForeground#7aa2f7
symbolIcon.moduleForeground#868DAB
symbolIcon.namespaceForeground#868DAB
symbolIcon.nullForeground#f7768e
symbolIcon.numberForeground#ff9e64
symbolIcon.objectForeground#c0caf5
symbolIcon.operatorForeground#bb9af7
symbolIcon.packageForeground#868DAB
symbolIcon.propertyForeground#7dcfff
symbolIcon.referenceForeground#ff9e64
symbolIcon.snippetForeground#2ac3de
symbolIcon.stringForeground#9ece6a
symbolIcon.structForeground#73daca
symbolIcon.textForeground#9ece6a
symbolIcon.typeParameterForeground#73daca
symbolIcon.unitForeground#ff9e64
symbolIcon.variableForeground#c0caf5
tab.activeBackground#151925
tab.activeBorder#151925
tab.activeBorderTop#bb9af7
tab.activeForeground#c0caf5
tab.activeModifiedBorder#00000000
tab.border#131621
tab.dragAndDropBorder#5a659a
tab.hoverBackground#373e5d
tab.hoverBorder#7aa2f7
tab.hoverForeground#7aa2f7
tab.inactiveBackground#1f2335
tab.inactiveForeground#c0caf5cc
tab.inactiveModifiedBorder#00000000
tab.lastPinnedBorder#00000000
tab.selectedBackground#171a27
tab.selectedBorderTop#00000000
tab.selectedForeground#c0caf5
tab.unfocusedActiveBackground#171a27
tab.unfocusedActiveBorder#00000000
tab.unfocusedActiveBorderTop#ff9e6466
tab.unfocusedActiveForeground#c0caf599
tab.unfocusedActiveModifiedBorder#00000000
tab.unfocusedHoverBackground#373e5d
tab.unfocusedHoverBorder#7aa2f7
tab.unfocusedHoverForeground#7aa2f7
tab.unfocusedInactiveBackground#1f233599
tab.unfocusedInactiveForeground#c0caf599
tab.unfocusedInactiveModifiedBorder#00000000
terminal.ansiBlack#24283b
terminal.ansiBlue#7dcfff
terminal.ansiBrightBlack#545c7e
terminal.ansiBrightBlue#7dcfff
terminal.ansiBrightCyan#2ac3de
terminal.ansiBrightGreen#9ece6a
terminal.ansiBrightMagenta#bb9af7
terminal.ansiBrightRed#f7768e
terminal.ansiBrightWhite#c0caf5
terminal.ansiBrightYellow#e0af68
terminal.ansiCyan#2ac3de
terminal.ansiGreen#9ece6a
terminal.ansiMagenta#bb9af7
terminal.ansiRed#f7768e
terminal.ansiWhite#c0caf5
terminal.ansiYellow#e0af68
terminal.background#131621
terminal.border#373e5d
terminal.dropBackground#ff9e6433
terminal.findMatchBackground#3d4d37
terminal.findMatchBorder#9ece6a33
terminal.findMatchHighlightBackground#1a4a5a
terminal.findMatchHighlightBorder#00000000
terminal.foreground#c0caf5
terminal.hoverHighlightBackground#ff9e6440
terminal.inactiveSelectionBackground#5a659a80
terminal.initialHintForeground#a4b3f1
terminal.selectionBackground#5a659acc
terminal.selectionForeground#c0caf5
terminal.tab.activeBorder#ff9e64
terminalCommandDecoration.defaultBackground#24283b
terminalCommandDecoration.errorBackground#f7768e
terminalCommandDecoration.successBackground#9ece6a
terminalCommandGuide.foreground#00000000
terminalCursor.background#131621
terminalCursor.foreground#c0caf5
terminalOverviewRuler.border#00000000
terminalOverviewRuler.cursorForeground#00000000
terminalOverviewRuler.findMatchForeground#00000000
terminalStickyScroll.background#131621
terminalStickyScroll.border#373e5d
terminalStickyScrollHover.background#24283b
testing.iconErrored#f7768e
testing.iconErrored.retired#f7768eb3
testing.iconFailed#f7768e
testing.iconFailed.retired#f7768eb3
testing.iconPassed#9ece6a
testing.iconPassed.retired#9ece6ab3
testing.iconQueued#2ac3de
testing.iconQueued.retired#2ac3deb3
testing.iconSkipped#e0af68
testing.iconSkipped.retired#e0af68b3
testing.iconUnset#899cec
testing.iconUnset.retired#899cecb3
testing.message.error.badgeBackground#f7768e
testing.message.error.badgeBorder#f7768e
testing.message.error.badgeForeground#1f2335
testing.message.error.lineBackground#f7768e26
testing.message.info.lineBackground#7dcfff26
testing.runAction#9ece6a
textBlockQuote.background#1f2335
textBlockQuote.border#131621
textCodeBlock.background#24283b
textLink.activeForeground#2ac3de
textLink.foreground#7dcfff
textPreformat.foreground#c0caf5
textSeparator.foreground#ff9e64
titleBar.activeBackground#131621
titleBar.activeForeground#c0caf5
titleBar.border#00000000
titleBar.inactiveBackground#131621
titleBar.inactiveForeground#a4b3f1
tree.inactiveIndentGuidesStroke#373e5d
tree.indentGuidesStroke#24283b
tree.tableColumnsBorder#373e5d
tree.tableOddRowsBackground#191c2b
walkThrough.embeddedEditorBackground#24283b4d
walkthrough.stepTitle.foreground#bb9af7
welcomePage.background#1f2335
welcomePage.progress.background#131621
welcomePage.progress.foreground#ff9e64
welcomePage.tileBackground#131621
welcomePage.tileBorder#00000000
welcomePage.tileHoverBackground#24283b
widget.shadow#13162180
window.activeBorder#00000000
window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#565f89	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	#868DAB	—
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	#c0caf5	—
	#c0caf5	underline
constant.other.color	#ffffff	—
invalid, invalid.illegal	#f7768e	—
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	#bb9af7	—
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	#bb9af7	—
entity.name.tag, meta.tag.sgml, variable.key.toml	#bb9af7	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, keyword.other.common.function, entity.name.command	#7aa2f7	—
entity.name.function.core.janet, entity.name.function.call.janet	#73daca	—
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	#2ac3de
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	#2ac3de	underline
variable.constant.error.zig	#2ac3de	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	#7dcfff	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	#7dcfff	—
punctuation.definition.interpolation.rust, constant.character.format.placeholder.other.python, punctuation.section.embedded.begin, punctuation.section.embedded.end	#7dcfff	bold
entity.name.type.module.ts, koka.moduleid	#868DAB	—
meta.block variable.other	#f7768e	—
support.other.variable, string.other.link	#bb9af7	—
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	#ff9e64	—
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	#9ece6a	—
text.html.derivative meta.embedded	#959bb5	—
keyword.other.unsafe	#f7768e	—
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	#b4f9f8	—
meta.attribute.rust entity.name.type.rust	#b4f9f8	italic
variable.other.property, entity.name.variable.field, variable.other.member, meta.member, variable.other.object.property, variable.object.property, entity.name.variable.property	#7dcfff	—
variable.parameter, keyword.other.self.rust, meta.parens.block.c, variable.css, variable.language.closure-parameter.swift, koka.id.param	#e0af68	—
constant.keyword.janet	#e0af68	—
keyword.other.racket	#e0af68	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	#73daca	—
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	#73daca	—
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	#7dcfff	—
variable.language	#e0af68	italic
entity.name.method.js	#7aa2f7	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#7aa2f7	—
entity.other.attribute-name	#b4f9f8	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name.html	#73daca	italic
entity.other.attribute-name.class	#73daca	italic
source.sass keyword.control	#b4f9f8	—
markup.inserted	#9ece6a	—
markup.deleted	#f7768e	—
markup.changed	#bb9af7	—
string.regexp	#e0af68	—
constant.character.escape	#ff9e64	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	#2ac3de	italic
source.js constant.other.object.key.js string.unquoted.label.js	#bb9af7	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#f7768e	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ff9e64	—
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	#e0af68	—
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	#9ece6a	—
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	#7aa2f7	—
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	#bb9af7	—
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	#b4f9f8	—
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	#7dcfff	—
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	#2ac3de	—
text.html.markdown, punctuation.definition.list_item.markdown	#c0caf5	—
text.html.markdown markup.inline.raw.markdown	#bb9af7	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#a4b3f1	—
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	#f7768e	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	#ff9e64	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	#e0af68	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	#9ece6a	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	#7aa2f7	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	#bb9af7	bold
markup.bold	#ff9e64	bold
markup.italic	#ff9e64	italic
markup.strikethrough	#a4b3f1	strikethrough
punctuation.definition.link, markup.underline.link	#2ac3de	—
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	#2ac3de	—
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	#9ece6a	—
fenced_code.block.language	#b4f9f8	—
markup.fenced_code.block punctuation.definition, markup.raw support.asciidoc	#6b76a8	—
markup.quote, punctuation.definition.quote.begin	#bb9af7	—
meta.separator.markdown	#7dcfff	—
punctuation.definition.list.begin.markdown, punctuation.definition.list.begin.quarto, markup.list.bullet	#b4f9f8	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#c0caf5	—
variable.language.fenced.markdown	#6b76a8	—
meta.separator	#6b76a8	bold
markup.table	#c0caf5	—

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