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 & Lively)

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#e06578
activityWarningBadge.background#1a1b23
activityWarningBadge.foreground#e9c07d
agentSessionReadIndicator.foreground#6a6e85
agentSessionSelectedBadge.border#4e5163
agentSessionSelectedUnfocusedBadge.border#363846
agentStatusIndicator.background#24262f
aiCustomizationManagement.sashBorder#363846
badge.background#898c9f
badge.foreground#1a1b23
banner.background#a99ef0
banner.foreground#1a1b23
banner.iconForeground#1a1b23
breadcrumb.activeSelectionForeground#dee0e5
breadcrumb.background#1a1b23
breadcrumb.focusForeground#dee0e5
breadcrumb.foreground#6a6e85
breadcrumbPicker.background#1a1b23
button.background#579896
button.border#1a1b2300
button.foreground#1a1b23
button.hoverBackground#68b5b3
button.secondaryBackground#4e51634d
button.secondaryBorder#1a1b2300
button.secondaryForeground#dee0e5
button.secondaryHoverBackground#4e516380
button.separator#579896
chart.axis#898c9f
chart.guide#4e5163
chart.line#75aedd
charts.blue#75aedd
charts.foreground#dee0e5
charts.green#68b985
charts.lines#363846
charts.orange#da9a6a
charts.purple#a99ef0
charts.red#e06578
charts.yellow#e9c07d
chat.avatarBackground#1a1b2300
chat.avatarForeground#6a6e85
chat.checkpointSeparator#363846
chat.editedFileForeground#dee0e5
chat.linesAddedForeground#68b985
chat.linesRemovedForeground#e06578
chat.requestBackground#24262f
chat.requestBorder#363846
chat.requestBubbleBackground#4e51634d
chat.requestBubbleHoverBackground#4e516380
chat.requestCodeBorder#4e5163
chat.slashCommandBackground#1a1b23
chat.slashCommandForeground#898c9f
chat.thinkingShimmer#57989680
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#68b985
commentsView.unresolvedIcon#e9c07d
contrastActiveBorder#1a1b2300
contrastBorder#1a1b2300
debugConsole.errorForeground#e06578
debugConsole.infoForeground#75aedd
debugConsole.sourceForeground#a99ef0
debugConsole.warningForeground#e9c07d
debugConsoleInputIcon.foreground#6a6e85
debugExceptionWidget.background#c142584d
debugExceptionWidget.border#c14258
debugIcon.breakpointCurrentStackframeForeground#e9c07d
debugIcon.breakpointDisabledForeground#4e5163
debugIcon.breakpointForeground#e06578
debugIcon.breakpointStackframeForeground#6a6e85
debugIcon.breakpointUnverifiedForeground#6a6e85
debugIcon.continueForeground#a99ef0
debugIcon.disconnectForeground#a99ef0
debugIcon.pauseForeground#a99ef0
debugIcon.restartForeground#68b985
debugIcon.startForeground#68b985
debugIcon.stepBackForeground#a99ef0
debugIcon.stepIntoForeground#a99ef0
debugIcon.stepOutForeground#a99ef0
debugIcon.stepOverForeground#a99ef0
debugIcon.stopForeground#e06578
debugTokenExpression.boolean#a99ef0
debugTokenExpression.error#e06578
debugTokenExpression.name#68b5b3
debugTokenExpression.number#e9c07d
debugTokenExpression.string#75aedd
debugTokenExpression.type#da9a6a
debugTokenExpression.value#68b985
debugToolBar.background#1a1b23
debugToolBar.border#363846
debugView.exceptionLabelBackground#c14258
debugView.exceptionLabelForeground#1a1b23
debugView.stateLabelBackground#24262f
debugView.stateLabelForeground#dee0e5
debugView.valueChangedHighlight#8e7eea80
descriptionForeground#dee0e5
diffEditor.border#1a1b2300
diffEditor.diagonalFill#24262f
diffEditor.insertedLineBackground#213f2c1f
diffEditor.insertedTextBackground#569b6f4d
diffEditor.insertedTextBorder#1a1b2300
diffEditor.move.border#363846
diffEditor.moveActive.border#4e5163
diffEditor.removedLineBackground#65222d1f
diffEditor.removedTextBackground#c142584d
diffEditor.removedTextBorder#1a1b2300
diffEditor.unchangedCodeBackground#1a1b2300
diffEditor.unchangedRegionBackground#1a1b2300
diffEditor.unchangedRegionForeground#6a6e85
diffEditor.unchangedRegionShadow#4e5163
diffEditorGutter.insertedLineBackground#569b6f1f
diffEditorGutter.removedLineBackground#c142581f
diffEditorOverview.insertedForeground#213f2c80
diffEditorOverview.removedForeground#65222d80
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#caa263
editor.findMatchForeground#68b5b3
editor.findMatchHighlightBackground#4e51634d
editor.findMatchHighlightBorder#579896
editor.findMatchHighlightForeground#f5ddbb
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#75aedd
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#a99ef0
editor.wordHighlightStrongBackground#1a1b2300
editor.wordHighlightStrongBorder#75aedd
editor.wordHighlightTextBackground#1a1b2300
editor.wordHighlightTextBorder#1a1b2300
editorActionList.background#1a1b23
editorActionList.focusBackground#4e51634d
editorActionList.focusForeground#dee0e5
editorActionList.foreground#898c9f
editorBracketHighlight.foreground1#6a6e85
editorBracketHighlight.foreground2#e06578
editorBracketHighlight.foreground3#da9a6a
editorBracketHighlight.foreground4#e9c07d
editorBracketHighlight.foreground5#68b985
editorBracketHighlight.foreground6#75aedd
editorBracketHighlight.unexpectedBracket.foreground#c14258
editorBracketMatch.background#1a1b23
editorBracketMatch.border#898c9f
editorBracketMatch.foreground#a99ef0
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#569b6f
editorCommentsWidget.unresolvedBorder#caa263
editorCursor.background#1a1b23
editorCursor.foreground#a5a8b6
editorError.background#1a1b2300
editorError.border#1a1b2300
editorError.foreground#c14258
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#68b985
editorGutter.addedSecondaryBackground#213f2c80
editorGutter.background#1a1b2300
editorGutter.commentDraftGlyphForeground#e9c07d
editorGutter.commentGlyphForeground#1a1b23
editorGutter.commentRangeForeground#4e51634d
editorGutter.commentUnresolvedGlyphForeground#1a1b23
editorGutter.deletedBackground#e06578
editorGutter.deletedSecondaryBackground#65222d80
editorGutter.foldingControlForeground#898c9f
editorGutter.itemBackground#4e51634d
editorGutter.itemGlyphForeground#1a1b23
editorGutter.modifiedBackground#e9c07d
editorGutter.modifiedSecondaryBackground#caa26380
editorHint.border#1a1b2300
editorHint.foreground#569b6f
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#6192bb
editorInlayHint.background#1a1b2300
editorInlayHint.foreground#6a6e85
editorInlayHint.parameterBackground#df8fc11f
editorInlayHint.parameterForeground#df8fc1
editorInlayHint.typeBackground#75aedd1f
editorInlayHint.typeForeground#6192bb
editorLightBulb.foreground#e9c07d
editorLightBulbAi.foreground#e9c07d
editorLightBulbAutoFix.foreground#e9c07d
editorLineNumber.activeForeground#dee0e5
editorLineNumber.dimmedForeground#898c9f
editorLineNumber.foreground#4e5163
editorLink.activeForeground#dee0e5
editorMarkerNavigation.background#1a1b23
editorMarkerNavigationError.background#c14258
editorMarkerNavigationError.headerBackground#c142581f
editorMarkerNavigationInfo.background#6192bb
editorMarkerNavigationInfo.headerBackground#6192bb1f
editorMarkerNavigationWarning.background#caa263
editorMarkerNavigationWarning.headerBackground#caa2631f
editorMinimap.inlineChatInserted#8e7eea
editorMultiCursor.primary.background#1a1b23
editorMultiCursor.primary.foreground#a5a8b6
editorMultiCursor.secondary.background#1a1b23
editorMultiCursor.secondary.foreground#a5a8b6
editorOverviewRuler.addedForeground#569b6f80
editorOverviewRuler.background#1a1b2300
editorOverviewRuler.border#1a1b23
editorOverviewRuler.bracketMatchForeground#6a6e85
editorOverviewRuler.commentDraftForeground#caa2634d
editorOverviewRuler.commentForeground#569b6f4d
editorOverviewRuler.commentUnresolvedForeground#caa2634d
editorOverviewRuler.commonContentForeground#1a1b2300
editorOverviewRuler.currentContentForeground#8e7eea4d
editorOverviewRuler.deletedForeground#c1425880
editorOverviewRuler.errorForeground#c14258
editorOverviewRuler.findMatchForeground#caa263
editorOverviewRuler.incomingContentForeground#5798964d
editorOverviewRuler.infoForeground#6192bb
editorOverviewRuler.inlineChatInserted#569b6f
editorOverviewRuler.inlineChatRemoved#c14258
editorOverviewRuler.modifiedForeground#caa263
editorOverviewRuler.rangeHighlightForeground#6192bb
editorOverviewRuler.selectionHighlightForeground#68b5b3
editorOverviewRuler.warningForeground#caa263
editorOverviewRuler.wordHighlightForeground#6a6e85
editorOverviewRuler.wordHighlightStrongForeground#6a6e85
editorOverviewRuler.wordHighlightTextForeground#a99ef0
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#75aedd
editorSuggestWidget.foreground#dee0e5
editorSuggestWidget.highlightForeground#6192bb
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#caa263
editorWhitespace.foreground#4e5163
editorWidget.background#24262f
editorWidget.border#4e5163
editorWidget.foreground#898c9f
editorWidget.resizeBorder#363846
errorForeground#e06578
extensionBadge.remoteBackground#898c9f
extensionBadge.remoteForeground#1a1b23
extensionButton.background#579896
extensionButton.border#1a1b2300
extensionButton.foreground#1a1b23
extensionButton.hoverBackground#68b5b3
extensionButton.prominentBackground#579896
extensionButton.prominentForeground#1a1b23
extensionButton.prominentHoverBackground#68b5b3
extensionButton.separator#4e5163
extensionIcon.preReleaseForeground#75aedd
extensionIcon.privateForeground#a99ef0
extensionIcon.sponsorForeground#e06578
extensionIcon.starForeground#4e5163
extensionIcon.verifiedForeground#68b985
focusBorder#4e5163
foreground#dee0e5
gauge.background#68b5b3
gauge.border#1a1b2300
gauge.errorBackground#e06578
gauge.errorForeground#24262f
gauge.foreground#24262f
gauge.warningBackground#e9c07d
gauge.warningForeground#24262f
git.blame.editorDecorationForeground#898c9f
gitDecoration.addedResourceForeground#569b6f
gitDecoration.conflictingResourceForeground#8e7eea
gitDecoration.deletedResourceForeground#c14258
gitDecoration.ignoredResourceForeground#4e5163
gitDecoration.modifiedResourceForeground#caa263
gitDecoration.renamedResourceForeground#caa263
gitDecoration.stageDeletedResourceForeground#c14258
gitDecoration.stageModifiedResourceForeground#caa263
gitDecoration.submoduleResourceForeground#6a6e85
gitDecoration.untrackedResourceForeground#569b6f
icon.foreground#a5a8b6
inlineChat.background#24262f
inlineChat.border#363846
inlineChat.foreground#dee0e5
inlineChat.shadow#101116
inlineChatDiff.inserted#213f2cb3
inlineChatDiff.removed#65222db3
inlineChatInput.background#24262f
inlineChatInput.border#363846
inlineChatInput.focusBorder#4e5163
inlineChatInput.placeholderForeground#6a6e85
inlineEdit.gutterIndicator.background#24262f
inlineEdit.gutterIndicator.primaryBackground#24262f
inlineEdit.gutterIndicator.primaryBorder#a99ef0
inlineEdit.gutterIndicator.primaryForeground#a99ef0
inlineEdit.gutterIndicator.secondaryBackground#24262f
inlineEdit.gutterIndicator.secondaryBorder#68b5b3
inlineEdit.gutterIndicator.secondaryForeground#68b5b3
inlineEdit.gutterIndicator.successfulBackground#24262f
inlineEdit.gutterIndicator.successfulBorder#68b985
inlineEdit.gutterIndicator.successfulForeground#68b985
inlineEdit.modifiedBackground#213f2c1f
inlineEdit.modifiedBorder#68b985
inlineEdit.modifiedChangedLineBackground#213f2c4d
inlineEdit.modifiedChangedTextBackground#213f2ce6
inlineEdit.originalBackground#65222d1f
inlineEdit.originalBorder#e06578
inlineEdit.originalChangedLineBackground#65222d4d
inlineEdit.originalChangedTextBackground#65222de6
inlineEdit.tabWillAcceptModifiedBorder#569b6f
inlineEdit.tabWillAcceptOriginalBorder#c14258
input.background#24262f
input.border#363846
input.foreground#dee0e5
input.placeholderForeground#6a6e85
inputOption.activeBackground#579896
inputOption.activeBorder#1a1b2300
inputOption.activeForeground#1a1b23
inputOption.hoverBackground#4e516380
inputValidation.errorBackground#24262f
inputValidation.errorBorder#e06578
inputValidation.errorForeground#e06578
inputValidation.infoBackground#24262f
inputValidation.infoBorder#898c9f
inputValidation.infoForeground#898c9f
inputValidation.warningBackground#24262f
inputValidation.warningBorder#e9c07d
inputValidation.warningForeground#e9c07d
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#e06578
list.filterMatchBackground#4e5163b3
list.filterMatchBorder#1a1b2300
list.focusAndSelectionOutline#1a1b2300
list.focusBackground#4e516380
list.focusForeground#dee0e5
list.focusHighlightForeground#75aedd
list.focusOutline#1a1b2300
list.highlightForeground#75aedd
list.hoverBackground#4e51634d
list.hoverForeground#dee0e5
list.inactiveFocusBackground#4e516380
list.inactiveFocusOutline#1a1b2300
list.inactiveSelectionBackground#4e51634d
list.inactiveSelectionForeground#dee0e5
list.inactiveSelectionIconForeground#a5a8b6
list.invalidItemForeground#c14258
list.warningForeground#e9c07d
listFilterWidget.background#24262f
listFilterWidget.noMatchesOutline#e06578
listFilterWidget.outline#363846
listFilterWidget.shadow#101116
markdownAlert.caution.foreground#e06578
markdownAlert.important.foreground#a99ef0
markdownAlert.note.foreground#75aedd
markdownAlert.tip.foreground#68b985
markdownAlert.warning.foreground#e9c07d
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#8e7eea1f
merge.currentHeaderBackground#8e7eea4d
merge.incomingContentBackground#5798961f
merge.incomingHeaderBackground#5798964d
mergeEditor.change.background#1a1b23
mergeEditor.change.word.background#24262f
mergeEditor.changeBase.background#1a1b2300
mergeEditor.changeBase.word.background#1a1b2300
mergeEditor.conflict.handled.minimapOverViewRuler#68b985
mergeEditor.conflict.handledFocused.border#68b985
mergeEditor.conflict.handledUnfocused.border#68b985
mergeEditor.conflict.input1.background#1a1b2300
mergeEditor.conflict.input2.background#1a1b2300
mergeEditor.conflict.unhandled.minimapOverViewRuler#e06578
mergeEditor.conflict.unhandledFocused.border#e06578
mergeEditor.conflict.unhandledUnfocused.border#e06578
mergeEditor.conflictingLines.background#1a1b23
minimap.background#1a1b2300
minimap.chatEditHighlight#caa263
minimap.errorHighlight#c14258
minimap.findMatchHighlight#caa263
minimap.foregroundOpacity#1a1b23e6
minimap.infoHighlight#6192bb
minimap.selectionHighlight#4e5163b3
minimap.selectionOccurrenceHighlight#4e5163b3
minimap.warningHighlight#caa263
minimapGutter.addedBackground#569b6f
minimapGutter.deletedBackground#c14258
minimapGutter.modifiedBackground#caa263
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#caa263
notebookScrollbarSlider.activeBackground#4e516380
notebookScrollbarSlider.background#4e51634d
notebookScrollbarSlider.hoverBackground#4e516380
notebookStatusErrorIcon.foreground#e06578
notebookStatusRunningIcon.foreground#e9c07d
notebookStatusSuccessIcon.foreground#68b985
notificationCenter.border#363846
notificationCenterHeader.background#1a1b23
notificationCenterHeader.foreground#dee0e5
notificationLink.foreground#6192bb
notifications.background#1a1b23
notifications.border#363846
notifications.foreground#dee0e5
notificationsErrorIcon.foreground#e06578
notificationsInfoIcon.foreground#75aedd
notificationsWarningIcon.foreground#e9c07d
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#e9c07d
problemsErrorIcon.foreground#e06578
problemsInfoIcon.foreground#75aedd
problemsWarningIcon.foreground#e9c07d
profileBadge.background#898c9f
profileBadge.foreground#1a1b23
profiles.sashBorder#363846
progressBar.background#68b5b3
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#6192bb
scmGraph.foreground2#569b6f
scmGraph.foreground3#8e7eea
scmGraph.foreground4#d664af
scmGraph.foreground5#579896
scmGraph.historyItemBaseRefColor#4e5163
scmGraph.historyItemHoverAdditionsForeground#68b985
scmGraph.historyItemHoverDefaultLabelBackground#579896
scmGraph.historyItemHoverDefaultLabelForeground#dee0e5
scmGraph.historyItemHoverDeletionsForeground#e06578
scmGraph.historyItemHoverLabelForeground#dee0e5
scmGraph.historyItemRefColor#4e5163
scmGraph.historyItemRemoteRefColor#569b6f
scrollbar.background#1a1b2300
scrollbar.shadow#101116
scrollbarSlider.activeBackground#4e516380
scrollbarSlider.background#4e51634d
scrollbarSlider.hoverBackground#4e516380
search.resultsInfoForeground#898c9f
searchEditor.findMatchBackground#4e51634d
searchEditor.findMatchBorder#e06578
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#e9c07d
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#8e7eea
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#e06578
statusBarItem.errorForeground#1a1b23
statusBarItem.errorHoverBackground#e6909b
statusBarItem.errorHoverForeground#1a1b23
statusBarItem.focusBorder#363846
statusBarItem.hoverBackground#4e516380
statusBarItem.hoverForeground#dee0e5
statusBarItem.offlineBackground#e9c07d
statusBarItem.offlineForeground#1a1b23
statusBarItem.offlineHoverBackground#f5ddbb
statusBarItem.offlineHoverForeground#1a1b23
statusBarItem.prominentBackground#8e7eea
statusBarItem.prominentForeground#1a1b23
statusBarItem.prominentHoverBackground#a99ef0
statusBarItem.prominentHoverForeground#1a1b23
statusBarItem.remoteBackground#24262f
statusBarItem.remoteForeground#898c9f
statusBarItem.remoteHoverBackground#4e516380
statusBarItem.remoteHoverForeground#dee0e5
statusBarItem.warningBackground#e9c07d
statusBarItem.warningForeground#1a1b23
statusBarItem.warningHoverBackground#f5ddbb
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#6192bb
terminal.ansiBrightBlack#6a6e85
terminal.ansiBrightBlue#75aedd
terminal.ansiBrightCyan#68b5b3
terminal.ansiBrightGreen#68b985
terminal.ansiBrightMagenta#a99ef0
terminal.ansiBrightRed#e06578
terminal.ansiBrightWhite#dee0e5
terminal.ansiBrightYellow#e9c07d
terminal.ansiCyan#579896
terminal.ansiGreen#569b6f
terminal.ansiMagenta#8e7eea
terminal.ansiRed#c14258
terminal.ansiWhite#c3c6cf
terminal.ansiYellow#caa263
terminal.background#1a1b23
terminal.border#363846
terminal.dropBackground#4e51634d
terminal.findMatchBackground#a99ef04d
terminal.findMatchBorder#e06578
terminal.findMatchHighlightBackground#4e516380
terminal.findMatchHighlightBorder#a99ef0
terminal.foreground#dee0e5
terminal.hoverHighlightBackground#4e51634d
terminal.inactiveSelectionBackground#4e51631f
terminal.initialHintForeground#898c9f
terminal.selectionBackground#4e51634d
terminal.tab.activeBorder#898c9f
terminalCommandDecoration.defaultBackground#24262f
terminalCommandDecoration.errorBackground#c14258
terminalCommandDecoration.successBackground#569b6f
terminalCommandGuide.foreground#579896
terminalCursor.background#24262f
terminalCursor.foreground#898c9f
terminalOverviewRuler.border#1a1b2300
terminalOverviewRuler.cursorForeground#4e516380
terminalOverviewRuler.findMatchForeground#caa263
terminalStickyScroll.background#1a1b23
terminalStickyScroll.border#1a1b2300
terminalStickyScrollHover.background#4e51634d
terminalSymbolIcon.aliasForeground#a99ef0
terminalSymbolIcon.argumentForeground#6a6e85
terminalSymbolIcon.branchForeground#6a6e85
terminalSymbolIcon.commitForeground#569b6f
terminalSymbolIcon.fileForeground#6a6e85
terminalSymbolIcon.flagForeground#e9c07d
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#68b5b3
terminalSymbolIcon.symbolicLinkFolderForeground#68b5b3
terminalSymbolIcon.symbolText#dee0e5
terminalSymbolIcon.tagForeground#6a6e85
testing.coverCountBadgeBackground#898c9f
testing.coverCountBadgeForeground#1a1b23
testing.coveredBackground#213f2c4d
testing.coveredBorder#1a1b2300
testing.coveredGutterBackground#213f2c4d
testing.iconErrored#e06578
testing.iconErrored.retired#e06578
testing.iconFailed#e06578
testing.iconFailed.retired#e06578
testing.iconPassed#68b985
testing.iconPassed.retired#68b985
testing.iconQueued#a99ef0
testing.iconQueued.retired#a99ef0
testing.iconSkipped#e9c07d
testing.iconSkipped.retired#e9c07d
testing.iconUnset#6a6e85
testing.iconUnset.retired#6a6e85
testing.message.error.badgeBackground#65222d4d
testing.message.error.badgeBorder#e06578
testing.message.error.badgeForeground#1a1b23
testing.message.error.lineBackground#e06578
testing.message.info.decorationForeground#75aedd
testing.message.info.lineBackground#75aedd
testing.messagePeekBorder#363846
testing.messagePeekHeaderBackground#1a1b2300
testing.peekBorder#363846
testing.peekHeaderBackground#1a1b2300
testing.runAction#68b985
testing.uncoveredBackground#65222d4d
testing.uncoveredBorder#1a1b2300
testing.uncoveredBranchBackground#65222d4d
testing.uncoveredGutterBackground#65222d4d
textBlockQuote.background#24262f
textBlockQuote.border#363846
textCodeBlock.background#24262f
textLink.activeForeground#75aedd
textLink.foreground#6192bb
textPreformat.background#24262f
textPreformat.border#363846
textPreformat.foreground#df8fc1
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#75aedd
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	#6192bb	—
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	#68b5b3	—
entity.name.tag, punctuation.tag	#68b985	—
invalid, invalid.illegal	#c14258	—
invalid.deprecated	#8e7eea	—
meta.selector	#68b5b3	—
meta.preprocessor	#da9a6a	—
meta.preprocessor.string	#68b985	—
meta.preprocessor.numeric	#68b985	—
meta.header.diff	#da9a6a	—
storage, storage.modifier, storage.type.function, keyword.control	#8e7eea	—
—	#e06578	—
string, entity.other.attribute-name.html.vue, punctuation.attribute-shorthand.bind.html.vue	#df8fc1	—
string.tag	#68b985	—
string.value	#68b985	—
string.regexp	#da9a6a	—
string.escape	#e06578	—
string.quasi	#68b5b3	—
string.entity	#68b985	—
object	#dee0e5	—
module.node	#75aedd	—
support.type.property-name	#579896	—
keyword	#e06578	—
keyword.control.module	#68b5b3	—
keyword.control.less	#e9c07d	—
keyword.operator	#898c9f	—
keyword.operator.new	#898c9f	—
keyword.other.unit	#898c9f	—
metatag.php	#da9a6a	—
support.function.git-rebase	#579896	—
constant.sha.git-rebase	#68b985	—
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	#a99ef0	—
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	#68b5b3	—
entity.name.function.function-call	#68b5b3	—
support.function.builtin	#898c9f	—
entity.name.method, entity.name.method.function-call, entity.name.static.function-call	#579896	—
brace	#dee0e5	—
meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder	#75aedd	—
prototype	#a99ef0	—
storage.type.class	#e06578	—
punctuation, attribute_value, meta.tag.other	#6a6e85	—
punctuation.quoted	#dee0e5	—
punctuation.quasi	#e06578	—
url, link, uri	—	underline
source.python, meta.function-call.arguments	#75aedd	—
meta.function.python, entity.name.function.python	#e9c07d	—
storage.type.function.python, storage.modifier.declaration, storage.type.class.python	#e06578	—
meta.function-call.generic	#dee0e5	—
entity.name.function.decorator	#e9c07d	bold
support.type.exception.python	#898c9f	—
constant.other.caps	—	bold
entity.name.command.shell, entity.name.function.call.shell	#e9c07d	—
keyword.operator.logical	#6a6e85	—
punctuation.definition.logical-expression	#da9a6a	—
string.inperpolated.dollar.shell	#da9a6a	—
string.interpolated.dollar.shell, string.interpolated.backtick.shell	#68b5b3	—
string.unquoted.argument.shell	#dee0e5	—
keyword.control.directive	#68b5b3	—
support.function.C99	#e9c07d	—
meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs	#68b985	—
keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs	#68b5b3	—
keyword.other.this.cs, keyword.other.base.cs	#a99ef0	—
meta.scope.prerequisites	#e9c07d	—
entity.name.function.target	#68b985	bold
storage.modifier.import.java, storage.modifier.package.java	#898c9f	—
keyword.other.import.java, keyword.other.package.java	#68b5b3	—
storage.type.java	#e9c07d	—
storage.type.annotation	#75aedd	bold
keyword.other.documentation.javadoc	#68b5b3	—
comment.block.javadoc variable.parameter.java	#68b985	bold
source.java variable.other.object, source.java variable.other.definition.java	#dee0e5	—
meta.function-parameters.lisp	#e9c07d	—
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	#df8fc1	—
markup.bold	#e9c07d	—
markup.italic	#e9c07d	italic
markup.inserted	#68b985	—
markup.heading.markdown, entity.name.section.markdown	#68b985	—
markup.underline.link	#a99ef0	—
markup.inline.raw, markup.fenced_code.block	#a99ef0	—
text.markdown.notes.tag	#75aedd	—
entity.name.tag.mdc	#68b5b3	—
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	#a99ef0	—
entity.name.type.class.mermaid	#e9c07d	—
storage.type.mermaid	#68b5b3	—
entity.name.function.mermaid	#da9a6a	—
punctuation.parenthesis.open.mermaid	#68b985	—
string.quoted.double.json	#dee0e5	—
source.json meta.structure.dictionary.json support.type.property-name.json	#e06578	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#da9a6a	—
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	#e9c07d	—
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	#68b985	—
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	#75aedd	—
string.quoted.double.scss	#da9a6a	—
entity.other.attribute-name.class.css	#e9c07d	—
entity.name.tag.css	#68b985	—
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	#68b5b3	—
variable.css, variable.scss, meta.property-value.css, meta.property-list.css	#75aedd	—
support.type.property-name.css, meta.property-name.scss, support.type.property-name.media.css, source.css.scss	#a99ef0	—
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	#df8fc1	—
punctuation.definition.tag	#6a6e85	—
text.html punctuation.tag	#e06578	—
string.quoted.double.html, string.quoted.double.xml, string.quoted.double.js	#df8fc1	—
entity.other.attribute-name, entity.other.attribute-name.html	#a99ef0	—
entity.other.attribute-name.class.pug	#e9c07d	—
entity.name.function.pug	#898c9f	—
meta.directive.vue	#68b5b3	—
source.js, source.ts	#898c9f	—
entity.name.type.class.js, entity.name.type.class.ts	#e9c07d	—
variable.other.property.js	#68b5b3	—
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	#75aedd80	—
keyword.other.js, keyword.other.ts	#579896	—
punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc	#8e7eea	—
entity.name.type.instance.jsdoc	#898c9f	—
variable.other.jsdoc	#6192bb	—
source.go storage.type	#e9c07d	—
source.go entity.name.import	#68b985	—
source.go keyword.package, source.go keyword.import	#68b5b3	—
source.go keyword.interface, source.go keyword.struct	#75aedd	—
source.go entity.name.type	#dee0e5	—
source.go entity.name.function	#a99ef0	—
keyword.control.cucumber.table	#75aedd	—
source.reason string.double, source.reason string.regexp	#68b985	—
source.reason keyword.control.less	#68b5b3	—
source.reason entity.name.function	#75aedd	—
source.reason support.property-value, source.reason entity.name.filename	#da9a6a	—
source.powershell variable.other.member.powershell	#da9a6a	—
source.powershell support.function.powershell	#e9c07d	—
source.powershell support.function.attribute.powershell	#898c9f	—
source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell	#da9a6a	—

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