Monokai Sharp

Name: Monokai Sharp
Author: Siqi Lu

Publisher: Siqi LuThemes in package: 1

Monokai for C#

Open in VS Code GitHub

VS Code preview

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

Monokai Sharp — Monokai Sharp

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#161613
activityBar.border#161613
activityBar.dropBackground#1d1e19bf
activityBar.foreground#919288
activityBarBadge.background#e4db73
activityBarBadge.foreground#272821
badge.background#e4db73
badge.foreground#272821
button.background#3b3c35
button.foreground#919288
button.hoverBackground#272821
debugExceptionWidget.background#3b3c35
debugExceptionWidget.border#272821
debugToolBar.background#3b3c35
diffEditor.insertedTextBackground#a6e12d0c
diffEditor.insertedTextBorder#a6e12d
diffEditor.removedTextBackground#f825700c
diffEditor.removedTextBorder#f82570
dropdown.background#272821
dropdown.border#272821
dropdown.foreground#919288
editor.background#272821
editor.findMatchBackground#57584f
editor.findMatchHighlightBackground#3b3c35
editor.findRangeHighlightBackground#fdfff10c
editor.foreground#fdfff1
editor.hoverHighlightBackground#3b3c35
editor.inactiveSelectionBackground#fdfff10c
editor.lineHighlightBackground#fdfff10c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#3b3c35
editor.selectionBackground#3b3c35
editor.selectionHighlightBackground#57584f
editor.wordHighlightBackground#3b3c35
editor.wordHighlightStrongBackground#57584f
editorBracketMatch.background#272821
editorBracketMatch.border#6e7066
editorCodeLens.foreground#6e7066
editorCursor.foreground#fdfff1
editorError.border#00000000
editorError.foreground#f82570
editorGroup.background#161613
editorGroup.border#1d1e19
editorGroup.dropBackground#1d1e19bf
editorGroupHeader.noTabsBackground#272821
editorGroupHeader.tabsBackground#272821
editorGroupHeader.tabsBorder#272821
editorGutter.addedBackground#a6e12d
editorGutter.background#272821
editorGutter.deletedBackground#f82570
editorGutter.modifiedBackground#fc961f
editorHoverWidget.background#3b3c35
editorHoverWidget.border#272821
editorIndentGuide.background#3b3c35
editorLineNumber.foreground#57584f
editorLink.activeForeground#66d9ee
editorMarkerNavigation.background#3b3c35
editorMarkerNavigationError.background#f82570
editorMarkerNavigationWarning.background#fc961f
editorOverviewRuler.addedForeground#a6e12d
editorOverviewRuler.border#272821
editorOverviewRuler.currentContentForeground#3b3c35
editorOverviewRuler.deletedForeground#f82570
editorOverviewRuler.errorForeground#f82570
editorOverviewRuler.findMatchForeground#57584f
editorOverviewRuler.incomingContentForeground#3b3c35
editorOverviewRuler.infoForeground#66d9ee
editorOverviewRuler.modifiedForeground#fc961f
editorOverviewRuler.rangeHighlightForeground#3b3c35
editorOverviewRuler.selectionHighlightForeground#57584f
editorOverviewRuler.warningForeground#fc961f
editorOverviewRuler.wordHighlightForeground#3b3c35
editorOverviewRuler.wordHighlightStrongForeground#57584f
editorRuler.foreground#3b3c35
editorSuggestWidget.background#3b3c35
editorSuggestWidget.border#3b3c35
editorSuggestWidget.foreground#c0c1b5
editorSuggestWidget.highlightForeground#fdfff1
editorSuggestWidget.selectedBackground#6e7066
editorWarning.border#00000000
editorWarning.foreground#fc961f
editorWhitespace.foreground#3b3c35
editorWidget.background#3b3c35
editorWidget.border#3b3c35
errorForeground#f82570
extensionButton.prominentBackground#3b3c35
extensionButton.prominentForeground#fdfff1
extensionButton.prominentHoverBackground#57584f
focusBorder#6e7066
foreground#fdfff1
input.background#3b3c35
input.border#3b3c35
input.foreground#fdfff1
input.placeholderForeground#57584f
inputOption.activeBorder#57584f
inputValidation.errorBackground#3b3c35
inputValidation.errorBorder#f82570
inputValidation.infoBackground#3b3c35
inputValidation.infoBorder#66d9ee
inputValidation.warningBackground#3b3c35
inputValidation.warningBorder#fc961f
list.activeSelectionBackground#1d1e19
list.activeSelectionForeground#e4db73
list.dropBackground#1d1e19bf
list.focusBackground#1d1e19
list.focusForeground#fdfff1
list.highlightForeground#fdfff1
list.hoverBackground#1d1e19
list.hoverForeground#fdfff1
list.inactiveSelectionBackground#1d1e19
list.inactiveSelectionForeground#e4db73
merge.border#272821
merge.currentContentBackground#3b3c35
merge.currentHeaderBackground#57584f
merge.incomingContentBackground#57584f
merge.incomingHeaderBackground#6e7066
notification.background#1d1e19
notification.buttonBackground#3b3c35
notification.buttonForeground#e4db73
notification.buttonHoverBackground#3b3c35
notification.errorBackground#1d1e19
notification.errorForeground#f82570
notification.foreground#c0c1b5
notification.infoBackground#1d1e19
notification.infoForeground#66d9ee
notification.warningBackground#1d1e19
notification.warningForeground#fc961f
panel.background#3b3c35
panel.border#272821
panelTitle.activeBorder#e4db73
panelTitle.activeForeground#e4db73
panelTitle.inactiveForeground#919288
peekView.border#272821
peekViewEditor.background#3b3c35
peekViewEditor.matchHighlightBackground#57584f
peekViewEditorGutter.background#3b3c35
peekViewResult.background#3b3c35
peekViewResult.fileForeground#919288
peekViewResult.lineForeground#919288
peekViewResult.matchHighlightBackground#57584f
peekViewResult.selectionBackground#3b3c35
peekViewResult.selectionForeground#fdfff1
peekViewTitle.background#3b3c35
peekViewTitleDescription.foreground#919288
peekViewTitleLabel.foreground#fdfff1
pickerGroup.border#272821
pickerGroup.foreground#57584f
progressBar.background#3b3c35
scrollbar.shadow#272821
scrollbarSlider.activeBackground#fdfff112
scrollbarSlider.background#fdfff112
scrollbarSlider.hoverBackground#fdfff112
selection.background#3b3c35
sideBar.background#1d1e19
sideBar.border#161613
sideBar.foreground#919288
sideBarSectionHeader.background#1d1e19
sideBarSectionHeader.foreground#6e7066
sideBarTitle.foreground#57584f
statusBar.background#1d1e19
statusBar.border#161613
statusBar.debuggingBackground#6e7066
statusBar.debuggingForeground#fdfff1
statusBar.foreground#6e7066
statusBar.noFolderBackground#1d1e19
statusBar.noFolderForeground#6e7066
statusBarItem.activeBackground#272821
statusBarItem.hoverBackground#272821
statusBarItem.prominentBackground#3b3c35
statusBarItem.prominentHoverBackground#3b3c35
tab.activeBackground#272821
tab.activeBorder#e4db73
tab.activeForeground#e4db73
tab.border#272821
tab.inactiveBackground#272821
tab.inactiveForeground#919288
tab.unfocusedActiveBorder#919288
tab.unfocusedActiveForeground#c0c1b5
tab.unfocusedInactiveForeground#919288
terminal.ansiBlack#3b3c35
terminal.ansiBlue#fc961f
terminal.ansiBrightBlack#6e7066
terminal.ansiBrightBlue#fc961f
terminal.ansiBrightCyan#66d9ee
terminal.ansiBrightGreen#a6e12d
terminal.ansiBrightMagenta#ae81ff
terminal.ansiBrightRed#f82570
terminal.ansiBrightWhite#fdfff1
terminal.ansiBrightYellow#e4db73
terminal.ansiCyan#66d9ee
terminal.ansiGreen#a6e12d
terminal.ansiMagenta#ae81ff
terminal.ansiRed#f82570
terminal.ansiWhite#fdfff1
terminal.ansiYellow#e4db73
terminal.background#3b3c35
terminal.foreground#fdfff1
titleBar.activeBackground#161613
titleBar.activeForeground#919288
titleBar.inactiveBackground#1d1e19
titleBar.inactiveForeground#57584f
walkThrough.embeddedEditorBackground#1d1e19
welcomePage.buttonBackground#3b3c35
welcomePage.buttonHoverBackground#57584f
widget.shadow#161613

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	#6e7066	italic
comment storage.type	#6e7066	—
comment entity.name.type	#c0c1b5	—
comment variable, comment variable.other	#c0c1b5	—
comment keyword.codetag.notation	#ae81ff	—
constant	#ae81ff	—
constant.other	#fdfff1	—
constant.other.property	#ae81ff	—
constant.numeric	#ae81ff	—
constant.language	#ae81ff	—
constant.character.escape	#ae81ff	—
constant.numeric.line-number.find-in-files	#57584f	—
constant.numeric.line-number.match.find-in-files	#e4db73	—
entity.name.section	#e4db73	—
entity.name	#a6e12d	—
entity.name.class	#fdfff1	—
entity.name.namespace	#fdfff1	—
entity.other.inherited-class	#66d9ee	italic
entity.name.function	#a6e12d	—
entity.name.tag	#f82570	—
entity.other.attribute-name	#66d9ee	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	#a6e12d	—
entity.other.attribute-name.id.css	#fc961f	—
entity.other.attribute-name.pseudo-class.css	#66d9ee	italic
entity.name.function, support.function	#a6e12d	—
invalid	—	italic
keyword	#f82570	—
keyword.control	#f82570	—
keyword.operator	#f82570	—
keyword.other.substitution	#919288	—
keyword.other.template.begin keyword.other.template.end	#f82570	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#919288	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#e4db73	—
markup.raw	#fc961f	—
markup.underline	—	underline
markup.underline.link	#a6e12d	—
markup.inserted	#a6e12d	—
markup.deleted	#f82570	—
markup.changed	#e4db73	—
markup.ignored	#919288	—
markup.untracked	#919288	—
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	#919288	—
meta.function-call, meta.function-call.arguments meta.function-call	#a6e12d	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#fdfff1	—
meta.instance.constructor	#a6e12d	—
meta.attribute-with-value.class string	#a6e12d	—
meta.attribute-with-value.id string	#fc961f	—
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	#fdfff1	—
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	#e4db73	—
meta.object.member	#fdfff1	—
meta.property-list.css variable.other	#fc961f	—
entity.name.constant.preprocessor, meta.preprocessor, meta.preprocessor punctuation.separator.hash.cs, meta.preprocessor keyword.preprocessor.r.cs	#ae81ff	—
punctuation	#919288	—
punctuation.definition.group	#fdfff1	—
punctuation.definition.comment	#6e7066	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#c0c1b5	—
punctuation.section.embedded	#fc961f	—
punctuation.template-string.element.begin, punctuation.template-string.element.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end	#f82570	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
source.scss	#919288	—
source.scss variable.other, source.scss variable.scss, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#fc961f	italic
storage	#f82570	—
storage.type	#66d9ee	italic
storage.type.function.arrow	#f82570	normal
storage.modifier	#f82570	italic
storage.class.restructuredtext.ref	#ae81ff	—
string	#e4db73	—
string.unquoted.label	#fdfff1	—
string source	#fdfff1	—
string source punctuation.section.embedded	#919288	—
string.other.link.title, string.other.link.description	#f82570	—
string.other.link.description.title	#66d9ee	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#f82570	—
string.other.ref, string.other.restructuredtext.ref	#a6e12d	—
support.constant	#66d9ee	—
support.function	#a6e12d	—
support.type, entity.name.type.object.console	#66d9ee	italic
support.variable	#66d9ee	—
support.type.property-name	#fdfff1	normal
support.class	#66d9ee	—
text.find-in-files	#fdfff1	—
variable, variable.other	#fdfff1	—
variable.parameter, parameters variable.function	#fc961f	italic
variable.language, variable.parameter.function.language.special.self.python	#c0c1b5	italic
variable.language.arguments	#ae81ff	—
variable.other.class	#66d9ee	—
variable.other.constant	#ae81ff	—
variable.other.member	#fdfff1	—
variable.function	#a6e12d	—
variable.other.substitution	#fc961f	—

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