Sweet Vscode

Name: Sweet Vscode
Author: Eliver Lara

Publisher: Eliver LaraThemes in package: 1

A dark and modern theme for vscode

GitHub

VS Code preview

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

Sweet Vscode — Sweet vscode

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#191925
activityBar.border#191925
activityBar.dropBackground#161821bf
activityBar.foreground#838391
activityBarBadge.background#ec89cb
activityBarBadge.foreground#1e1e2e
badge.background#ec89cb
badge.foreground#1e1e2e
button.background#222235
button.foreground#555569
button.hoverBackground#1e1e2e
debugExceptionWidget.background#222235
debugExceptionWidget.border#1e1e2e
debugToolBar.background#222235
descriptionForeground#555569
diffEditor.insertedTextBackground#46D0280c
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#F7005B0c
diffEditor.removedTextBorder#00000000
dropdown.background#1e1e2e
dropdown.border#1e1e2e
dropdown.foreground#555569
dropdown.listBackground#222235
editor.background#1e1e2e
editor.findMatchBackground#ffffff26
editor.findMatchBorder#9700be
editor.findMatchHighlightBackground#ffffff26
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#ffffff0c
editor.findRangeHighlightBorder#00000000
editor.foreground#ffffff
editor.hoverHighlightBackground#ffffff0c
editor.inactiveSelectionBackground#ffffff0c
editor.lineHighlightBackground#ffffff0c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#222235
editor.rangeHighlightBorder#222235
editor.selectionBackground#2B2B42
editor.selectionHighlightBackground#ffffff26
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#ffffff26
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#ffffff26
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#1e1e2e
editorBracketMatch.border#3F3F54
editorCodeLens.foreground#3F3F54
editorCursor.background#00000000
editorCursor.foreground#ffffff
editorError.border#00000000
editorError.foreground#f60055
editorGroup.background#191925
editorGroup.border#1b1b2a
editorGroup.dropBackground#161821bf
editorGroupHeader.noTabsBackground#1e1e2e
editorGroupHeader.tabsBackground#1b1b2a
editorGroupHeader.tabsBorder#1b1b2a
editorGutter.addedBackground#06c993
editorGutter.background#1e1e2e
editorGutter.deletedBackground#f60055
editorGutter.modifiedBackground#f69154
editorHint.border#1e1e2e
editorHint.foreground#ec89cb
editorHoverWidget.background#222235
editorHoverWidget.border#1e1e2e
editorIndentGuide.background#222235
editorInfo.border#1e1e2e
editorInfo.foreground#00dded
editorLineNumber.activeForeground#efdc35
editorLineNumber.foreground#3A3A4C
editorLink.activeForeground#00dded
editorMarkerNavigation.background#222235
editorMarkerNavigationError.background#f60055
editorMarkerNavigationInfo.background#00dded
editorMarkerNavigationWarning.background#f69154
editorOverviewRuler.addedForeground#06c993
editorOverviewRuler.border#1e1e2e
editorOverviewRuler.currentContentForeground#222235
editorOverviewRuler.deletedForeground#f60055
editorOverviewRuler.errorForeground#f60055
editorOverviewRuler.findMatchForeground#ffffff26
editorOverviewRuler.incomingContentForeground#222235
editorOverviewRuler.infoForeground#00dded
editorOverviewRuler.modifiedForeground#f69154
editorOverviewRuler.rangeHighlightForeground#ffffff26
editorOverviewRuler.selectionHighlightForeground#ffffff26
editorOverviewRuler.warningForeground#f69154
editorOverviewRuler.wordHighlightForeground#ffffff26
editorOverviewRuler.wordHighlightStrongForeground#ffffff26
editorRuler.foreground#3A3A4C
editorSuggestWidget.background#222235
editorSuggestWidget.border#222235
editorSuggestWidget.foreground#efdc35
editorSuggestWidget.highlightForeground#ffffff
editorSuggestWidget.selectedBackground#3F3F54
editorWarning.border#00000000
editorWarning.foreground#f69154
editorWhitespace.foreground#3A3A4C
editorWidget.background#222235
editorWidget.border#222235
errorForeground#f60055
extensionButton.prominentBackground#efdc35
extensionButton.prominentForeground#1e1e2e
extensionButton.prominentHoverBackground#efdc3582
focusBorder#3F3F54
foreground#ffffff
gitDecoration.conflictingResourceForeground#f69154
gitDecoration.deletedResourceForeground#f60055
gitDecoration.ignoredResourceForeground#3A3A4C
gitDecoration.modifiedResourceForeground#06c993
gitDecoration.untrackedResourceForeground#f69154
input.background#222235
input.border#222235
input.foreground#ffffff
input.placeholderForeground#3A3A4C
inputOption.activeBorder#3A3A4C
inputValidation.errorBackground#222235
inputValidation.errorBorder#f60055
inputValidation.infoBackground#222235
inputValidation.infoBorder#00dded
inputValidation.warningBackground#222235
inputValidation.warningBorder#f69154
list.activeSelectionBackground#2B2B42
list.activeSelectionForeground#9700be
list.dropBackground#161821bf
list.errorForeground#f60055
list.focusBackground#2B2B42
list.focusForeground#ffffff
list.highlightForeground#ffffff
list.hoverBackground#2B2B42
list.hoverForeground#ffffff
list.inactiveFocusBackground#9700be
list.inactiveSelectionBackground#1e1e2e
list.inactiveSelectionForeground#9700be
list.invalidItemForeground#f60055
list.warningForeground#f69154
merge.border#1e1e2e
merge.commonContentBackground#ffffff0c
merge.commonHeaderBackground#ffffff26
merge.currentContentBackground#F7005B0c
merge.currentHeaderBackground#F7005B26
merge.incomingContentBackground#46D0280c
merge.incomingHeaderBackground#46D02826
notificationCenter.border#222235
notificationCenterHeader.background#222235
notificationCenterHeader.foreground#555569
notificationLink.foreground#9700be
notifications.background#222235
notifications.border#222235
notifications.foreground#9BBEC7
notificationToast.border#222235
panel.background#222235
panel.border#1e1e2e
panel.dropBackground#161821bf
panelTitle.activeBorder#9700be
panelTitle.activeForeground#9700be
panelTitle.inactiveForeground#555569
peekView.border#1e1e2e
peekViewEditor.background#222235
peekViewEditor.matchHighlightBackground#3A3A4C
peekViewEditorGutter.background#222235
peekViewResult.background#222235
peekViewResult.fileForeground#555569
peekViewResult.lineForeground#555569
peekViewResult.matchHighlightBackground#3A3A4C
peekViewResult.selectionBackground#222235
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#222235
peekViewTitleDescription.foreground#555569
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#1e1e2e
pickerGroup.foreground#3A3A4C
progressBar.background#222235
scrollbar.shadow#1e1e2e
scrollbarSlider.activeBackground#ffffff12
scrollbarSlider.background#ffffff12
scrollbarSlider.hoverBackground#ffffff12
selection.background#222235
sideBar.background#1b1b2a
sideBar.border#191925
sideBar.dropBackground#161821bf
sideBar.foreground#555569
sideBarSectionHeader.background#1b1b2a
sideBarSectionHeader.foreground#3F3F54
sideBarTitle.foreground#3A3A4C
statusBar.background#1b1b2a
statusBar.border#191925
statusBar.debuggingBackground#3F3F54
statusBar.debuggingBorder#1b1b2a
statusBar.debuggingForeground#ffffff
statusBar.foreground#3F3F54
statusBar.noFolderBackground#1b1b2a
statusBar.noFolderBorder#191925
statusBar.noFolderForeground#3F3F54
statusBarItem.activeBackground#1e1e2e
statusBarItem.hoverBackground#1e1e2e
statusBarItem.prominentBackground#222235
statusBarItem.prominentHoverBackground#222235
tab.activeBackground#1e1e2e
tab.activeBorder#9700be
tab.activeForeground#9700be
tab.border#1b1b2a
tab.hoverBackground#1e1e2e
tab.hoverBorder#3A3A4C
tab.inactiveBackground#1b1b2a
tab.inactiveForeground#555569
tab.unfocusedActiveBorder#555569
tab.unfocusedActiveForeground#efdc35
tab.unfocusedHoverBackground#1e1e2e
tab.unfocusedHoverBorder#1e1e2e
tab.unfocusedInactiveForeground#555569
terminal.ansiBlack#222235
terminal.ansiBlue#f69154
terminal.ansiBrightBlack#3F3F54
terminal.ansiBrightBlue#f69154
terminal.ansiBrightCyan#00dded
terminal.ansiBrightGreen#06c993
terminal.ansiBrightMagenta#ec89cb
terminal.ansiBrightRed#f60055
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#9700be
terminal.ansiCyan#00dded
terminal.ansiGreen#06c993
terminal.ansiMagenta#ec89cb
terminal.ansiRed#f60055
terminal.ansiWhite#ffffff
terminal.ansiYellow#9700be
terminal.background#222235
terminal.foreground#ffffff
terminal.selectionBackground#ffffff26
terminalCursor.background#00000000
terminalCursor.foreground#ffffff
textBlockQuote.background#222235
textBlockQuote.border#222235
textCodeBlock.background#222235
textLink.activeForeground#ffffff
textLink.foreground#9700be
textPreformat.foreground#ffffff
textSeparator.foreground#3F3F54
titleBar.activeBackground#1b1b2a
titleBar.activeForeground#555569
titleBar.border#191925
titleBar.inactiveBackground#1b1b2a
titleBar.inactiveForeground#3A3A4C
walkThrough.embeddedEditorBackground#1b1b2a
welcomePage.buttonBackground#222235
welcomePage.buttonHoverBackground#3A3A4C
widget.shadow#191925

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	#66667A	italic
comment storage.type	#3F3F54	—
comment entity.name.type	#efdc35	—
comment variable, comment variable.other	#efdc35	—
comment keyword.codetag.notation	#ec89cb	—
comment.git-status.header.remote	#f60055	—
comment.git-status.header.local	#00dded	—
comment.other.git-status.head	#ffffff	—
constant	#ec89cb	—
constant.other	#ffffff	—
constant.other.property	#ec89cb	—
constant.other.color	#ec89cb	—
constant.other.character-class.escape	#ec89cb	—
constant.other.key	#ec89cb	—
constant.other.symbol	#f69154	—
constant.numeric	#ec89cb	—
constant.language	#ec89cb	—
constant.character.escape	#ec89cb	—
constant.numeric.line-number.find-in-files	#3A3A4C	—
constant.numeric.line-number.match.find-in-files	#9700be	—
entity.name.section	#9700be	—
entity.name	#06c993	—
entity.name.class	#00dded	—
entity.name.constant	#ec89cb	—
entity.name.namespace	#ffffff	—
entity.other.inherited-class	#00dded	italic
entity.name.function	#06c993	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#f60055	—
entity.other.attribute-name	#00dded	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	#06c993	—
entity.other.attribute-name.id.css	#f69154	—
entity.other.attribute-name.pseudo-class.css entity.other.pseudo-class.css	#00dded	italic
entity.name.function, support.function	#06c993	—
entity.other.git-status.hex	#ec89cb	—
invalid	—	italic
keyword	#f60055	—
keyword.control	#f60055	—
keyword.operator	#f60055	—
keyword.other.substitution	#555569	—
keyword.other.template.begin keyword.other.template.end	#f60055	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#555569	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#9700be	—
markup.raw	#f69154	—
markup.underline	—	underline
markup.underline.link	#06c993	—
markup.inserted, markup.inserted punctuation.definition.inserted	#06c993	—
markup.deleted, markup.deleted punctuation.definition.deleted	#f60055	—
markup.changed, markup.changed punctuation.definition.changed	#f60055	—
markup.ignored, markup.ignored punctuation.definition.ignored	#555569	—
markup.untracked	#555569	—
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	#555569	—
meta.function-call, meta.function-call.arguments meta.function-call	#06c993	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#ffffff	—
meta.instance.constructor	#06c993	—
meta.attribute-with-value.class string	#06c993	—
meta.attribute-with-value.id string	#f69154	—
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	#ffffff	—
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	#f60055	—
meta.object.member	#ffffff	—
meta.property-list.css variable.other	#f69154	—
entity.name.constant.preprocessor, meta.preprocessor	#ec89cb	—
meta.diff.git-diff.header	#f60055	—
punctuation	#9BBEC7	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby	#555569	—
punctuation.definition.group	#ffffff	—
punctuation.definition.comment	#66667A	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css, variable.other.property.js	#efdc35	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#f69154	—
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	#f60055	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#f60055	—
region.orangish	#f69154	—
region.yellowish	#9700be	—
region.greenish	#06c993	—
region.bluish	#00dded	—
region.purplish	#ec89cb	—
region.pinkish	#f60055	—
region.whitish	#ffffff	—
source	#ffffff	—
source.scss, source.sass	#555569	—
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	#f69154	italic
source.git-show.commit.sha	#ec89cb	—
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	#555569	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#ec89cb	—
source.git-show meta.diff.range.unified	#f69154	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#555569	—
storage	#f60055	—
storage.type	#00dded	italic
storage.type.extends	#f60055	normal
storage.type.function.arrow	#f60055	normal
storage.modifier	#f60055	italic
storage.class.restructuredtext.ref	#ec89cb	—
string	#9700be	—
string.unquoted.label	#ffffff	—
string source	#ffffff	—
string source punctuation.section.embedded	#555569	—
string.other.link.title, string.other.link.description	#f60055	—
string.other.link.description.title	#00dded	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#f60055	—
string.other.ref, string.other.restructuredtext.ref	#06c993	—
string.other.git-status.help.key	#efdc35	—
string.other.git-status.remote	#f60055	—
support.constant	#00dded	—
support.constant.handlebars	#555569	—
support.function	#06c993	—
support.type, entity.name.type.object.console	#00dded	italic
support.variable	#00dded	—
support.type.property-name	#ffffff	normal
support.class	#f69154	—
text	#ffffff	—
text.find-in-files	#ffffff	—
variable, variable.other	#ffffff	—
variable.parameter, parameters variable.function	#f69154	italic
variable.language, variable.parameter.function.language.special.self.python	#efdc35	italic
variable.language.arguments	#ec89cb	—
variable.other.class	#00dded	—
variable.other.constant	#ec89cb	—
variable.other.member	#ffffff	—
variable.function	#06c993	—
variable.other.substitution	#f69154	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#ec89cb	—
variable.language.this.js, variable.language.this.js.jsx	#ec89cb	italic
variable.other.object.property.js.jsx, variable.other.object.js	#f69154	—

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