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 Violete Contrast

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

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	#727072	italic
comment storage.type	#727072	—
comment entity.name.type	#c1c0c0	—
comment variable, comment variable.other	#c1c0c0	—
comment keyword.codetag.notation	#98a4ff	—
comment.git-status.header.remote	#fcd17a	—
comment.git-status.header.local	#ff5781	—
comment.other.git-status.head	#fcfcfa	—
constant	#98a4ff	—
constant.other	#fcfcfa	—
constant.other.property	#98a4ff	—
constant.other.color	#98a4ff	—
constant.other.character-class.escape	#98a4ff	—
constant.other.key	#98a4ff	—
constant.other.symbol	#ffa0c6	—
constant.numeric	#98a4ff	—
constant.language	#98a4ff	—
constant.character.escape	#98a4ff	—
constant.numeric.line-number.find-in-files	#5b595c	—
constant.numeric.line-number.match.find-in-files	#98a4ff	—
entity.name.section	#98a4ff	—
entity.name	#f8bfff	—
entity.name.class	#ff5781	—
entity.name.constant	#98a4ff	—
entity.name.namespace	#fcfcfa	—
entity.other.inherited-class	#ff5781	italic
meta.decorator	—	italic
punctuation.decorator, meta.brace, meta.objectliteral	—	normal
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#fcd17a	—
entity.other.attribute-name	#ff5781	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	#f8bfff	—
entity.other.attribute-name.id.css	#ffa0c6	—
entity.other.attribute-name.pseudo-class.css entity.other.pseudo-class.css	#ff5781	italic
entity.name.function, support.function	#f8bfff	—
entity.other.git-status.hex	#98a4ff	—
invalid	—	italic
keyword	#fcd17a	—
keyword.control	#fcd17a	italic
keyword.control.flow	#fcd17a	italic
keyword.operator	#fcd17a	—
keyword.other.substitution	#939293	—
keyword.other.template.begin keyword.other.template.end	#ff5781	—
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	#ff5781	normal
keyword.operator.class, keyword.operator.key	#ff5781	normal
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#98a4ff	—
markup.raw	#ffa0c6	—
markup.underline	—	underline
markup.underline.link	#f8bfff	—
markup.inserted, markup.inserted punctuation.definition.inserted	#f8bfff	—
markup.deleted, markup.deleted punctuation.definition.deleted	#fcd17a	—
markup.changed, markup.changed punctuation.definition.changed	#98a4ff	—
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	#f8bfff	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#fcfcfa	—
meta.instance.constructor	#f8bfff	—
meta.attribute-with-value.class string	#f8bfff	—
meta.attribute-with-value.id string	#ffa0c6	—
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	#98a4ff	—
meta.object.member	#fcfcfa	—
meta.property-list.css variable.other	#ffa0c6	—
entity.name.constant.preprocessor, meta.preprocessor	#98a4ff	—
meta.diff.git-diff.header	#98a4ff	—
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	#727072	—
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	#ffa0c6	—
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	#fcd17a	—
string.quoted.single, string.quoted.double, string.quoted.template, string.template, meta.array.literal, keyword.operator.spread, constant.language.boolean, constant.numeric.decimal	#69b8fd	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#fcd17a	—
region.orangish	#ffa0c6	—
region.yellowish	#98a4ff	—
region.greenish	#f8bfff	—
region.bluish	#ff5781	—
region.purplish	#98a4ff	—
region.pinkish	#fcd17a	—
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	#ffa0c6	italic
source.git-show.commit.sha	#98a4ff	—
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	#98a4ff	—
source.git-show meta.diff.range.unified	#ffa0c6	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#939293	—
storage	#fcd17a	—
storage.type	#ff5781	italic
storage.type.extends	#fcd17a	normal
storage.type.function.arrow	#ff5781	normal
storage.modifier	#fcd17a	italic
storage.class.restructuredtext.ref	#98a4ff	—
string	#98a4ff	—
string.unquoted.label	#fcfcfa	—
string source	#fcfcfa	—
string source punctuation.section.embedded	#939293	—
string.other.link.title, string.other.link.description	#fcd17a	—
string.other.link.description.title	#ff5781	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#fcd17a	—
string.other.ref, string.other.restructuredtext.ref	#f8bfff	—
string.other.git-status.help.key	#c1c0c0	—
string.other.git-status.remote	#fcd17a	—
support.constant	#ff5781	—
support.constant.handlebars	#939293	—
support.function	#f8bfff	—
support.type, entity.name.type.object.console	#ff5781	italic
meta.type.parameters entity.name.type, meta.type.annotation entity.name.type	#98a4ff	—
support.variable	#ff5781	—
support.type.property-name	#fcfcfa	normal
support.class	#ff5781	—
text	#fcfcfa	—
text.find-in-files	#fcfcfa	—
variable, variable.other	#fcfcfa	—
variable.parameter, parameters variable.function	#fcfcfa	italic
variable.language, variable.parameter.function.language.special.self.python	#c1c0c0	italic
variable.language.arguments	#98a4ff	—
variable.other.class	#ff5781	—
variable.other.constant	#fcfcfa	—
meta.array-binding-pattern-variable variable.other.constant, meta.parameter.object-binding-pattern variable.parameter	#98a4ff	—
variable.other.member	#fcfcfa	—
variable.other.property	#fcd17a	—
variable.function	#f8bfff	—
variable.other.substitution	#ffa0c6	—
meta.object.member variable.other	#98a4ff	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#98a4ff	—
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}!`;
}