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 Violet Cream

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

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