Matey Theme

Name: Matey Theme
Author: Jordan Garcia

Publisher: Jordan GarciaThemes in package: 1

A friend for your code

Open in VS Code GitHub

VS Code preview

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

Matey Theme — Matey

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#171c28
activityBar.border#171c28
activityBar.dropBackground#1e1f2bbf
activityBar.foreground#7b878e96
activityBar.inactiveForeground#535763
activityBarBadge.background#efd87b
activityBarBadge.foreground#1d2433
badge.background#efd87b
badge.foreground#1d2433
breadcrumb.activeSelectionForeground#c9ccc7
breadcrumb.focusForeground#7b878e96
breadcrumb.foreground#888d94
button.background#171c28
button.foreground#888d94
button.hoverBackground#1d2433
debugExceptionWidget.background#171c28
debugExceptionWidget.border#1d2433
debugIcon.breakpointCurrentStackframeForeground#efd87b
debugIcon.breakpointDisabledForeground#7b878e96
debugIcon.breakpointForeground#e87a78
debugIcon.breakpointStackframeForeground#c9ccc7
debugIcon.breakpointUnverifiedForeground#fdab77
debugIcon.continueForeground#c9ccc7
debugIcon.disconnectForeground#c9ccc7
debugIcon.pauseForeground#c9ccc7
debugIcon.restartForeground#bfd874
debugIcon.startForeground#bfd874
debugIcon.stepBackForeground#c9ccc7
debugIcon.stepIntoForeground#c9ccc7
debugIcon.stepOutForeground#c9ccc7
debugIcon.stepOverForeground#c9ccc7
debugIcon.stopForeground#e87a78
debugToolBar.background#171c28
descriptionForeground#888d94
diffEditor.insertedTextBackground#bfd87419
diffEditor.removedTextBackground#ff657a19
dropdown.background#1d2433
dropdown.border#1d2433
dropdown.foreground#888d94
dropdown.listBackground#171c28
editor.background#1d2433
editor.findMatchBackground#eaf2f126
editor.findMatchBorder#efd87b
editor.findMatchHighlightBackground#eaf2f126
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#eaf2f10c
editor.findRangeHighlightBorder#00000000
editor.foreground#c9ccc7
editor.hoverHighlightBackground#eaf2f10c
editor.inactiveSelectionBackground#eaf2f10c
editor.lineHighlightBackground#eaf2f10c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#171c28
editor.rangeHighlightBorder#171c28
editor.selectionBackground#7b878e96
editor.selectionHighlightBackground#eaf2f126
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#eaf2f126
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#eaf2f126
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#1d2433
editorBracketMatch.border#797e83
editorCodeLens.foreground#797e83
editorCursor.background#1d2433
editorCursor.foreground#c9ccc7
editorError.border#00000000
editorError.foreground#e87a78
editorGroup.border#171c28
editorGroup.dropBackground#1e1f2bbf
editorGroup.emptyBackground#171c28
editorGroup.focusedEmptyBorder#171c28
editorGroupHeader.noTabsBackground#1d2433
editorGroupHeader.tabsBackground#1d2433
editorGroupHeader.tabsBorder#1d2433
editorGutter.addedBackground#bfd874
editorGutter.background#1d2433
editorGutter.deletedBackground#e87a78
editorGutter.modifiedBackground#fdab77
editorHint.border#1d2433
editorHint.foreground#c39ac9
editorHoverWidget.background#171c28
editorHoverWidget.border#1d2433
editorIndentGuide.background#171c28
editorInfo.border#1d2433
editorInfo.foreground#6bb4cc
editorLightBulb.foreground#efd87b
editorLightBulbAutoFix.foreground#bfd874
editorLineNumber.activeForeground#7b878e96
editorLineNumber.foreground#535763
editorLink.activeForeground#6bb4cc
editorMarkerNavigation.background#171c28
editorMarkerNavigationError.background#e87a78
editorMarkerNavigationInfo.background#6bb4cc
editorMarkerNavigationWarning.background#fdab77
editorOverviewRuler.addedForeground#bfd874
editorOverviewRuler.border#1d2433
editorOverviewRuler.currentContentForeground#171c28
editorOverviewRuler.deletedForeground#e87a78
editorOverviewRuler.errorForeground#e87a78
editorOverviewRuler.findMatchForeground#eaf2f126
editorOverviewRuler.incomingContentForeground#171c28
editorOverviewRuler.infoForeground#6bb4cc
editorOverviewRuler.modifiedForeground#fdab77
editorOverviewRuler.rangeHighlightForeground#eaf2f126
editorOverviewRuler.selectionHighlightForeground#eaf2f126
editorOverviewRuler.warningForeground#fdab77
editorOverviewRuler.wordHighlightForeground#eaf2f126
editorOverviewRuler.wordHighlightStrongForeground#eaf2f126
editorPane.background#1d2433
editorRuler.foreground#535763
editorSuggestWidget.background#171c28
editorSuggestWidget.border#171c28
editorSuggestWidget.foreground#7b878e96
editorSuggestWidget.highlightForeground#c9ccc7
editorSuggestWidget.selectedBackground#797e83
editorWarning.border#00000000
editorWarning.foreground#fdab77
editorWhitespace.foreground#535763
editorWidget.background#171c28
editorWidget.border#171c28
errorForeground#e87a78
extensionButton.prominentBackground#171c28
extensionButton.prominentForeground#c9ccc7
extensionButton.prominentHoverBackground#535763
focusBorder#797e83
foreground#c9ccc7
gitDecoration.conflictingResourceForeground#fdab77
gitDecoration.deletedResourceForeground#e87a78
gitDecoration.ignoredResourceForeground#535763
gitDecoration.modifiedResourceForeground#bfd874
gitDecoration.untrackedResourceForeground#fdab77
input.background#171c28
input.border#171c28
input.foreground#c9ccc7
input.placeholderForeground#797e83
inputOption.activeBackground#535763
inputOption.activeBorder#535763
inputValidation.errorBackground#171c28
inputValidation.errorBorder#e87a78
inputValidation.errorForeground#e87a78
inputValidation.infoBackground#171c28
inputValidation.infoBorder#6bb4cc
inputValidation.infoForeground#6bb4cc
inputValidation.warningBackground#171c28
inputValidation.warningBorder#fdab77
inputValidation.warningForeground#fdab77
list.activeSelectionBackground#1d2433
list.activeSelectionForeground#efd87b
list.dropBackground#1e1f2bbf
list.errorForeground#e87a78
list.focusBackground#1d2433
list.focusForeground#c9ccc7
list.highlightForeground#c9ccc7
list.hoverBackground#171c28
list.hoverForeground#c9ccc7
list.inactiveFocusBackground#1d2433
list.inactiveSelectionBackground#1d2433
list.inactiveSelectionForeground#efd87b
list.invalidItemForeground#e87a78
list.warningForeground#fdab77
listFilterWidget.background#1d2433
listFilterWidget.noMatchesOutline#e87a78
listFilterWidget.outline#1d2433
merge.border#1d2433
merge.commonContentBackground#eaf2f119
merge.commonHeaderBackground#eaf2f126
merge.currentContentBackground#ff657a19
merge.currentHeaderBackground#ff657a19
merge.incomingContentBackground#bfd87419
merge.incomingHeaderBackground#bfd87426
minimap.errorHighlight#e87a78
minimap.warningHighlight#fdab77
minimapGutter.addedBackground#bfd874
minimapGutter.deletedBackground#e87a78
minimapGutter.modifiedBackground#efd87b
notificationCenter.border#171c28
notificationCenterHeader.background#171c28
notificationCenterHeader.foreground#888d94
notificationLink.foreground#efd87b
notifications.background#171c28
notifications.border#171c28
notifications.foreground#7b878e96
notificationsErrorIcon.foreground#e87a78
notificationsInfoIcon.foreground#6bb4cc
notificationsWarningIcon.foreground#fdab77
notificationToast.border#171c28
panel.background#171c28
panel.border#1d2433
panel.dropBackground#1e1f2bbf
panelTitle.activeBorder#efd87b
panelTitle.activeForeground#efd87b
panelTitle.inactiveForeground#888d94
peekView.border#1d2433
peekViewEditor.background#171c28
peekViewEditor.matchHighlightBackground#535763
peekViewEditorGutter.background#171c28
peekViewResult.background#171c28
peekViewResult.fileForeground#888d94
peekViewResult.lineForeground#888d94
peekViewResult.matchHighlightBackground#535763
peekViewResult.selectionBackground#171c28
peekViewResult.selectionForeground#c9ccc7
peekViewTitle.background#171c28
peekViewTitleDescription.foreground#888d94
peekViewTitleLabel.foreground#c9ccc7
pickerGroup.border#1d2433
pickerGroup.foreground#535763
problemsErrorIcon.foreground#e87a78
problemsInfoIcon.foreground#6bb4cc
problemsWarningIcon.foreground#fdab77
progressBar.background#171c28
scrollbar.shadow#1d2433
scrollbarSlider.activeBackground#eaf2f112
scrollbarSlider.background#eaf2f112
scrollbarSlider.hoverBackground#eaf2f112
selection.backgroundcolor626
settings.checkboxBackground#171c28
settings.checkboxBorder#171c28
settings.checkboxForeground#c9ccc7
settings.dropdownBackground#171c28
settings.dropdownBorder#171c28
settings.dropdownForeground#c9ccc7
settings.dropdownListBorder#888d94
settings.headerForeground#efd87b
settings.modifiedItemForeground#efd87b
settings.modifiedItemIndicator#efd87b
settings.numberInputBackground#171c28
settings.numberInputBorder#171c28
settings.numberInputForeground#c9ccc7
settings.textInputBackground#171c28
settings.textInputBorder#171c28
settings.textInputForeground#c9ccc7
sideBar.background#171c28
sideBar.border#171c28
sideBar.dropBackground#1e1f2bbf
sideBar.foreground#888d94
sideBarSectionHeader.background#171c28
sideBarSectionHeader.foreground#797e83
sideBarTitle.foreground#535763
statusBar.background#171c28
statusBar.border#171c28
statusBar.debuggingBackground#797e83
statusBar.debuggingBorder#171c28
statusBar.debuggingForeground#c9ccc7
statusBar.foreground#797e83
statusBar.noFolderBackground#171c28
statusBar.noFolderBorder#171c28
statusBar.noFolderForeground#797e83
statusBarItem.activeBackground#1d2433
statusBarItem.hoverBackground#1d2433
statusBarItem.prominentBackground#171c28
statusBarItem.prominentHoverBackground#171c28
symbolIcon.arrayForeground#e87a78
symbolIcon.booleanForeground#e87a78
symbolIcon.classForeground#6bb4cc
symbolIcon.colorForeground#c39ac9
symbolIcon.constantForeground#c39ac9
symbolIcon.constructorForeground#bfd874
symbolIcon.enumeratorForeground#fdab77
symbolIcon.enumeratorMemberForeground#fdab77
symbolIcon.eventForeground#fdab77
symbolIcon.fieldForeground#fdab77
symbolIcon.fileForeground#7b878e96
symbolIcon.folderForeground#7b878e96
symbolIcon.functionForeground#bfd874
symbolIcon.interfaceForeground#6bb4cc
symbolIcon.keyForeground#fdab77
symbolIcon.keywordForeground#e87a78
symbolIcon.methodForeground#bfd874
symbolIcon.moduleForeground#6bb4cc
symbolIcon.namespaceForeground#6bb4cc
symbolIcon.nullForeground#c39ac9
symbolIcon.numberForeground#c39ac9
symbolIcon.objectForeground#6bb4cc
symbolIcon.operatorForeground#e87a78
symbolIcon.packageForeground#c39ac9
symbolIcon.propertyForeground#fdab77
symbolIcon.referenceForeground#c39ac9
symbolIcon.snippetForeground#bfd874
symbolIcon.stringForeground#efd87b
symbolIcon.structForeground#e87a78
symbolIcon.textForeground#efd87b
symbolIcon.typeParameterForeground#fdab77
symbolIcon.unitForeground#c39ac9
symbolIcon.variableForeground#6bb4cc
tab.activeBackground#1d2433
tab.activeBorder#efd87b
tab.activeForeground#efd87b
tab.activeModifiedBorder#535763
tab.border#1d2433
tab.hoverBackground#1d2433
tab.hoverBorder#535763
tab.inactiveBackground#1d2433
tab.inactiveForeground#888d94
tab.inactiveModifiedBorder#535763
tab.unfocusedActiveBorder#888d94
tab.unfocusedActiveForeground#7b878e96
tab.unfocusedActiveModifiedBorder#171c28
tab.unfocusedHoverBackground#1d2433
tab.unfocusedHoverBorder#1d2433
tab.unfocusedInactiveForeground#888d94
tab.unfocusedInactiveModifiedBorder#171c28
terminal.ansiBlack#171c28
terminal.ansiBlue#fdab77
terminal.ansiBrightBlack#797e83
terminal.ansiBrightBlue#fdab77
terminal.ansiBrightCyan#6bb4cc
terminal.ansiBrightGreen#bfd874
terminal.ansiBrightMagenta#c39ac9
terminal.ansiBrightRed#e87a78
terminal.ansiBrightWhite#c9ccc7
terminal.ansiBrightYellow#efd87b
terminal.ansiCyan#6bb4cc
terminal.ansiGreen#bfd874
terminal.ansiMagenta#c39ac9
terminal.ansiRed#e87a78
terminal.ansiWhite#c9ccc7
terminal.ansiYellow#efd87b
terminal.background#171c28
terminal.foreground#c9ccc7
terminal.selectionBackground#eaf2f126
terminalCursor.background#00000000
terminalCursor.foreground#c9ccc7
textBlockQuote.background#171c28
textBlockQuote.border#171c28
textCodeBlock.background#171c28
textLink.activeForeground#c9ccc7
textLink.foreground#efd87b
textPreformat.foreground#c9ccc7
textSeparator.foreground#797e83
titleBar.activeBackground#171c28
titleBar.activeForeground#888d94
titleBar.border#171c28
titleBar.inactiveBackground#171c28
titleBar.inactiveForeground#535763
walkThrough.embeddedEditorBackground#171c28
welcomePage.buttonBackground#171c28
welcomePage.buttonHoverBackground#535763
widget.shadow#171c28

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
text	#c9ccc7	—
text.find-in-files	#c9ccc7	—
invalid	—	italic
string	#efd87b	—
string.unquoted.label	#c9ccc7	—
string source	#c9ccc7	—
string source punctuation.section.embedded	#888d94	—
string.other.link.title, string.other.link.description	#e87a78	—
string.other.link.description.title	#6bb4cc	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#e87a78	—
string.other.ref, string.other.restructuredtext.ref	#bfd874	—
string.other.git-status.help.key	#7b878e96	—
string.other.git-status.remote	#e87a78	—
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#797e83	italic
comment storage.type	#797e83	—
comment entity.name.type	#7b878e96	—
comment variable, comment variable.other	#7b878e96	—
comment keyword.codetag.notation	#c39ac9	—
comment.git-status.header.remote	#e87a78	—
comment.git-status.header.local	#6bb4cc	—
comment.other.git-status.head	#c9ccc7	—
constant	#c39ac9	—
constant.other	#c9ccc7	—
constant.other.php	#c39ac9	—
constant.other.property	#c39ac9	—
constant.other.citation.latex	#c39ac9	—
constant.other.color	#c39ac9	—
constant.other.character-class.escape	#c39ac9	—
constant.other.key	#c39ac9	—
constant.other.symbol	#fdab77	—
constant.numeric	#c39ac9	—
constant.language	#c39ac9	—
constant.character.escape	#c39ac9	—
constant.numeric.line-number.find-in-files	#535763	—
constant.numeric.line-number.match.find-in-files	#efd87b	—
entity.name.section	#efd87b	—
entity.name.function, entity.name.function.templated	#bfd874	—
entity.name.function.member.static	#c9ccc7	—
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace	#6bb4cc	—
entity.name.label	#c39ac9	—
entity.name.function.preprocessor	#6bb4cc	—
entity.name	#bfd874	—
entity.name.class	#6bb4cc	—
entity.name.constant	#c39ac9	—
entity.name.namespace	#c9ccc7	—
entity.other.inherited-class	#6bb4cc	italic
entity.name.function	#bfd874	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component	#e87a78	—
entity.name.function.operator	#e87a78	—
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value	#6bb4cc	—
entity.other.attribute-name	#6bb4cc	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	#bfd874	—
entity.other.attribute-name.id.css	#fdab77	—
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css	#6bb4cc	italic
entity.name.function, support.function	#bfd874	—
entity.other.git-status.hex	#c39ac9	—
entity.other.jinja2.delimiter	#888d94	—
entity.name.operator.custom-literal	#c9ccc7	—
entity.name.operator.custom-literal.string	#efd87b	—
entity.name.operator.custom-literal.number	#c39ac9	—
entity.name.type.rust	#6bb4cc	—
entity.name.lifetime.rust	#e87a78	—
entity.name.function.decorator.python	#6bb4cc	—
keyword.control.flow.python	#c39ac9	—
keyword	#e87a78	—
keyword.control	#e87a78	—
keyword.control.directive	#e87a78	—
keyword.operator, keyword.operator.member, keyword.operator.new	#e87a78	—
keyword.other.substitution	#888d94	—
keyword.other.template.begin, keyword.other.template.end	#e87a78	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext	#888d94	—
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust	#6bb4cc	—
keyword.control.rust, keyword.operator.misc.rust	#e87a78	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#efd87b	—
markup.raw	#fdab77	—
markup.underline	—	underline
markup.underline.link	#bfd874	—
markup.inserted, markup.inserted punctuation.definition.inserted	#bfd874	—
markup.deleted, markup.deleted punctuation.definition.deleted	#e87a78	—
markup.changed, markup.changed punctuation.definition.changed	#efd87b	—
markup.ignored, markup.ignored punctuation.definition.ignored	#888d94	—
markup.untracked	#888d94	—
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	#888d94	—
meta.function-call.python, meta.function-call.arguments.python meta.function-call.python	#bfd874	—
meta.function-call.python meta.function-call.arguments.python	#c9ccc7	—
meta.instance.constructor	#bfd874	—
meta.attribute-with-value.class string, meta.attribute.class.html string	#bfd874	—
meta.attribute-with-value.id string, meta.attribute.id.html string	#fdab77	—
meta.object.member	#c9ccc7	—
meta.property-list.css variable.other	#fdab77	—
entity.name.constant.preprocessor, meta.preprocessor	#c39ac9	—
meta.diff.git-diff.header	#efd87b	—
meta.type_params.rust	#c9ccc7	—
meta.attribute.rust, variable.language.rust	#7b878e96	—
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	#c9ccc7	—
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	#efd87b	—
punctuation	#888d94	—
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	#888d94	—
punctuation.definition.group	#c9ccc7	—
punctuation.definition.comment	#797e83	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#7b878e96	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#fdab77	—
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	#e87a78	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#e87a78	—
region.orangish	#fdab77	—
region.yellowish	#efd87b	—
region.greenish	#bfd874	—
region.bluish	#6bb4cc	—
region.purplish	#c39ac9	—
region.pinkish	#e87a78	—
region.whitish	#FFFFFF	—
source	#c9ccc7	—
source.scss, source.sass	#888d94	—
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	#fdab77	italic
source.git-show.commit.sha	#c39ac9	—
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	#888d94	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#c39ac9	—
source.git-show meta.diff.range.unified	#fdab77	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#888d94	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#c39ac9	—
source.jinja2 variable.other.jinja2.block	#bfd874	—
source.jinja2 variable.other.jinja2	#fdab77	—
storage	#e87a78	—
storage.type	#c39ac9	italic
storage.type.extends	#e87a78	normal
storage.type.function.arrow	#e87a78	normal
storage.modifier, storage.type.modifier	#e87a78	italic
storage.class.restructuredtext.ref	#c39ac9	—
storage.modifier.visibility.rust, storage.modifier.lifetime.rust	#e87a78	—
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	#6bb4cc	—
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	#e87a78	—
support.constant	#6bb4cc	—
support.constant.handlebars	#888d94	—
support.type.vendor-prefix.css	#7b878e96	—
support.function	#bfd874	—
support.type, entity.name.type.object.console	#6bb4cc	italic
support.variable	#6bb4cc	—
support.type.property-name	#c9ccc7	normal
support.class	#6bb4cc	—
support.constant.core.rust	#c39ac9	—
variable, variable.other	#c9ccc7	—
variable.parameter, parameters variable.function	#fdab77	italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python	#7b878e96	italic
variable.language.arguments	#c39ac9	—
variable.other.class	#6bb4cc	—
variable.other.constant	#c9ccc7	—
variable.other.member	#c9ccc7	—
variable.other.enummember	#c39ac9	—
variable.other.object.property, variable.other.property, variable.other.property.static, variable.other.event	#e87a78	—
variable.function	#bfd874	—
variable.other.substitution	#fdab77	—

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