wine-bar-monokai

Name: wine-bar-monokai
Author: Dipta Mahardhika

Publisher: Dipta MahardhikaThemes in package: 1

A simple brown-maroon colored theme, reminding you of a old wooden bar serving high quality red wine.

GitHub

VS Code preview

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

wine-bar-monokai — Wine Bar Monokai

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#3a1414
activityBar.background#110802
activityBar.border#110802
activityBar.foreground#fff8f1
activityBar.inactiveForeground#fff8f199
activityBarBadge.background#fce566
activityBarBadge.foreground#222222
badge.background#fce566
badge.foreground#222222
breadcrumb.activeSelectionForeground#ffffff
breadcrumb.background#110802
breadcrumb.focusForeground#ffffff
breadcrumb.foreground#e6cfae
breadcrumbPicker.background#161008
button.background#015b01
button.foreground#f7f1ff
button.hoverBackground#006a00
button.secondaryBackground#0f1d63
button.secondaryForeground#f7f1ff
button.secondaryHoverBackground#16277d
button.separator#fff8f166
commentsView.resolvedIcon#cccccc80
commentsView.unresolvedIcon#fbff00b9
debugExceptionWidget.background#363537
debugExceptionWidget.border#222222
debugTokenExpression.boolean#82c7ff
debugTokenExpression.name#f7bff2
debugTokenExpression.string#ffa582
debugTokenExpression.type#79b7ff
debugTokenExpression.value#e4e4e4
debugToolBar.background#110802
debugToolBar.border#1c00c3
descriptionForeground#f7f1ffb3
diffEditor.diagonalFill#cccccc1a
diffEditor.insertedLineBackground#3f843d4c
diffEditor.insertedTextBackground#00ff3724
diffEditor.removedLineBackground#ff000033
diffEditor.removedTextBackground#fc618d2f
diffEditor.unchangedCodeBackground#161008
diffEditor.unchangedRegionBackground#161008
diffEditor.unchangedRegionForeground#808080
dropdown.background#4e321a
dropdown.border#161008
dropdown.foreground#fff8f1
editor.background#191919
editor.findMatchBackground#ff910041
editor.findMatchHighlightBackground#ff910020
editor.findRangeHighlightBackground#f7f1ff0c
editor.focusedStackFrameHighlightBackground#7abd7a4d
editor.foldBackground#400000
editor.foreground#d4d4d4
editor.hoverHighlightBackground#36353780
editor.inactiveSelectionBackground#1c00c388
editor.inlineValuesBackground#003b004f
editor.inlineValuesForeground#006305
editor.lineHighlightBackground#f7f1ff0c
editor.lineHighlightBorder#00000000
editor.placeholder.foreground#69676c
editor.rangeHighlightBackground#36353780
editor.rangeHighlightBorder#80000080
editor.selectionBackground#1c00c3
editor.selectionHighlightBackground#1d00c376
editor.snippetFinalTabstopHighlightBorder#525252
editor.snippetTabstopHighlightBackground#7c7c7c4d
editor.stackFrameHighlightBackground#ff000081
editor.wordHighlightBackground#36353766
editor.wordHighlightBorder#ffffff
editor.wordHighlightStrongBackground#52505366
editor.wordHighlightStrongBorder#ffffff
editorBracketMatch.background#ffffff00
editorBracketMatch.border#ffffff
editorCodeLens.foreground#77757a
editorCommentsWidget.rangeActiveBackground#6c6e0060
editorCommentsWidget.rangeBackground#7474005f
editorCommentsWidget.resolvedBorder#cccccc80
editorCommentsWidget.unresolvedBorder#fbff00b9
editorCursor.foreground#00eeff
editorError.border#00000000
editorError.foreground#fc618d
editorGhostText.background#003b004f
editorGhostText.foreground#137218
editorGroup.border#404040
editorGroup.dropBackground#70d3fa4f
editorGroup.emptyBackground#110802
editorGroupHeader.noTabsBackground#110802
editorGroupHeader.tabsBackground#110802
editorGroupHeader.tabsBorder#222222
editorGutter.addedBackground#7bd88f
editorGutter.background#161008
editorGutter.deletedBackground#fc618d
editorGutter.modifiedBackground#fd9353
editorHoverWidget.background#200e00
editorHoverWidget.border#7d7d7d
editorIndentGuide.activeBackground1#707070
editorIndentGuide.background1#404040
editorLineNumber.activeForeground#ffffff
editorLineNumber.foreground#e6cfae
editorLink.activeForeground#5ad4e6
editorMarkerNavigation.background#363537
editorMarkerNavigationError.background#fc618d
editorMarkerNavigationWarning.background#fd9353
editorOverviewRuler.addedForeground#7bd88f
editorOverviewRuler.background#161008
editorOverviewRuler.border#404040
editorOverviewRuler.bracketMatchForeground#ffffff
editorOverviewRuler.currentContentForeground#363537
editorOverviewRuler.deletedForeground#fc618d
editorOverviewRuler.errorForeground#fc618d
editorOverviewRuler.findMatchForeground#52505380
editorOverviewRuler.incomingContentForeground#363537
editorOverviewRuler.infoForeground#5ad4e6
editorOverviewRuler.modifiedForeground#fd9353
editorOverviewRuler.rangeHighlightForeground#36353780
editorOverviewRuler.selectionHighlightForeground#52505380
editorOverviewRuler.warningForeground#fd9353
editorOverviewRuler.wordHighlightForeground#36353780
editorOverviewRuler.wordHighlightStrongForeground#52505380
editorPane.background#110802
editorRuler.foreground#363537
editorStickyScroll.background#400000
editorStickyScrollHover.background#660000
editorSuggestWidget.background#363537
editorSuggestWidget.border#363537
editorSuggestWidget.foreground#bab6c0
editorSuggestWidget.highlightForeground#f7f1ff
editorSuggestWidget.selectedBackground#69676c
editorWarning.border#00000000
editorWarning.foreground#fd9353
editorWhitespace.foreground#363537
editorWidget.background#161008
editorWidget.border#800000
errorForeground#fc618d
errorLens.errorForeground#a94343
errorLens.warningForeground#a1643e
extensionButton.background#015b01
extensionButton.foreground#f7f1ff
extensionButton.hoverBackground#006a00
extensionButton.prominentBackground#015b01
extensionButton.prominentForeground#f7f1ff
extensionButton.prominentHoverBackground#006a00
extensionButton.separator#fff8f166
focusBorder#0400ff
foreground#f7f1ff
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#6c6cc4
gitDecoration.deletedResourceForeground#c74e39
gitDecoration.ignoredResourceForeground#8c8c8c
gitDecoration.modifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#73c991
gitlens.trailingLineBackgroundColor#3100467e
gitlens.trailingLineForegroundColor#813cbabd
input.background#0c0c0c
input.border#363537
input.foreground#d4d4d4
input.placeholderForeground#525053
inputOption.activeBackground#800000aa
inputOption.activeBorder#525053
inputOption.activeForeground#fff8f1
inputValidation.errorBackground#363537
inputValidation.errorBorder#fc618d
inputValidation.infoBackground#363537
inputValidation.infoBorder#5ad4e6
inputValidation.warningBackground#363537
inputValidation.warningBorder#fd9353
list.activeSelectionBackground#360000
list.activeSelectionForeground#fbff00
list.dropBackground#383b3d
list.focusBackground#200000
list.focusForeground#f7f1ff
list.highlightForeground#f7f1ff
list.hoverBackground#200000
list.hoverForeground#f7f1ff
list.inactiveFocusBackground#200000
list.inactiveSelectionBackground#360000
list.inactiveSelectionForeground#f7f1ff
listFilterWidget.background#653723
listFilterWidget.noMatchesOutline#be1100
listFilterWidget.outline#00000000
menu.background#4e321a
menu.foreground#fff8f1
menu.selectionBackground#200000
menu.selectionForeground#fbff00
menu.separatorBackground#bbbbbb
menubar.selectionBackground#ffffff1a
menubar.selectionForeground#cccccc
merge.border#222222
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#36353780
merge.currentHeaderBackground#52505380
merge.incomingContentBackground#52505380
merge.incomingHeaderBackground#69676c80
minimap.background#200e00
notificationCenter.border#110802
notificationCenterHeader.background#200e00
notificationCenterHeader.foreground#e08927
notificationLink.foreground#fbff00
notifications.background#4e321a
notifications.border#ffffff
notifications.foreground#fff8f1
notificationToast.border#110802
panel.background#200e00
panel.border#800000
panelTitle.activeBorder#800000
panelTitle.activeForeground#fff8f1
panelTitle.inactiveForeground#bab6c0
peekView.border#7d7d7d
peekViewEditor.background#2e2e2e
peekViewEditor.matchHighlightBackground#525053
peekViewEditorGutter.background#262020
peekViewEditorStickyScroll.background#401818
peekViewResult.background#200e00
peekViewResult.fileForeground#8b888f
peekViewResult.lineForeground#8b888f
peekViewResult.matchHighlightBackground#ff91003a
peekViewResult.selectionBackground#363537
peekViewResult.selectionForeground#f7f1ff
peekViewTitle.background#110802
peekViewTitleDescription.foreground#e6cfae
peekViewTitleLabel.foreground#e6cfae
pickerGroup.border#f7f1ff
pickerGroup.foreground#f7f1ff
progressBar.background#fce566
scrollbar.shadow#000000
scrollbarSlider.activeBackground#4c000085
scrollbarSlider.background#9685584d
scrollbarSlider.hoverBackground#4c000085
selection.background#1c00c3
settings.checkboxBackground#4e321a
settings.checkboxBorder#161008
settings.checkboxForeground#fff8f1
settings.dropdownBackground#4e321a
settings.dropdownBorder#161008
settings.dropdownForeground#fff8f1
settings.dropdownListBorder#800000
settings.headerForeground#e7e7e7
settings.modifiedItemIndicator#0c7d9d
settings.numberInputBackground#0c0c0c
settings.numberInputBorder#363537
settings.numberInputForeground#d4d4d4
settings.textInputBackground#0c0c0c
settings.textInputBorder#363537
settings.textInputForeground#d4d4d4
sideBar.background#4e321a
sideBar.border#800000
sideBar.dropBackground#ffffff1f
sideBar.foreground#fff8f1
sideBarSectionHeader.background#200e00
sideBarSectionHeader.border#b6aea7
sideBarSectionHeader.foreground#bb711d
sideBarTitle.background#110802
sideBarTitle.foreground#bbbbbb
statusBar.background#400000
statusBar.border#400000
statusBar.debuggingBackground#c20000
statusBar.debuggingBorder#110802
statusBar.debuggingForeground#f7f1ff
statusBar.foreground#dadada
statusBar.noFolderBackground#400000
statusBar.noFolderBorder#110802
statusBar.noFolderForeground#dadada
statusBarItem.activeBackground#222222
statusBarItem.compactHoverBackground#ff000077
statusBarItem.hoverBackground#730000
statusBarItem.prominentBackground#4c0000
statusBarItem.prominentHoverBackground#363537
tab.activeBackground#450000
tab.activeBorder#0400ff
tab.activeBorderTop#00000000
tab.activeForeground#fff8f1
tab.activeModifiedBorder#3399cc
tab.border#800000
tab.hoverBackground#500000
tab.inactiveBackground#200e00
tab.inactiveForeground#bab6c0
tab.inactiveModifiedBorder#3399cc80
tab.unfocusedActiveBackground#450000
tab.unfocusedActiveBorder#00000000
tab.unfocusedActiveForeground#bab6c0
tab.unfocusedActiveModifiedBorder#3399cc80
tab.unfocusedHoverBackground#500000
tab.unfocusedInactiveForeground#bab6c0
tab.unfocusedInactiveModifiedBorder#3399cc40
terminal.ansiBlack#363537
terminal.ansiBlue#fd9353
terminal.ansiBrightBlack#69676c
terminal.ansiBrightBlue#fd9353
terminal.ansiBrightCyan#5ad4e6
terminal.ansiBrightGreen#7bd88f
terminal.ansiBrightMagenta#948ae3
terminal.ansiBrightRed#fc618d
terminal.ansiBrightWhite#f7f1ff
terminal.ansiBrightYellow#fce566
terminal.ansiCyan#5ad4e6
terminal.ansiGreen#7bd88f
terminal.ansiMagenta#948ae3
terminal.ansiRed#fc618d
terminal.ansiWhite#f7f1ff
terminal.ansiYellow#fce566
terminal.background#0c0c0c
terminal.border#800000
terminal.foreground#f7f1ff
terminal.selectionBackground#1d00c36b
terminalCursor.foreground#ffffff
terminalStickyScroll.background#201811dd
terminalStickyScrollHover.background#251b13
textBlockQuote.background#391900
textBlockQuote.border#70000080
textLink.activeForeground#fbff00
textLink.foreground#fbff00
textPreformat.foreground#d7ba7d
textSeparator.foreground#ffffff2e
titleBar.activeBackground#3c3c3c
titleBar.activeForeground#cccccc
titleBar.inactiveBackground#3c3c3c99
titleBar.inactiveForeground#cccccc99
toolbar.hoverBackground#3a2614
walkThrough.embeddedEditorBackground#191919
welcomePage.background#110802
widget.shadow#bdbdbdc0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment keyword, comment string, comment punctuation.definition, comment punctuation	#69676C	italic
comment markup.underline.link	#800000	italic
comment storage.type	#69676C	—
comment entity.name.type	#BAB6C0	—
comment variable, comment variable.other	#BAB6C0	—
comment keyword.codetag.notation	#948AE3	—
constant	#948AE3	—
constant.other.database-name	#FC618D	—
constant.numeric.line-number.find-in-files	#525053	—
constant.numeric.line-number.match.find-in-files	#FCE566	—
entity.name.section	#FCE566	—
entity.name	#F7F1FF	—
entity.name.type	#FC618D	italic
entity.name.class, entity.name.type.class	#00B8C9	—
entity.name.namespace, entity.name.type.namespace	#F7F1FF	—
entity.other.inherited-class	#5AD4E6	italic
entity.name.function	#7BD88F	—
entity.name.tag	#66D9EF	—
entity.other.attribute-name	#FD9720	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css	#7BD88F	—
entity.other.attribute-name.id.css	#FD9353	—
entity.other.attribute-name.pseudo-class.css	#5AD4E6	italic
entity.name.function, support.function	#7BD88F	—
invalid	—	italic
keyword	#66D9EF	—
keyword.operator	#F7F1FF	bold
keyword.other.substitution	#8B888F	—
keyword.other.DML	#FD9720	—
keyword.other.template.begin keyword.other.template.end	#FC618D	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#8B888F	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#FCE566	—
markup.raw	#FD9353	—
markup.underline	—	underline
markup.underline.link	#7BD88F	—
markup.inserted	#7BD88F	—
markup.deleted	#FC618D	—
markup.changed	#FCE566	—
markup.ignored	#8B888F	—
markup.untracked	#8B888F	—
markup.quote	—	italic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js	#8B888F	—
meta.function-call, meta.function-call.arguments meta.function-call	#7BD88F	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#F7F1FF	—
meta.instance.constructor	#7BD88F	—
meta.attribute string.quoted.double.html	#F7F1FF	—
meta.attribute-with-value.class string	#7BD88F	—
meta.attribute-with-value.id string	#FD9353	—
source.json meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string	#F7F1FF	—
source.json meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string	#FCE566	—
meta.object.member	#FD9353	—
meta.property-list.css variable.other	#FD9353	—
entity.name.constant.preprocessor, meta.preprocessor	#948AE3	—
punctuation	#8B888F	—
punctuation.definition.group	#F7F1FF	—
punctuation.definition.comment	#69676C	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#BAB6C0	—
punctuation.section.embedded	#FD9353	—
punctuation.template-string.element.begin, punctuation.template-string.element.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end	#FC618D	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
source.scss	#8B888F	—
source.scss variable.other, source.scss variable.scss, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#FD9353	italic
storage	#FC618D	—
storage.type	#FD9720	italic
storage.type.function.arrow	#FD9720
storage.modifier	#66D9EF	italic
storage.class.restructuredtext.ref	#948AE3	—
string	#FCE566	—
string.unquoted.label	#F7F1FF	—
string source	#F7F1FF	—
string source punctuation.section.embedded	#8B888F	—
string.other.link.title, string.other.link.description	#FC618D	—
string.other.link.description.title	#5AD4E6	—
string.regexp, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FFBB00	—
string.other.ref, string.other.restructuredtext.ref	#7BD88F	—
support.constant	#5AD4E6	—
support.function	#7BD88F	—
support.type, entity.name.type.object.console	#5AD4E6	italic
support.type.primitive	#FC618D	—
support.variable	#5AD4E6	—
support.type.property-name	#F7F1FF	—
support.class	#5AD4E6	—
text.find-in-files	#F7F1FF	—
variable, variable.other	#F7F1FF	—
variable.other.object	#FC618D	—
variable.other.object.ts	#F7F1FF	—
variable.other.object.property	#948AE3	—
variable.other.property	#CC8D66	—
variable.parameter, parameters variable.function	#F7F1FF	italic
variable.language, variable.parameter.function.language.special.self.python	#BAB6C0	italic
variable.language.arguments	#948AE3	—
variable.other.class	#5AD4E6	—
variable.other.constant	#948AE3	—
variable.other.member	#F7F1FF	—
variable.function	#7BD88F	—
variable.other.substitution	#FD9353	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—
text.html	#FCE566	—
string.quoted.docstring.multi.python	#69676C	—
log.error	#FC618D	—

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