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

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	#6a6e85	italic
constant, support.constant, variable.arguments	#dee0e5	—
constant.rgb-value	#dee0e5	—
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	#dee0e5	—
module.node	#8fabc8	—
support.type.property-name	#749392	—
keyword	#c07982	—
keyword.control.module	#8bafae	—
keyword.control.less	#dfc299	—
keyword.operator	#898c9f	—
keyword.operator.new	#898c9f	—
keyword.other.unit	#898c9f	—
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	#898c9f	—
variable.this, support.variable	#a8a4c8	—
entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type	#dee0e5	—
entity.function, entity.name.function.static	#8bafae	—
entity.name.function.function-call	#8bafae	—
support.function.builtin	#898c9f	—
entity.name.method, entity.name.method.function-call, entity.name.static.function-call	#749392	—
brace	#dee0e5	—
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	#6a6e85	—
punctuation.quoted	#dee0e5	—
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	#dee0e5	—
entity.name.function.decorator	#dfc299	bold
support.type.exception.python	#898c9f	—
constant.other.caps	—	bold
entity.name.command.shell, entity.name.function.call.shell	#dfc299	—
keyword.operator.logical	#6a6e85	—
punctuation.definition.logical-expression	#c8a087	—
string.inperpolated.dollar.shell	#c8a087	—
string.interpolated.dollar.shell, string.interpolated.backtick.shell	#8bafae	—
string.unquoted.argument.shell	#dee0e5	—
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	#898c9f	—
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	#dee0e5	—
meta.function-parameters.lisp	#dfc299	—
markup.underline	—	underline
string.other.link.title.markdown	#dee0e5	—
markup.deleted, markup.strikethrough.markdown, punctuation.definition.strikethrough.markdown	#6a6e85	—
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	#6a6e85	—
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	#dee0e5	—
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	#6a6e85	—
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	#898c9f	—
meta.directive.vue	#8bafae	—
source.js, source.ts	#898c9f	—
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	#dee0e5	—
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	#898c9f	—
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	#dee0e5	—
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	#898c9f	—
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}!`;
}