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 React

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

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