MonoDracula

Name: MonoDracula
Author: Diego Ferreira

Publisher: Diego FerreiraThemes in package: 2

A Monokai Pro syntax highlighting based color theme, but with Dracula's colors

Open in VS Code GitHub

Color themes

VS Code preview

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

MonoDracula — MonoMin

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.

activityBar.background#101010
activityBar.border#151515
activityBar.foreground#888888
activityBar.inactiveforeground#888888
activityBarBadge.background#F8C66B
activityBarBadge.foreground#1f1f1f
badge.background#F8C66B
badge.foreground#1f1f1f
breadcrumb.activeSelectionForeground#EAEAEA
breadcrumb.focusForeground#888888
breadcrumb.foreground#888888
button.background#101010
button.foreground#939293
button.hoverBackground#1f1f1f
debugExceptionWidget.background#151515
debugExceptionWidget.border#1f1f1f
debugIcon.breakpointCurrentStackframeForeground#F8C66B
debugIcon.breakpointDisabledForeground#c1c0c0
debugIcon.breakpointForeground#f97583
debugIcon.breakpointStackframeForeground#EAEAEA
debugIcon.breakpointUnverifiedForeground#ffab70
debugIcon.continueForeground#EAEAEA
debugIcon.disconnectForeground#EAEAEA
debugIcon.pauseForeground#EAEAEA
debugIcon.restartForeground#F8C66B
debugIcon.startForeground#F8C66B
debugIcon.stepBackForeground#EAEAEA
debugIcon.stepIntoForeground#EAEAEA
debugIcon.stepOutForeground#EAEAEA
debugIcon.stepOverForeground#EAEAEA
debugIcon.stopForeground#f97583
debugToolBar.background#151515
descriptionForeground#939293
diffEditor.insertedTextBackground#50fa7b19
diffEditor.removedTextBackground#f9758319
dropdown.background#1f1f1f
dropdown.border#1f1f1f
dropdown.foreground#939293
dropdown.listBackground#151515
editor.background#1f1f1f
editor.findMatchBackground#EAEAEA26
editor.findMatchBorder#F8C66B
editor.findMatchHighlightBackground#EAEAEA26
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#EAEAEA0c
editor.findRangeHighlightBorder#00000000
editor.foreground#EAEAEA
editor.hoverHighlightBackground#EAEAEA0c
editor.inactiveSelectionBackground#EAEAEA0c
editor.lineHighlightBackground#EAEAEA0c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#151515
editor.rangeHighlightBorder#151515
editor.selectionBackground#c1c0c026
editor.selectionHighlightBackground#EAEAEA26
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#EAEAEA26
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#EAEAEA26
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#1f1f1f
editorBracketMatch.border#888888
editorCodeLens.foreground#888888
editorCursor.background#1f1f1f
editorCursor.foreground#EAEAEA
editorError.border#00000000
editorError.foreground#f97583
editorGroup.border#151515
editorGroup.dropBackground#151515bf
editorGroup.emptyBackground#151515bf
editorGroup.focusedEmptyBorder#151515
editorGroupHeader.noTabsBackground#151515
editorGroupHeader.tabsBackground#151515
editorGroupHeader.tabsBorder#101010
editorGutter.addedBackground#50fa7b
editorGutter.background#1f1f1f
editorGutter.deletedBackground#f97583
editorGutter.modifiedBackground#ffab70
editorHint.border#1f1f1f
editorHint.foreground#F8C66B
editorHoverWidget.background#151515
editorHoverWidget.border#1f1f1f
editorIndentGuide.activeBackground#505050
editorIndentGuide.background#3D3D3D
editorInfo.border#1f1f1f
editorInfo.foreground#79b8ff
editorLightBulb.foreground#F8C66B
editorLightBulbAutoFix.foreground#50fa7b
editorLineNumber.activeForeground#888888
editorLineNumber.foreground#888888
editorLink.activeForeground#79b8ff
editorMarkerNavigation.background#151515
editorMarkerNavigationError.background#f97583
editorMarkerNavigationInfo.background#79b8ff
editorMarkerNavigationWarning.background#ffab70
editorOverviewRuler.addedForeground#50fa7b
editorOverviewRuler.border#1f1f1f
editorOverviewRuler.currentContentforeground#888888
editorOverviewRuler.deletedForeground#f97583
editorOverviewRuler.errorForeground#f97583
editorOverviewRuler.findMatchForeground#EAEAEA26
editorOverviewRuler.incomingContentforeground#888888
editorOverviewRuler.infoForeground#79b8ff
editorOverviewRuler.modifiedForeground#ffab70
editorOverviewRuler.rangeHighlightForeground#EAEAEA26
editorOverviewRuler.selectionHighlightForeground#EAEAEA26
editorOverviewRuler.warningForeground#ffab70
editorOverviewRuler.wordHighlightForeground#EAEAEA26
editorOverviewRuler.wordHighlightStrongForeground#EAEAEA26
editorPane.background#1f1f1f
editorRuler.foreground#1f1f1f
editorSuggestWidget.background#151515
editorSuggestWidget.border#151515
editorSuggestWidget.foreground#c1c0c0
editorSuggestWidget.highlightForeground#EAEAEA
editorSuggestWidget.selectedBackground#FFFFFF10
editorWarning.border#00000000
editorWarning.foreground#ffab70
editorWhitespace.foreground#1f1f1f
editorWidget.background#151515
editorWidget.border#151515
errorForeground#f97583
extensionButton.prominentBackground#151515
extensionButton.prominentForeground#EAEAEA
extensionButton.prominentHoverBackground#1f1f1f
focusBorder#888888
foreground#EAEAEA
gitDecoration.conflictingResourceForeground#ffab70
gitDecoration.deletedResourceForeground#f97583
gitDecoration.ignoredResourceForeground#5b595c
gitDecoration.modifiedResourceForeground#50fa7b
gitDecoration.untrackedResourceForeground#ffab70
input.background#151515
input.border#151515
input.foreground#EAEAEA
input.placeholderForeground#888888
inputOption.activeBackground#1f1f1f
inputOption.activeBorder#1f1f1f
inputValidation.errorBackground#151515
inputValidation.errorBorder#f97583
inputValidation.errorForeground#f97583
inputValidation.infoBackground#151515
inputValidation.infoBorder#79b8ff
inputValidation.infoForeground#79b8ff
inputValidation.warningBackground#151515
inputValidation.warningBorder#ffab70
inputValidation.warningForeground#ffab70
list.activeSelectionBackground#EAEAEA0c
list.activeSelectionForeground#F8C66B
list.dropBackground#151515bf
list.errorForeground#f97583
list.focusBackground#1f1f1f
list.focusForeground#EAEAEA
list.highlightForeground#EAEAEA
list.hoverBackground#EAEAEA0c
list.hoverForeground#EAEAEA
list.inactiveFocusBackground#1f1f1f
list.inactiveSelectionBackground#c1c0c00c
list.inactiveSelectionForeground#F8C66B
list.invalidItemForeground#f97583
list.warningForeground#ffab70
listFilterWidget.background#1f1f1f
listFilterWidget.noMatchesOutline#f97583
listFilterWidget.outline#1f1f1f
merge.border#1f1f1f
merge.commonContentBackground#EAEAEA19
merge.commonHeaderBackground#EAEAEA26
merge.currentContentBackground#f9758319
merge.currentHeaderBackground#f9758326
merge.incomingContentBackground#50fa7b19
merge.incomingHeaderBackground#50fa7b26
minimap.errorHighlight#f97583
minimap.warningHighlight#ffab70
minimapGutter.addedBackground#50fa7b
minimapGutter.deletedBackground#f97583
minimapGutter.modifiedBackground#F8C66B
notificationCenter.border#151515
notificationCenterHeader.background#151515
notificationCenterHeader.foreground#939293
notificationLink.foreground#46da6b
notifications.background#151515
notifications.border#151515
notifications.foreground#c1c0c0
notificationsErrorIcon.foreground#f97583
notificationsInfoIcon.foreground#79b8ff
notificationsWarningIcon.foreground#ffab70
notificationToast.border#151515
panel.background#191919
panel.border#1f1f1f
panelTitle.activeBorder#F8C66B
panelTitle.activeForeground#F8C66B
panelTitle.inactiveForeground#939293
peekView.border#1f1f1f
peekViewEditor.background#151515
peekViewEditor.matchHighlightBackground#1f1f1f
peekViewEditorGutter.background#151515
peekViewResult.background#151515
peekViewResult.fileForeground#939293
peekViewResult.lineForeground#939293
peekViewResult.matchHighlightBackground#1f1f1f
peekViewResult.selectionBackground#151515
peekViewResult.selectionForeground#EAEAEA
peekViewTitle.background#151515
peekViewTitleDescription.foreground#939293
peekViewTitleLabel.foreground#EAEAEA
pickerGroup.border#1f1f1f
pickerGroup.foreground#939293
problemsErrorIcon.foreground#f97583
problemsInfoIcon.foreground#79b8ff
problemsWarningIcon.foreground#ffab70
progressBar.background#151515
scrollbar.shadow#1f1f1f
scrollbarSlider.activeBackground#EAEAEA12
scrollbarSlider.background#EAEAEA12
scrollbarSlider.hoverBackground#EAEAEA12
selection.background#c1c0c026
settings.checkboxBackground#151515
settings.checkboxBorder#151515
settings.checkboxForeground#EAEAEA
settings.dropdownBackground#151515
settings.dropdownBorder#151515
settings.dropdownForeground#EAEAEA
settings.dropdownListBorder#939293
settings.headerForeground#F8C66B
settings.modifiedItemIndicator#46da6b
settings.numberInputBackground#151515
settings.numberInputBorder#151515
settings.numberInputForeground#EAEAEA
settings.textInputBackground#151515
settings.textInputBorder#151515
settings.textInputForeground#EAEAEA
sideBar.background#151515
sideBar.border#121319
sideBar.dropBackground#151515bf
sideBar.foreground#888888
sideBarSectionHeader.background#151515
sideBarSectionHeader.foreground#888888
sideBarTitle.foreground#EAEAEA
statusBar.background#151515
statusBar.border#121319
statusBar.debuggingBackground#888888
statusBar.debuggingBorder#151515
statusBar.debuggingForeground#EAEAEA
statusBar.foreground#888888
statusBar.noFolderBackground#151515
statusBar.noFolderBorder#121319
statusBar.noFolderForeground#888888
statusBarItem.activeBackground#1f1f1f
statusBarItem.hoverBackground#EAEAEA0c
statusBarItem.prominentBackground#151515
statusBarItem.prominentHoverBackground#151515
statusBarItem.remoteBackground#151515
statusBarItem.remoteForeground#50fa7b
symbolIcon.arrayForeground#f97583
symbolIcon.booleanForeground#f97583
symbolIcon.classForeground#79b8ff
symbolIcon.colorForeground#F8C66B
symbolIcon.constantForeground#F8C66B
symbolIcon.constructorForeground#50fa7b
symbolIcon.enumeratorForeground#ffab70
symbolIcon.enumeratorMemberForeground#ffab70
symbolIcon.eventForeground#ffab70
symbolIcon.fieldForeground#ffab70
symbolIcon.fileForeground#c1c0c0
symbolIcon.folderForeground#c1c0c0
symbolIcon.functionForeground#50fa7b
symbolIcon.interfaceForeground#79b8ff
symbolIcon.keyForeground#ffab70
symbolIcon.keywordForeground#f97583
symbolIcon.methodForeground#50fa7b
symbolIcon.moduleForeground#79b8ff
symbolIcon.namespaceForeground#79b8ff
symbolIcon.nullForeground#F8C66B
symbolIcon.numberForeground#F8C66B
symbolIcon.objectForeground#79b8ff
symbolIcon.operatorForeground#f97583
symbolIcon.packageForeground#F8C66B
symbolIcon.propertyForeground#ffab70
symbolIcon.referenceForeground#F8C66B
symbolIcon.snippetForeground#50fa7b
symbolIcon.stringForeground#F8C66B
symbolIcon.structForeground#f97583
symbolIcon.textForeground#F8C66B
symbolIcon.typeParameterForeground#ffab70
symbolIcon.unitForeground#F8C66B
symbolIcon.variableForeground#79b8ff
tab.activeBackground#EAEAEA20
tab.activeBorder#101010
tab.activeForeground#EAEAEA
tab.activeModifiedBorder#1f1f1f
tab.border#101010
tab.hoverBackground#303030
tab.hoverBorder#101010
tab.inactiveBackground#FFFFFF05
tab.inactiveForeground#888888
tab.inactiveModifiedBorder#1f1f1f
tab.unfocusedActiveBorder#939293
tab.unfocusedActiveForeground#c1c0c0
tab.unfocusedActiveModifiedBorder#151515
tab.unfocusedHoverBackground#1f1f1f
tab.unfocusedHoverBorder#1f1f1f
tab.unfocusedInactiveForeground#939293
tab.unfocusedInactiveModifiedBorder#151515
terminal.ansiBlack#151515
terminal.ansiBlue#ffab70
terminal.ansiBrightBlack#888888
terminal.ansiBrightBlue#ffab70
terminal.ansiBrightCyan#79b8ff
terminal.ansiBrightGreen#50fa7b
terminal.ansiBrightMagenta#b392f0
terminal.ansiBrightRed#f97583
terminal.ansiBrightWhite#EAEAEA
terminal.ansiBrightYellow#F8C66B
terminal.ansiCyan#79b8ff
terminal.ansiGreen#50fa7b
terminal.ansiMagenta#b392f0
terminal.ansiRed#f97583
terminal.ansiWhite#EAEAEA
terminal.ansiYellow#F8C66B
terminal.background#191919
terminal.foreground#EAEAEA
terminal.selectionBackground#EAEAEA26
terminalCursor.background#00000000
terminalCursor.foreground#EAEAEA
textBlockQuote.background#151515
textBlockQuote.border#151515
textCodeBlock.background#151515
textLink.activeForeground#EAEAEA
textLink.foreground#F8C66B
textPreformat.foreground#EAEAEA
textSeparator.foreground#888888
titleBar.activeBackground#151515
titleBar.activeForeground#939293
titleBar.border#121319
titleBar.inactiveBackground#151515
titleBar.inactiveForeground#EAEAEA50
walkThrough.embeddedEditorBackground#151515
welcomePage.buttonBackground#151515
welcomePage.buttonHoverBackground#1f1f1f
widget.shadow#121319

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#888888	italic
comment storage.type	#888888	—
comment entity.name.type	#C1C0C0	—
comment variable, comment variable.other	#C1C0C0	—
comment keyword.codetag.notation	#b392f0	—
comment.git-status.header.remote	#f97583	—
comment.git-status.header.local	#79b8ff	—
comment.other.git-status.head	#EAEAEA	—
constant	#b392f0	—
constant.other	#EAEAEA	—
constant.other.php	#b392f0	—
constant.other.property	#b392f0	—
constant.other.citation.latex	#b392f0	—
constant.other.color	#b392f0	—
constant.other.character-class.escape	#b392f0	—
constant.other.key	#b392f0	—
constant.other.symbol	#ffab70	—
constant.other.elm	#79b8ff	—
constant.numeric	#b392f0	—
constant.language	#b392f0	—
constant.character.escape	#b392f0	—
constant.numeric.line-number.find-in-files	#1f1f1f	—
constant.numeric.line-number.match.find-in-files	#F8C66B	—
entity.name.section	#F8C66B	—
entity.name.function, entity.name.function.templated	#50fa7b	—
entity.name.function.member.static	#EAEAEA	—
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace	#79b8ff	—
entity.name.label	#b392f0	—
entity.name.function.preprocessor	#79b8ff	—
entity.name	#50fa7b	—
entity.name.class	#79b8ff	—
entity.name.constant	#b392f0	—
entity.name.namespace	#EAEAEA	—
entity.other.inherited-class	#79b8ff	italic
entity.name.function	#50fa7b	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component	#f97583	—
entity.name.function.operator	#f97583	—
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value	#79b8ff	—
entity.other.attribute-name	#79b8ff	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, entity.other.attribute-name.css, entity.other.animation-name.css	#50fa7b	—
entity.other.attribute-name.id.css	#ffab70	—
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css	#79b8ff	italic
entity.name.function, support.function	#50fa7b	—
entity.other.git-status.hex	#b392f0	—
entity.other.jinja2.delimiter	#939293	—
entity.name.operator.custom-literal	#EAEAEA	—
entity.name.operator.custom-literal.string	#F8C66B	—
entity.name.operator.custom-literal.number	#b392f0	—
entity.name.type.rust	#79b8ff	—
entity.name.lifetime.rust	#f97583	—
invalid	—	italic
keyword	#f97583	—
keyword.control	#f97583	—
keyword.control.directive	#f97583	—
keyword.operator, keyword.operator.member, keyword.operator.new	#f97583	—
keyword.other.substitution	#939293	—
keyword.other.template.begin, keyword.other.template.end	#f97583	—
keyword.operator.heading.restructu#ffab70text, keyword.operator.table.row.restructu#ffab70text keyword.operator.table.data.restructu#ffab70text	#939293	—
keyword.other.parenthesis.elm	#939293	—
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust	#79b8ff	—
keyword.control.rust, keyword.operator.misc.rust	#f97583	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#F8C66B	—
markup.raw	#ffab70	—
markup.underline	—	underline
markup.underline.link	#50fa7b	—
markup.inserted, markup.inserted punctuation.definition.inserted	#50fa7b	—
markup.deleted, markup.deleted punctuation.definition.deleted	#f97583	—
markup.changed, markup.changed punctuation.definition.changed	#F8C66B	—
markup.igno#ffab70, markup.igno#ffab70 punctuation.definition.igno#ffab70	#939293	—
markup.untracked	#939293	—
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	#939293	—
meta.function-call.generic.python, support.function.builtin.python	#50fa7b	—
meta.function-call.python meta.function-call.arguments.python	#EAEAEA	—
meta.instance.constructor	#50fa7b	—
meta.attribute-with-value.class string, meta.attribute.class.html string	#50fa7b	—
meta.attribute-with-value.id string, meta.attribute.id.html string	#ffab70	—
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	#EAEAEA	—
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	#F8C66B	—
meta.object.member	#EAEAEA	—
meta.property-list.css variable.other	#ffab70	—
entity.name.constant.preprocessor, meta.preprocessor	#b392f0	—
meta.diff.git-diff.header	#F8C66B	—
meta.type_params.rust	#EAEAEA	—
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string	#C1C0C0	—
punctuation	#939293	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css	#939293	—
punctuation.definition.group	#EAEAEA	—
punctuation.definition.comment	#888888	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#C1C0C0	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#ffab70	—
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#f97583	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.#ffab70ish	#f97583	—
region.orangish	#ffab70	—
region.yellowish	#F8C66B	—
region.greenish	#50fa7b	—
region.bluish	#79b8ff	—
region.purplish	#b392f0	—
region.pinkish	#f97583	—
region.whitish	#FFFFFF	—
source	#EAEAEA	—
source.scss, source.sass	#939293	—
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#ffab70	italic
source.git-show.commit.sha	#b392f0	—
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file	#939293	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#b392f0	—
source.git-show meta.diff.range.unified	#ffab70	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#939293	—
storage	#f97583	—
storage.type	#79b8ff	italic
storage.type.extends	#f97583	normal
storage.type.function.arrow	#f97583	normal
storage.modifier, storage.type.modifier	#f97583	italic
storage.class.restructu#ffab70text.ref	#b392f0	—
storage.modifier.visibility.rust, storage.modifier.lifetime.rust	#f97583	—
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust	#79b8ff	—
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust	#f97583	—
string	#F8C66B	—
string.unquoted.label	#EAEAEA	—
string source	#EAEAEA	—
string source punctuation.section.embedded	#939293	—
string.other.link.title, string.other.link.description	#f97583	—
string.other.link.description.title	#79b8ff	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#f97583	—
string.other.ref, string.other.restructu#ffab70text.ref	#50fa7b	—
string.other.git-status.help.key	#C1C0C0	—
string.other.git-status.remote	#f97583	—
support.constant	#79b8ff	—
support.constant.handlebars	#939293	—
support.type.vendor-prefix.css	#C1C0C0	—
support.function	#50fa7b	—
support.function.delimiter.elm	#939293	—
support.type, entity.name.type.object.console	#79b8ff	italic
support.variable	#79b8ff	—
support.type.property-name	#EAEAEA	normal
support.class	#79b8ff	—
support.constant.core.rust	#b392f0	—
text	#EAEAEA	—
text.find-in-files	#EAEAEA	—
variable, variable.other	#EAEAEA	—
variable.parameter, parameters variable.function	#ffab70	italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python	#C1C0C0	italic
variable.language.arguments	#b392f0	—
variable.other.class	#79b8ff	—
variable.other.constant	#b392f0	—
variable.other.readwrite	#EAEAEA	—
variable.other.member	#EAEAEA	—
variable.other.enummember	#b392f0	—
variable.other.property, variable.other.property.static, variable.other.event	#EAEAEA	—
variable.function	#50fa7b	—
variable.other.substitution	#ffab70	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#b392f0	—
source.jinja2 variable.other.jinja2.block	#50fa7b	—
source.jinja2 variable.other.jinja2	#ffab70	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—

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