Potato Theme

Name: Potato Theme
Author: jacob-beltran

Publisher: jacob-beltranThemes in package: 1

potato

VS Code preview

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

Potato Theme — Potato Theme

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#121212
activityBar.border#121212
activityBar.dropBackground#1a1a1abf
activityBar.foreground#00c2d3b6
activityBar.inactiveForeground#555555
activityBarBadge.background#fce566
activityBarBadge.foreground#1a1a1a
badge.background#fce566
badge.foreground#1a1a1a
button.background#363537
button.foreground#8b888f
button.hoverBackground#1a1a1a
debugExceptionWidget.background#363537
debugExceptionWidget.border#1a1a1a
debugToolBar.background#263238
descriptionForeground#8b888f
diffEditor.insertedTextBackground#7bd88f0c
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#fc618d0c
diffEditor.removedTextBorder#00000000
dropdown.background#1a1a1a
dropdown.border#1a1a1a
dropdown.foreground#8b888f
dropdown.listBackground#363537
editor.background#1a1a1a
editor.findMatchBackground#f7f1ff26
editor.findMatchBorder#fce566
editor.findMatchHighlightBackground#f7f1ff26
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#f7f1ff0c
editor.findRangeHighlightBorder#00000000
editor.foreground#f7f1ff
editor.hoverHighlightBackground#f7f1ff0c
editor.inactiveSelectionBackground#75757560
editor.lineHighlightBackground#202020
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#363537
editor.rangeHighlightBorder#363537
editor.selectionBackground#78909c60
editor.selectionHighlightBackground#546e7a20
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#546e7a20
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#78909c30
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#1a1a1a
editorBracketMatch.border#69676c
editorCodeLens.foreground#69676c
editorCursor.background#00000000
editorCursor.foreground#f7f1ff
editorError.border#00000000
editorError.foreground#fc618d
editorGroup.border#121212
editorGroup.dropBackground#121212bf
editorGroupHeader.noTabsBackground#121212
editorGroupHeader.tabsBackground#121212
editorGroupHeader.tabsBorder#1a1a1a
editorGutter.addedBackground#7bd88f
editorGutter.background#1a1a1a
editorGutter.deletedBackground#fc618d
editorGutter.modifiedBackground#fd9353
editorHint.border#1a1a1a
editorHint.foreground#948ae3
editorHoverWidget.background#363537
editorHoverWidget.border#1a1a1a
editorIndentGuide.activeBackground#ffffff88
editorIndentGuide.background#363537
editorInfo.border#1a1a1a
editorInfo.foreground#5ad4e6
editorLineNumber.activeForeground#bab6c0
editorLineNumber.foreground#525053
editorLink.activeForeground#5ad4e6
editorMarkerNavigation.background#363537
editorMarkerNavigationError.background#fc618d
editorMarkerNavigationInfo.background#5ad4e6
editorMarkerNavigationWarning.background#fd9353
editorOverviewRuler.addedForeground#7bd88f
editorOverviewRuler.border#1a1a1a
editorOverviewRuler.currentContentForeground#363537
editorOverviewRuler.deletedForeground#fc618d
editorOverviewRuler.errorForeground#fc618d
editorOverviewRuler.findMatchForeground#f7f1ff26
editorOverviewRuler.incomingContentForeground#363537
editorOverviewRuler.infoForeground#5ad4e6
editorOverviewRuler.modifiedForeground#fd9353
editorOverviewRuler.rangeHighlightForeground#f7f1ff26
editorOverviewRuler.selectionHighlightForeground#f7f1ff26
editorOverviewRuler.warningForeground#fd9353
editorOverviewRuler.wordHighlightForeground#f7f1ff26
editorOverviewRuler.wordHighlightStrongForeground#f7f1ff26
editorRuler.foreground#525053
editorSuggestWidget.background#363537
editorSuggestWidget.border#363537
editorSuggestWidget.foreground#bab6c0
editorSuggestWidget.highlightForeground#f7f1ff
editorSuggestWidget.selectedBackground#69676c
editorWarning.border#00000000
editorWarning.foreground#fd9353
editorWhitespace.foreground#525053
editorWidget.background#363537
editorWidget.border#363537
errorForeground#fc618d
extensionButton.prominentBackground#363537
extensionButton.prominentForeground#f7f1ff
extensionButton.prominentHoverBackground#525053
focusBorder#69676c
foreground#f7f1ff
gitDecoration.conflictingResourceForeground#fd9353
gitDecoration.deletedResourceForeground#fc618d
gitDecoration.ignoredResourceForeground#525053
gitDecoration.modifiedResourceForeground#7bd88f
gitDecoration.untrackedResourceForeground#fd9353
input.background#363537
input.border#363537
input.foreground#f7f1ff
input.placeholderForeground#525053
inputOption.activeBorder#525053
inputValidation.errorBackground#363537
inputValidation.errorBorder#fc618d
inputValidation.infoBackground#363537
inputValidation.infoBorder#5ad4e6
inputValidation.warningBackground#363537
inputValidation.warningBorder#fd9353
list.activeSelectionBackground#546e7a38
list.activeSelectionForeground#fff
list.dropBackground#121212bf
list.errorForeground#fc618d
list.focusBackground#546e7a38
list.focusForeground#fff
list.highlightForeground#fce566
list.hoverBackground#5a60701f
list.hoverForeground#fff
list.inactiveFocusBackground#56677950
list.inactiveSelectionBackground#546e7a38
list.inactiveSelectionForeground#fff
list.invalidItemForeground#fc618d
list.warningForeground#fd9353
merge.border#1a1a1a
merge.commonContentBackground#f7f1ff0c
merge.commonHeaderBackground#f7f1ff26
merge.currentContentBackground#fc618d0c
merge.currentHeaderBackground#fc618d26
merge.incomingContentBackground#7bd88f0c
merge.incomingHeaderBackground#7bd88f26
notificationCenter.border#363537
notificationCenterHeader.background#363537
notificationCenterHeader.foreground#8b888f
notificationLink.foreground#fce566
notifications.background#363537
notifications.border#363537
notifications.foreground#bab6c0
notificationToast.border#363537
panel.background#121212
panel.border#121212
panel.dropBackground#121212
panelTitle.activeBorder#fce566
panelTitle.activeForeground#fce566
panelTitle.inactiveForeground#8b888f
peekView.border#2e2e2e
peekViewEditor.background#252525
peekViewEditor.matchHighlightBackground#ffffff40
peekViewEditorGutter.background#252525
peekViewResult.background#252525
peekViewResult.fileForeground#8b888f
peekViewResult.lineForeground#8b888f
peekViewResult.matchHighlightBackground#546e7a50
peekViewResult.selectionBackground#363537
peekViewResult.selectionForeground#f7f1ff
peekViewTitle.background#2e2e2e
peekViewTitleDescription.foreground#8b888f
peekViewTitleLabel.foreground#f7f1ff
pickerGroup.border#1a1a1a
pickerGroup.foreground#525053
progressBar.background#363537
scrollbar.shadow#1a1a1a
scrollbarSlider.activeBackground#f7f1ff12
scrollbarSlider.background#f7f1ff12
scrollbarSlider.hoverBackground#f7f1ff12
selection.background#78909c
sideBar.background#121212
sideBar.border#121212
sideBar.dropBackground#121212bf
sideBar.foreground#8c8990
sideBarSectionHeader.background#121212
sideBarSectionHeader.foreground#69676c
sideBarTitle.foreground#525053
statusBar.background#121212
statusBar.border#121212
statusBar.debuggingBackground#263238
statusBar.debuggingBorder#121212
statusBar.debuggingForeground#f7f1ff
statusBar.foreground#69676c
statusBar.noFolderBackground#121212
statusBar.noFolderBorder#090909
statusBar.noFolderForeground#69676c
statusBarItem.activeBackground#1a1a1a
statusBarItem.hoverBackground#1a1a1a
statusBarItem.prominentBackground#363537
statusBarItem.prominentHoverBackground#363537
tab.activeBackground#1a1a1a
tab.activeBorder#1a1a1a
tab.activeBorderTop#ffe448
tab.activeForeground#fce566
tab.border#121212
tab.hoverBackground#1a1a1a
tab.hoverBorder#1a1a1a
tab.inactiveBackground#121212
tab.inactiveForeground#8b888f
tab.unfocusedActiveBorder#1a1a1a
tab.unfocusedActiveBorderTop#ffe44866
tab.unfocusedActiveForeground#bab6c0
tab.unfocusedHoverBackground#1a1a1a
tab.unfocusedHoverBorder#1a1a1a
tab.unfocusedInactiveForeground#8b888f
terminal.ansiBlack#263238
terminal.ansiBlue#0091ea
terminal.ansiBrightBlack#617077
terminal.ansiBrightBlue#00b0ff
terminal.ansiBrightCyan#00e5ff
terminal.ansiBrightGreen#29e78b
terminal.ansiBrightMagenta#d81b60
terminal.ansiBrightRed#ec554a
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffe262
terminal.ansiCyan#55d1e4
terminal.ansiGreen#42d47f
terminal.ansiMagenta#c2185b
terminal.ansiRed#eb5350
terminal.ansiWhite#f8f8f8
terminal.ansiYellow#fcca4d
terminal.background#121212
terminal.foreground#f0f0f0
terminal.selectionBackground#f7f1ff26
terminalCursor.background#00000000
terminalCursor.foreground#ffab00
textBlockQuote.background#363537
textBlockQuote.border#363537
textCodeBlock.background#363537
textLink.activeForeground#f7f1ff
textLink.foreground#fce566
textPreformat.foreground#f7f1ff
textSeparator.foreground#69676c
titleBar.activeBackground#121212
titleBar.activeForeground#aaaaaa
titleBar.border#121212
titleBar.inactiveBackground#121212
titleBar.inactiveForeground#888888
walkThrough.embeddedEditorBackground#121212
welcomePage.buttonBackground#363537
welcomePage.buttonHoverBackground#525053
widget.shadow#090909

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment string, comment text	#69676c	italic
comment entity.name.type, comment constant	#fc618dbb	—
comment storage.type, comment keyword, comment keyword.codetag.notation	#948ae3c8	—
comment variable, comment variable.other	#5ad4e6c4	—
comment markup.underline	#8b888f	—
comment keyword.codetag.notation	#948ae3	—
comment.git-status.header.remote	#fc618d	—
comment.git-status.header.local	#5ad4e6	—
comment.other.git-status.head	#f7f1ff	—
constant	#948ae3	—
constant.other	#f7f1ff	—
constant.other.property	#948ae3	—
constant.other.color	#948ae3	—
constant.other.character-class.escape	#948ae3	—
constant.other.key	#948ae3	—
constant.other.symbol	#fd9353	—
constant.numeric	#948ae3	—
constant.language	#948ae3	—
constant.character.escape	#948ae3	—
constant.numeric.line-number.find-in-files	#525053	—
constant.numeric.line-number.match.find-in-files	#fce566	—
entity.name.section	#fce566	—
entity.name	#7bd88f	—
entity.name.class	#5ad4e6	—
entity.name.constant	#948ae3	—
entity.name.namespace	#f7f1ff	—
entity.other.inherited-class	#5ad4e6	italic
entity.name.function	#7bd88f	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#fc618d	—
entity.other.attribute-name	#5ad4e6	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 entity.other.pseudo-class.css	#5ad4e6	italic
entity.name.function, support.function	#7bd88f	—
entity.other.git-status.hex	#948ae3	—
invalid	—	italic
keyword	#fc618d	—
keyword.control	#fc618d	—
keyword.operator	#fc618d	—
keyword.other.substitution	#8b888f	—
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, markup.inserted punctuation.definition.inserted	#7bd88f	—
markup.deleted, markup.deleted punctuation.definition.deleted	#fc618d	—
markup.changed, markup.changed punctuation.definition.changed	#fce566	—
markup.ignored, markup.ignored punctuation.definition.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-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	#f7f1ff	—
meta.property-list.css variable.other	#fd9353	—
entity.name.constant.preprocessor, meta.preprocessor	#948ae3	—
meta.diff.git-diff.header	#fce566	—
punctuation	#8b888f	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby	#8b888f	—
punctuation.definition.group	#f7f1ff	—
punctuation.definition.comment	#69676c	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#bab6c0	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#fd9353	—
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	#fc618d	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#fc618d	—
region.orangish	#fd9353	—
region.yellowish	#fce566	—
region.greenish	#7bd88f	—
region.bluish	#5ad4e6	—
region.purplish	#948ae3	—
region.pinkish	#fc618d	—
region.whitish	#FFFFFF	—
source	#f7f1ff	—
source.scss, source.sass	#8b888f	—
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	#fd9353	italic
source.git-show.commit.sha	#948ae3	—
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	#8b888f	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#948ae3	—
source.git-show meta.diff.range.unified	#fd9353	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#8b888f	—
storage	#fc618d	—
storage.type	#5ad4e6	italic
storage.type.extends	#fc618d
storage.type.function.arrow	#fc618d
storage.modifier	#fc618d	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 punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#fc618d	—
string.other.ref, string.other.restructuredtext.ref	#7bd88f	—
string.other.git-status.help.key	#bab6c0	—
string.other.git-status.remote	#fc618d	—
support.constant	#5ad4e6	—
support.constant.handlebars	#8b888f	—
support.function	#7bd88f	—
support.type, entity.name.type.object.console	#5ad4e6	italic
support.variable	#5ad4e6	—
support.type.property-name	#f7f1ff
support.class	#5ad4e6	—
text	#f7f1ff	—
text.find-in-files	#f7f1ff	—
variable, variable.other	#f7f1ff	—
variable.parameter, parameters variable.function	#fd9353	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	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#948ae3	—
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}!`;
}