Mars

Name: Mars
Author: Eliver Lara

Publisher: Eliver LaraThemes in package: 1

An elegant and flavored dark theme

GitHub

VS Code preview

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

Mars — Mars

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#070E13
activityBar.border#070E13
activityBar.dropBackground#161821bf
activityBar.foreground#5A5F62
activityBarBadge.background#DDCB0A
activityBarBadge.foreground#070E13
badge.background#DDCB0A
badge.foreground#070E13
button.background#1d2328
button.foreground#5A5F62
button.hoverBackground#070E13
debugExceptionWidget.background#1d2328
debugExceptionWidget.border#070E13
debugToolBar.background#1d2328
descriptionForeground#5A5F62
diffEditor.insertedTextBackground#46D0280c
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#F7005B0c
diffEditor.removedTextBorder#00000000
dropdown.background#070E13
dropdown.border#070E13
dropdown.foreground#5A5F62
dropdown.listBackground#1d2328
editor.background#070E13
editor.findMatchBackground#ffffff26
editor.findMatchBorder#DDCB0A
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#1d2328
editor.rangeHighlightBorder#1d2328
editor.selectionBackground#1d2328
editor.selectionHighlightBackground#ffffff26
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#ffffff26
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#ffffff26
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#070E13
editorBracketMatch.border#4a4f53
editorCodeLens.foreground#4a4f53
editorCursor.background#00000000
editorCursor.foreground#ffffff
editorError.border#00000000
editorError.foreground#F7005B
editorGroup.background#060b0e
editorGroup.border#060c10
editorGroup.dropBackground#161821bf
editorGroupHeader.noTabsBackground#070E13
editorGroupHeader.tabsBackground#070E13
editorGroupHeader.tabsBorder#070E13
editorGutter.addedBackground#46D028
editorGutter.background#070E13
editorGutter.deletedBackground#F7005B
editorGutter.modifiedBackground#EF8354
editorHint.border#070E13
editorHint.foreground#A100DF
editorHoverWidget.background#060c10
editorHoverWidget.border#070E13
editorIndentGuide.background#1d2328
editorInfo.border#070E13
editorInfo.foreground#40B4BB
editorLineNumber.activeForeground#75C3A8
editorLineNumber.foreground#1d2328
editorLink.activeForeground#40B4BB
editorMarkerNavigation.background#1d2328
editorMarkerNavigationError.background#F7005B
editorMarkerNavigationInfo.background#40B4BB
editorMarkerNavigationWarning.background#EF8354
editorOverviewRuler.addedForeground#46D028
editorOverviewRuler.border#070E13
editorOverviewRuler.currentContentForeground#1d2328
editorOverviewRuler.deletedForeground#F7005B
editorOverviewRuler.errorForeground#F7005B
editorOverviewRuler.findMatchForeground#ffffff26
editorOverviewRuler.incomingContentForeground#1d2328
editorOverviewRuler.infoForeground#40B4BB
editorOverviewRuler.modifiedForeground#EF8354
editorOverviewRuler.rangeHighlightForeground#ffffff26
editorOverviewRuler.selectionHighlightForeground#ffffff26
editorOverviewRuler.warningForeground#EF8354
editorOverviewRuler.wordHighlightForeground#ffffff26
editorOverviewRuler.wordHighlightStrongForeground#ffffff26
editorRuler.foreground#34393d
editorSuggestWidget.background#060c10
editorSuggestWidget.border#1d2328
editorSuggestWidget.foreground#75C3A8
editorSuggestWidget.highlightForeground#ffffff
editorSuggestWidget.selectedBackground#1d2328
editorWarning.border#00000000
editorWarning.foreground#EF8354
editorWhitespace.foreground#34393d
editorWidget.background#060c10
editorWidget.border#1d2328
errorForeground#F7005B
extensionButton.prominentBackground#EF8354
extensionButton.prominentForeground#070E13
extensionButton.prominentHoverBackground#F19973
focusBorder#4a4f53
foreground#ffffff
gitDecoration.conflictingResourceForeground#EF8354
gitDecoration.deletedResourceForeground#F7005B
gitDecoration.ignoredResourceForeground#34393d
gitDecoration.modifiedResourceForeground#46D028
gitDecoration.untrackedResourceForeground#EF8354
input.background#1d2328
input.border#1d2328
input.foreground#ffffff
input.placeholderForeground#34393d
inputOption.activeBorder#34393d
inputValidation.errorBackground#1d2328
inputValidation.errorBorder#F7005B
inputValidation.infoBackground#1d2328
inputValidation.infoBorder#40B4BB
inputValidation.warningBackground#1d2328
inputValidation.warningBorder#EF8354
list.activeSelectionBackground#070E13
list.activeSelectionForeground#DDCB0A
list.dropBackground#161821bf
list.errorForeground#F7005B
list.focusBackground#1d2328
list.focusForeground#ffffff
list.highlightForeground#ffffff
list.hoverBackground#070E13
list.hoverForeground#ffffff
list.inactiveFocusBackground#060b0e
list.inactiveSelectionBackground#070E13
list.inactiveSelectionForeground#DDCB0A
list.invalidItemForeground#F7005B
list.warningForeground#EF8354
merge.border#070E13
merge.commonContentBackground#ffffff0c
merge.commonHeaderBackground#ffffff26
merge.currentContentBackground#F7005B0c
merge.currentHeaderBackground#F7005B26
merge.incomingContentBackground#46D0280c
merge.incomingHeaderBackground#46D02826
notificationCenter.border#1d2328
notificationCenterHeader.background#1d2328
notificationCenterHeader.foreground#5A5F62
notificationLink.foreground#DDCB0A
notifications.background#070E13
notifications.border#1d2328
notifications.foreground#75C3A8
notificationToast.border#1d2328
panel.background#070E13
panel.border#070E13
panel.dropBackground#161821bf
panelTitle.activeBorder#DDCB0A
panelTitle.activeForeground#DDCB0A
panelTitle.inactiveForeground#5A5F62
peekView.border#070E13
peekViewEditor.background#1d2328
peekViewEditor.matchHighlightBackground#34393d
peekViewEditorGutter.background#1d2328
peekViewResult.background#1d2328
peekViewResult.fileForeground#5A5F62
peekViewResult.lineForeground#5A5F62
peekViewResult.matchHighlightBackground#34393d
peekViewResult.selectionBackground#1d2328
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1d2328
peekViewTitleDescription.foreground#5A5F62
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#070E13
pickerGroup.foreground#34393d
progressBar.background#1d2328
scrollbar.shadow#070E13
scrollbarSlider.activeBackground#ffffff12
scrollbarSlider.background#ffffff12
scrollbarSlider.hoverBackground#ffffff12
selection.background#1d2328
sideBar.background#070E13
sideBar.border#070E13
sideBar.dropBackground#161821bf
sideBar.foreground#5A5F62
sideBarSectionHeader.background#070E13
sideBarSectionHeader.foreground#4a4f53
sideBarTitle.foreground#75C3A8
statusBar.background#070E13
statusBar.border#060b0e
statusBar.debuggingBackground#4a4f53
statusBar.debuggingBorder#060c10
statusBar.debuggingForeground#ffffff
statusBar.foreground#4a4f53
statusBar.noFolderBackground#060c10
statusBar.noFolderBorder#060b0e
statusBar.noFolderForeground#4a4f53
statusBarItem.activeBackground#060b0e
statusBarItem.hoverBackground#060b0e
statusBarItem.prominentBackground#1d2328
statusBarItem.prominentHoverBackground#1d2328
tab.activeBackground#070E13
tab.activeBorder#DDCB0A
tab.activeForeground#DDCB0A
tab.border#070E13
tab.hoverBackground#070E13
tab.hoverBorder#34393d
tab.inactiveBackground#070E13
tab.inactiveForeground#5A5F62
tab.unfocusedActiveBorder#5A5F62
tab.unfocusedActiveForeground#75C3A8
tab.unfocusedHoverBackground#070E13
tab.unfocusedHoverBorder#070E13
tab.unfocusedInactiveForeground#5A5F62
terminal.ansiBlack#1d2328
terminal.ansiBlue#EF8354
terminal.ansiBrightBlack#4a4f53
terminal.ansiBrightBlue#EF8354
terminal.ansiBrightCyan#40B4BB
terminal.ansiBrightGreen#46D028
terminal.ansiBrightMagenta#A100DF
terminal.ansiBrightRed#F7005B
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#DDCB0A
terminal.ansiCyan#40B4BB
terminal.ansiGreen#46D028
terminal.ansiMagenta#A100DF
terminal.ansiRed#F7005B
terminal.ansiWhite#ffffff
terminal.ansiYellow#DDCB0A
terminal.background#070E13
terminal.foreground#ffffff
terminal.selectionBackground#ffffff26
terminalCursor.background#00000000
terminalCursor.foreground#ffffff
textBlockQuote.background#1d2328
textBlockQuote.border#1d2328
textCodeBlock.background#1d2328
textLink.activeForeground#ffffff
textLink.foreground#DDCB0A
textPreformat.foreground#ffffff
textSeparator.foreground#4a4f53
titleBar.activeBackground#060c10
titleBar.activeForeground#5A5F62
titleBar.border#060b0e
titleBar.inactiveBackground#060c10
titleBar.inactiveForeground#34393d
walkThrough.embeddedEditorBackground#060c10
welcomePage.buttonBackground#1d2328
welcomePage.buttonHoverBackground#34393d
widget.shadow#060b0e

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

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