Bikkuri Theme

Name: Bikkuri Theme
Author: Brano Sandala

Publisher: Brano SandalaThemes in package: 10

Set of 10 dark themes for VS Code, including syntax highlighting, debugging, diff/merge and terminal colors.

Open in VS Code GitHub

Color themes

VS Code preview

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

Bikkuri Theme — Bikkuri (Dark Plum & Serene)

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#7790a8	—
comment, punctuation.definition.comment, string.comment.buffered.block.pug, string.quoted.docstring.multi.python	#746b84	italic
constant, support.constant, variable.arguments	#e1dfe5	—
constant.rgb-value	#e1dfe5	—
entity.name.selector	#8bafae	—
entity.name.tag, punctuation.tag	#88b295	—
invalid, invalid.illegal	#a25a63	—
invalid.deprecated	#8d88b6	—
meta.selector	#8bafae	—
meta.preprocessor	#c8a087	—
meta.preprocessor.string	#88b295	—
meta.preprocessor.numeric	#88b295	—
meta.header.diff	#c8a087	—
storage, storage.modifier, storage.type.function, keyword.control	#8d88b6	—
—	#c07982	—
string, entity.other.attribute-name.html.vue, punctuation.attribute-shorthand.bind.html.vue	#cd99b8	—
string.tag	#88b295	—
string.value	#88b295	—
string.regexp	#c8a087	—
string.escape	#c07982	—
string.quasi	#8bafae	—
string.entity	#88b295	—
object	#e1dfe5	—
module.node	#8fabc8	—
support.type.property-name	#749392	—
keyword	#c07982	—
keyword.control.module	#8bafae	—
keyword.control.less	#dfc299	—
keyword.operator	#918a9f	—
keyword.operator.new	#918a9f	—
keyword.other.unit	#918a9f	—
metatag.php	#c8a087	—
support.function.git-rebase	#749392	—
constant.sha.git-rebase	#88b295	—
meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class	#918a9f	—
variable.this, support.variable	#a8a4c8	—
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type	#e1dfe5	—
entity.function, entity.name.function.static	#8bafae	—
entity.name.function.function-call	#8bafae	—
support.function.builtin	#918a9f	—
entity.name.method, entity.name.method.function-call, entity.name.static.function-call	#749392	—
brace	#e1dfe5	—
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder	#8fabc8	—
prototype	#a8a4c8	—
storage.type.class	#c07982	—
punctuation, attribute_value, meta.tag.other	#746b84	—
punctuation.quoted	#e1dfe5	—
punctuation.quasi	#c07982	—
url, link, uri	—	underline
source.python, meta.function-call.arguments	#8fabc8	—
meta.function.python, entity.name.function.python	#dfc299	—
storage.type.function.python, storage.modifier.declaration, storage.type.class.python	#c07982	—
meta.function-call.generic	#e1dfe5	—
entity.name.function.decorator	#dfc299	bold
support.type.exception.python	#918a9f	—
constant.other.caps	—	bold
entity.name.command.shell, entity.name.function.call.shell	#dfc299	—
keyword.operator.logical	#746b84	—
punctuation.definition.logical-expression	#c8a087	—
string.inperpolated.dollar.shell	#c8a087	—
string.interpolated.dollar.shell, string.interpolated.backtick.shell	#8bafae	—
string.unquoted.argument.shell	#e1dfe5	—
keyword.control.directive	#8bafae	—
support.function.C99	#dfc299	—
meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs	#88b295	—
keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs	#8bafae	—
keyword.other.this.cs, keyword.other.base.cs	#a8a4c8	—
meta.scope.prerequisites	#dfc299	—
entity.name.function.target	#88b295	bold
storage.modifier.import.java, storage.modifier.package.java	#918a9f	—
keyword.other.import.java, keyword.other.package.java	#8bafae	—
storage.type.java	#dfc299	—
storage.type.annotation	#8fabc8	bold
keyword.other.documentation.javadoc	#8bafae	—
comment.block.javadoc variable.parameter.java	#88b295	bold
source.java variable.other.object, source.java variable.other.definition.java	#e1dfe5	—
meta.function-parameters.lisp	#dfc299	—
markup.underline	—	underline
string.other.link.title.markdown	#e1dfe5	—
markup.deleted, markup.strikethrough.markdown, punctuation.definition.strikethrough.markdown	#746b84	—
support.function.text.markdown.notes.wiki-link.title, string.other.link, markup.changed	#cd99b8	—
markup.bold	#dfc299	—
markup.italic	#dfc299	italic
markup.inserted	#88b295	—
markup.heading.markdown, entity.name.section.markdown	#88b295	—
markup.underline.link	#a8a4c8	—
markup.inline.raw, markup.fenced_code.block	#a8a4c8	—
text.markdown.notes.tag	#8fabc8	—
entity.name.tag.mdc	#8bafae	—
punctuation.definition.list.begin.markdown, markup.quote.markdown, punctuation.definition.heading.markdown, punctuation.definition.wiki-link, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown	#746b84	—
keyword.control.mermaid	#a8a4c8	—
entity.name.type.class.mermaid	#dfc299	—
storage.type.mermaid	#8bafae	—
entity.name.function.mermaid	#c8a087	—
punctuation.parenthesis.open.mermaid	#88b295	—
string.quoted.double.json	#e1dfe5	—
source.json meta.structure.dictionary.json support.type.property-name.json	#c07982	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c8a087	—
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	#dfc299	—
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	#88b295	—
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	#8fabc8	—
string.quoted.double.scss	#c8a087	—
entity.other.attribute-name.class.css	#dfc299	—
entity.name.tag.css	#88b295	—
entity.name.tag.reference.scss, entity.name.tag.wildcard.scss, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.parent-selector-suffix.css, punctuation.definition.entity.css, source.css.scss, entity.name.tag.custom.scss	#8bafae	—
variable.css, variable.scss, meta.property-value.css, meta.property-list.css	#8fabc8	—
support.type.property-name.css, meta.property-name.scss, support.type.property-name.media.css, source.css.scss	#a8a4c8	—
source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc, punctuation.definition.keyword.scss, keyword.control.at-rule.media.scss, keyword.control.at-rule.mixin.scss, keyword.control.else.scss, keyword.control.if.scss, keyword.control.content.scss, keyword.operator.logical.scss	#cd99b8	—
punctuation.definition.tag	#746b84	—
text.html punctuation.tag	#c07982	—
string.quoted.double.html, string.quoted.double.xml, string.quoted.double.js	#cd99b8	—
entity.other.attribute-name, entity.other.attribute-name.html	#a8a4c8	—
entity.other.attribute-name.class.pug	#dfc299	—
entity.name.function.pug	#918a9f	—
meta.directive.vue	#8bafae	—
source.js, source.ts	#918a9f	—
entity.name.type.class.js, entity.name.type.class.ts	#dfc299	—
variable.other.property.js	#8bafae	—
meta.object-literal.key.js, meta.object-literal.key.ts	#e1dfe5	—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, meta.template.expression.js, meta.template.expression.ts	#8fabc880	—
keyword.other.js, keyword.other.ts	#749392	—
punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc	#8d88b6	—
entity.name.type.instance.jsdoc	#918a9f	—
variable.other.jsdoc	#7790a8	—
source.go storage.type	#dfc299	—
source.go entity.name.import	#88b295	—
source.go keyword.package, source.go keyword.import	#8bafae	—
source.go keyword.interface, source.go keyword.struct	#8fabc8	—
source.go entity.name.type	#e1dfe5	—
source.go entity.name.function	#a8a4c8	—
keyword.control.cucumber.table	#8fabc8	—
source.reason string.double, source.reason string.regexp	#88b295	—
source.reason keyword.control.less	#8bafae	—
source.reason entity.name.function	#8fabc8	—
source.reason support.property-value, source.reason entity.name.filename	#c8a087	—
source.powershell variable.other.member.powershell	#c8a087	—
source.powershell support.function.powershell	#dfc299	—
source.powershell support.function.attribute.powershell	#918a9f	—
source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell	#c8a087	—

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