SpunBeat Toothpaste

Name: SpunBeat Toothpaste
Author: olveralan

Publisher: olveralanThemes in package: 10

Beautiful creamy colors for your beautiful code, is time to expand your workflow like galaxies. Welcome to the SpunBeat Color Theme

Open in VS Code GitHub

Color themes

VS Code preview

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

SpunBeat Toothpaste — SpunBeat XCode

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#1E1F23
activityBar.border#202124
activityBar.dropBackground#252329bf
activityBar.foreground#939293
activityBarBadge.background#F8F8F8
activityBarBadge.foreground#202124
badge.background#F8F8F8
badge.foreground#202124
button.background#202124
button.foreground#939293
button.hoverBackground#202124
debugExceptionWidget.background#202124
debugExceptionWidget.border#202124
debugToolBar.background#202124
descriptionForeground#939293
diffEditor.insertedTextBackground#A9FFEE0c
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#ff61880c
diffEditor.removedTextBorder#00000000
dropdown.background#202124
dropdown.border#202124
dropdown.foreground#939293
dropdown.listBackground#202124
editor.background#202124
editor.findMatchBackground#fcfcfa26
editor.findMatchBorder#F8F8F8
editor.findMatchHighlightBackground#fcfcfa26
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#fcfcfa0c
editor.findRangeHighlightBorder#00000000
editor.foreground#fcfcfa
editor.hoverHighlightBackground#fcfcfa0c
editor.inactiveSelectionBackground#fcfcfa0c
editor.lineHighlightBackground#fcfcfa0c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#292936
editor.rangeHighlightBorder#292936
editor.selectionBackground#59596f
editor.selectionHighlightBackground#fcfcfa26
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#fcfcfa26
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#fcfcfa26
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#202124
editorBracketMatch.border#7F8C98
editorCodeLens.foreground#7F8C98
editorCursor.background#00000000
editorCursor.foreground#fcfcfa
editorError.border#00000000
editorError.foreground#FFD77F
editorGroup.background#202124
editorGroup.border#202124
editorGroup.dropBackground#202124bf
editorGroupHeader.noTabsBackground#202124
editorGroupHeader.tabsBackground#202124
editorGroupHeader.tabsBorder#202124
editorGutter.addedBackground#A9FFEE
editorGutter.background#202124
editorGutter.deletedBackground#FFD77F
editorGutter.modifiedBackground#F8F8F8
editorHint.border#202124
editorHint.foreground#F8F8F8
editorHoverWidget.background#202124
editorHoverWidget.border#202124
editorIndentGuide.background#3D3D3D
editorInfo.border#202124
editorInfo.foreground#FF97C2
editorLineNumber.activeForeground#c1c0c0
editorLineNumber.foreground#5b595c
editorLink.activeForeground#FF97C2
editorMarkerNavigation.background#202124
editorMarkerNavigationError.background#FFD77F
editorMarkerNavigationInfo.background#FF97C2
editorMarkerNavigationWarning.background#F8F8F8
editorOverviewRuler.addedForeground#A9FFEE
editorOverviewRuler.border#202124
editorOverviewRuler.currentContentForeground#202124
editorOverviewRuler.deletedForeground#FFD77F
editorOverviewRuler.errorForeground#FFD77F
editorOverviewRuler.findMatchForeground#fcfcfa26
editorOverviewRuler.incomingContentForeground#202124
editorOverviewRuler.infoForeground#FF97C2
editorOverviewRuler.modifiedForeground#F8F8F8
editorOverviewRuler.rangeHighlightForeground#fcfcfa26
editorOverviewRuler.selectionHighlightForeground#fcfcfa26
editorOverviewRuler.warningForeground#F8F8F8
editorOverviewRuler.wordHighlightForeground#fcfcfa26
editorOverviewRuler.wordHighlightStrongForeground#fcfcfa26
editorRuler.foreground#5b595c
editorSuggestWidget.background#202124
editorSuggestWidget.border#202124
editorSuggestWidget.foreground#c1c0c0
editorSuggestWidget.highlightForeground#fcfcfa
editorSuggestWidget.selectedBackground#7F8C98
editorWarning.border#00000000
editorWarning.foreground#F8F8F8
editorWhitespace.foreground#5b595c
editorWidget.background#202124
editorWidget.border#202124
errorForeground#FFD77F
extensionButton.prominentBackground#202124
extensionButton.prominentForeground#fcfcfa
extensionButton.prominentHoverBackground#5b595c
focusBorder#7F8C98
foreground#fcfcfa
gitDecoration.conflictingResourceForeground#F8F8F8
gitDecoration.deletedResourceForeground#FFD77F
gitDecoration.ignoredResourceForeground#5b595c
gitDecoration.modifiedResourceForeground#A9FFEE
gitDecoration.untrackedResourceForeground#F8F8F8
input.background#1E1F23
input.border#202124
input.foreground#fcfcfa
input.placeholderForeground#5b595c
inputOption.activeBorder#5b595c
inputValidation.errorBackground#202124
inputValidation.errorBorder#FFD77F
inputValidation.infoBackground#202124
inputValidation.infoBorder#FF97C2
inputValidation.warningBackground#202124
inputValidation.warningBorder#F8F8F8
list.activeSelectionBackground#202124
list.activeSelectionForeground#F8F8F8
list.dropBackground#191924bf
list.errorForeground#FFD77F
list.focusBackground#202124
list.focusForeground#fcfcfa
list.highlightForeground#fcfcfa
list.hoverBackground#202124
list.hoverForeground#fcfcfa
list.inactiveFocusBackground#F8F8F8
list.inactiveSelectionBackground#202124
list.inactiveSelectionForeground#F8F8F8
list.invalidItemForeground#FFD77F
list.warningForeground#F8F8F8
merge.border#202124
merge.commonContentBackground#fcfcfa0c
merge.commonHeaderBackground#fcfcfa26
merge.currentContentBackground#ff61880c
merge.currentHeaderBackground#ff618826
merge.incomingContentBackground#A9FFEE0c
merge.incomingHeaderBackground#A9FFEE26
notificationCenter.border#202124
notificationCenterHeader.background#202124
notificationCenterHeader.foreground#939293
notificationLink.foreground#F8F8F8
notifications.background#202124
notifications.border#202124
notifications.foreground#c1c0c0
notificationToast.border#202124
panel.background#202124
panel.border#3D3D3D
panel.dropBackground#202124bf
panelTitle.activeBorder#F8F8F8
panelTitle.activeForeground#F8F8F8
panelTitle.inactiveForeground#939293
peekView.border#202124
peekViewEditor.background#202124
peekViewEditor.matchHighlightBackground#5b595c
peekViewEditorGutter.background#202124
peekViewResult.background#202124
peekViewResult.fileForeground#939293
peekViewResult.lineForeground#939293
peekViewResult.matchHighlightBackground#5b595c
peekViewResult.selectionBackground#202124
peekViewResult.selectionForeground#fcfcfa
peekViewTitle.background#181824
peekViewTitleDescription.foreground#939293
peekViewTitleLabel.foreground#fcfcfa
pickerGroup.border#202124
pickerGroup.foreground#5b595c
progressBar.background#202124
scrollbar.shadow#202124
scrollbarSlider.activeBackground#fcfcfa12
scrollbarSlider.background#fcfcfa12
scrollbarSlider.hoverBackground#fcfcfa12
selection.background#202124
sideBar.background#202124
sideBar.border#3D3D3D
sideBar.dropBackground#202124bf
sideBar.foreground#939293
sideBarSectionHeader.background#202124
sideBarSectionHeader.foreground#7F8C98
sideBarTitle.foreground#5b595c
statusBar.background#202124
statusBar.border#202124
statusBar.debuggingBackground#7F8C98
statusBar.debuggingBorder#202124
statusBar.debuggingForeground#fcfcfa
statusBar.foreground#7F8C98
statusBar.noFolderBackground#202124
statusBar.noFolderBorder#202124
statusBar.noFolderForeground#7F8C98
statusBarItem.activeBackground#202124
statusBarItem.hoverBackground#202124
statusBarItem.prominentBackground#202124
statusBarItem.prominentHoverBackground#202124
tab.activeBackground#202124
tab.activeBorder#F8F8F8
tab.activeForeground#F8F8F8
tab.border#202124
tab.hoverBackground#202124
tab.hoverBorder#5b595c
tab.inactiveBackground#202124
tab.inactiveForeground#939293
tab.unfocusedActiveBorder#939293
tab.unfocusedActiveForeground#c1c0c0
tab.unfocusedHoverBackground#202124
tab.unfocusedHoverBorder#202124
tab.unfocusedInactiveForeground#939293
terminal.ansiBlack#202124
terminal.ansiBlue#F8F8F8
terminal.ansiBrightBlack#7F8C98
terminal.ansiBrightBlue#F8F8F8
terminal.ansiBrightCyan#FF97C2
terminal.ansiBrightGreen#A9FFEE
terminal.ansiBrightMagenta#F8F8F8
terminal.ansiBrightRed#FFD77F
terminal.ansiBrightWhite#fcfcfa
terminal.ansiBrightYellow#F8F8F8
terminal.ansiCyan#FF97C2
terminal.ansiGreen#A9FFEE
terminal.ansiMagenta#F8F8F8
terminal.ansiRed#FFD77F
terminal.ansiWhite#fcfcfa
terminal.ansiYellow#F8F8F8
terminal.background#202124
terminal.foreground#fcfcfa
terminal.selectionBackground#fcfcfa26
terminalCursor.background#00000000
terminalCursor.foreground#fcfcfa
textBlockQuote.background#202124
textBlockQuote.border#202124
textCodeBlock.background#202124
textLink.activeForeground#fcfcfa
textLink.foreground#F8F8F8
textPreformat.foreground#fcfcfa
textSeparator.foreground#7F8C98
titleBar.activeBackground#1a1a25
titleBar.activeForeground#939293
titleBar.border#202124
titleBar.inactiveBackground#202124
titleBar.inactiveForeground#5b595c
walkThrough.embeddedEditorBackground#202124
welcomePage.buttonBackground#202124
welcomePage.buttonHoverBackground#5b595c
widget.shadow#202124

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	#7F8C98	italic
comment storage.type	#7F8C98	—
comment entity.name.type	#c1c0c0	—
comment variable, comment variable.other	#c1c0c0	—
comment keyword.codetag.notation	#F8F8F8	—
comment.git-status.header.remote	#FFD77F	—
comment.git-status.header.local	#FF97C2	—
comment.other.git-status.head	#fcfcfa	—
constant	#F8F8F8	—
constant.other	#fcfcfa	—
constant.other.property	#F8F8F8	—
constant.other.color	#F8F8F8	—
constant.other.character-class.escape	#F8F8F8	—
constant.other.key	#F8F8F8	—
constant.other.symbol	#F8F8F8	—
constant.numeric	#F8F8F8	—
constant.language	#F8F8F8	—
constant.character.escape	#F8F8F8	—
constant.numeric.line-number.find-in-files	#5b595c	—
constant.numeric.line-number.match.find-in-files	#7F8C98	—
entity.name.section	#F8F8F8	—
entity.name	#A9FFEE	—
entity.name.class	#FF97C2	—
entity.name.constant	#F8F8F8	—
entity.name.namespace	#fcfcfa	—
entity.other.inherited-class	#FF97C2	italic
meta.decorator	—	italic
punctuation.decorator, meta.brace, meta.objectliteral	—	normal
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#FFD77F	—
entity.other.attribute-name	#FF97C2	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	#A9FFEE	—
entity.other.attribute-name.id.css	#7F8C98	—
entity.other.attribute-name.pseudo-class.css entity.other.pseudo-class.css	#FF97C2	italic
entity.name.function, support.function	#A9FFEE	—
entity.other.git-status.hex	#F8F8F8	—
invalid	—	italic
keyword	#FFD77F	—
keyword.control	#FFD77F	italic
keyword.control.flow	#FF8070	italic
keyword.operator	#FFD77F	—
keyword.other.substitution	#939293	—
keyword.other.template.begin keyword.other.template.end	#FF97C2	—
keyword.other.important	—	italic
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#939293	—
keyword.operator.logical, keyword.operator.relational, keyword.operator.ternary, keyword.operator.comparison	#FF97C2	normal
keyword.operator.class, keyword.operator.key	#FF97C2	normal
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#F8F8F8	—
markup.raw	#F8F8F8	—
markup.underline	—	underline
markup.underline.link	#A9FFEE	—
markup.inserted, markup.inserted punctuation.definition.inserted	#A9FFEE	—
markup.deleted, markup.deleted punctuation.definition.deleted	#FFD77F	—
markup.changed, markup.changed punctuation.definition.changed	#F8F8F8	—
markup.ignored, markup.ignored punctuation.definition.ignored	#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, meta.function-call.arguments meta.function-call	#A9FFEE	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#fcfcfa	—
meta.instance.constructor	#A9FFEE	—
meta.attribute-with-value.class string	#A9FFEE	—
meta.attribute-with-value.id string	#F8F8F8	—
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	#fcfcfa	—
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	#F8F8F8	—
meta.object.member	#fcfcfa	—
meta.property-list.css variable.other	#F8F8F8	—
entity.name.constant.preprocessor, meta.preprocessor	#F8F8F8	—
meta.diff.git-diff.header	#F8F8F8	—
punctuation	#939293	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby	#939293	—
punctuation.definition.group	#fcfcfa	—
punctuation.definition.comment	#7F8C98	—
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	#F8F8F8	—
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	#FFD77F	—
string.quoted.single, string.quoted.double, string.quoted.template, string.template, meta.array.literal, keyword.operator.spread, constant.language.boolean, constant.numeric.decimal	#c4e3ff	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#FFD77F	—
region.orangish	#F8F8F8	—
region.yellowish	#F8F8F8	—
region.greenish	#A9FFEE	—
region.bluish	#FF97C2	—
region.purplish	#F8F8F8	—
region.pinkish	#FFD77F	—
region.whitish	#FFFFFF	—
source	#fcfcfa	—
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	#F8F8F8	italic
source.git-show.commit.sha	#F8F8F8	—
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	#F8F8F8	—
source.git-show meta.diff.range.unified	#F8F8F8	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#939293	—
storage	#FFD77F	—
storage.type	#FF97C2	italic
storage.type.extends	#FFD77F	normal
storage.type.function.arrow	#FF97C2	normal
storage.modifier	#FF8070	italic
storage.class.restructuredtext.ref	#F8F8F8	—
string	#F8F8F8	—
string.unquoted.label	#fcfcfa	—
string source	#fcfcfa	—
string source punctuation.section.embedded	#939293	—
string.other.link.title, string.other.link.description	#FFD77F	—
string.other.link.description.title	#FF97C2	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FFD77F	—
string.other.ref, string.other.restructuredtext.ref	#A9FFEE	—
string.other.git-status.help.key	#c1c0c0	—
string.other.git-status.remote	#FFD77F	—
support.constant	#FF97C2	—
support.constant.handlebars	#939293	—
support.function	#A9FFEE	—
support.type, entity.name.type.object.console	#FF97C2	italic
meta.type.parameters entity.name.type, meta.type.annotation entity.name.type	#c4e3ff	—
support.variable	#FF97C2	—
support.type.property-name	#fcfcfa	normal
support.class	#FF97C2	—
text	#fcfcfa	—
text.find-in-files	#fcfcfa	—
variable, variable.other	#fcfcfa	—
variable.parameter, parameters variable.function	#F8F8F8	italic
variable.language, variable.parameter.function.language.special.self.python	#c1c0c0	italic
variable.language.arguments	#F8F8F8	—
variable.other.class	#FF97C2	—
variable.other.constant	#F8F8F8	—
meta.array-binding-pattern-variable variable.other.constant, meta.parameter.object-binding-pattern variable.parameter	#FF8070	—
variable.other.member	#fcfcfa	—
variable.other.property	#FFD77F	—
variable.function	#A9FFEE	—
variable.other.substitution	#F8F8F8	—
meta.object.member variable.other	#FF8070	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#F8F8F8	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—
support.class.error, support.class.promise	—	italic

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