Monokai Orange

Name: Monokai Orange
Author: Johnny Woo

Publisher: Johnny WooThemes in package: 1

Monokai Orange Theme

Open in VS Code GitHub

VS Code preview

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

Monokai Orange — Monokai Orange

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#19181a
activityBar.border#19181a
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#939293
activityBarBadge.background#ffd866
activityBarBadge.foreground#2d2a2e
badge.background#ffd866
badge.foreground#2d2a2e
breadcrumb.activeSelectionForeground#fcfcfa
breadcrumb.focusForeground#c1c0c0
breadcrumb.foreground#939293
button.background#403e41
button.foreground#939293
button.hoverBackground#2d2a2e
debugExceptionWidget.background#403e41
debugExceptionWidget.border#2d2a2e
debugToolBar.background#403e41
descriptionForeground#939293
diffEditor.insertedTextBackground#a9dc7619
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#ff618819
diffEditor.removedTextBorder#00000000
dropdown.background#2d2a2e
dropdown.border#2d2a2e
dropdown.foreground#939293
dropdown.listBackground#403e41
editor.background#1e1e1e
editor.findMatchBackground#fcfcfa26
editor.findMatchBorder#ffd866
editor.findMatchHighlightBackground#fcfcfa26
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#fcfcfa0c
editor.findRangeHighlightBorder#00000000
editor.hoverHighlightBackground#fcfcfa0c
editor.inactiveSelectionBackground#fcfcfa0c
editor.lineHighlightBackground#fcfcfa0c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#403e41
editor.rangeHighlightBorder#403e41
editor.selectionBackground#a5005b
editor.selectionHighlightBackground#fcfcfa26
editor.selectionHighlightBorder#ffffff
editor.wordHighlightBackground#fcfcfa26
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#fcfcfa26
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#2d2a2e
editorBracketMatch.border#727072
editorCodeLens.foreground#727072
editorCursor.background#00000000
editorCursor.foreground#fcfcfa
editorError.border#00000000
editorError.foreground#ff6188
editorGroup.border#221f22
editorGroup.dropBackground#221f22bf
editorGroup.emptyBackground#19181a
editorGroup.focusedEmptyBorder#221f22
editorGroupHeader.noTabsBackground#2d2a2e
editorGroupHeader.tabsBackground#2d2a2e
editorGroupHeader.tabsBorder#2d2a2e
editorGutter.addedBackground#a9dc76
editorGutter.background#1e1e1e
editorGutter.deletedBackground#ff6188
editorGutter.modifiedBackground#fc9867
editorHint.border#2d2a2e
editorHint.foreground#ab9df2
editorHoverWidget.background#403e41
editorHoverWidget.border#2d2a2e
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#404040
editorInfo.border#2d2a2e
editorInfo.foreground#78dce8
editorLineNumber.activeForeground#c1c0c0
editorLineNumber.foreground#5b595c
editorLink.activeForeground#78dce8
editorMarkerNavigation.background#403e41
editorMarkerNavigationError.background#ff6188
editorMarkerNavigationInfo.background#78dce8
editorMarkerNavigationWarning.background#fc9867
editorOverviewRuler.addedForeground#a9dc76
editorOverviewRuler.border#2d2a2e
editorOverviewRuler.currentContentForeground#403e41
editorOverviewRuler.deletedForeground#ff6188
editorOverviewRuler.errorForeground#ff6188
editorOverviewRuler.findMatchForeground#fcfcfa26
editorOverviewRuler.incomingContentForeground#403e41
editorOverviewRuler.infoForeground#78dce8
editorOverviewRuler.modifiedForeground#fc9867
editorOverviewRuler.rangeHighlightForeground#fcfcfa26
editorOverviewRuler.selectionHighlightForeground#fcfcfa26
editorOverviewRuler.warningForeground#fc9867
editorOverviewRuler.wordHighlightForeground#fcfcfa26
editorOverviewRuler.wordHighlightStrongForeground#fcfcfa26
editorPane.background#1e1e1e
editorRuler.foreground#5b595c
editorSuggestWidget.background#403e41
editorSuggestWidget.border#403e41
editorSuggestWidget.foreground#c1c0c0
editorSuggestWidget.highlightForeground#fcfcfa
editorSuggestWidget.selectedBackground#727072
editorWarning.border#00000000
editorWarning.foreground#fc9867
editorWhitespace.foreground#5b595c
editorWidget.background#403e41
editorWidget.border#403e41
errorForeground#ff6188
extensionButton.prominentBackground#403e41
extensionButton.prominentForeground#fcfcfa
extensionButton.prominentHoverBackground#5b595c
focusBorder#727072
foreground#fcfcfa
gitDecoration.conflictingResourceForeground#fc9867
gitDecoration.deletedResourceForeground#ff6188
gitDecoration.ignoredResourceForeground#5b595c
gitDecoration.modifiedResourceForeground#a9dc76
gitDecoration.untrackedResourceForeground#fc9867
input.background#403e41
input.border#403e41
input.foreground#fcfcfa
input.placeholderForeground#727072
inputOption.activeBorder#5b595c
inputValidation.errorBackground#403e41
inputValidation.errorBorder#ff6188
inputValidation.errorForeground#ff6188
inputValidation.infoBackground#403e41
inputValidation.infoBorder#78dce8
inputValidation.infoForeground#78dce8
inputValidation.warningBackground#403e41
inputValidation.warningBorder#fc9867
inputValidation.warningForeground#fc9867
list.activeSelectionBackground#2d2a2e
list.activeSelectionForeground#ffd866
list.dropBackground#221f22bf
list.errorForeground#ff6188
list.focusBackground#2d2a2e
list.focusForeground#fcfcfa
list.highlightForeground#fcfcfa
list.hoverBackground#221f22
list.hoverForeground#fcfcfa
list.inactiveFocusBackground#ffd866
list.inactiveSelectionBackground#2d2a2e
list.inactiveSelectionForeground#ffd866
list.invalidItemForeground#ff6188
list.warningForeground#fc9867
merge.border#2d2a2e
merge.commonContentBackground#fcfcfa19
merge.commonHeaderBackground#fcfcfa26
merge.currentContentBackground#ff618819
merge.currentHeaderBackground#ff618826
merge.incomingContentBackground#a9dc7619
merge.incomingHeaderBackground#a9dc7626
notificationCenter.border#403e41
notificationCenterHeader.background#403e41
notificationCenterHeader.foreground#939293
notificationLink.foreground#ffd866
notifications.background#403e41
notifications.border#403e41
notifications.foreground#c1c0c0
notificationToast.border#403e41
panel.background#1e1e1e
panel.border#2d2a2e
panelTitle.activeBorder#ffd866
panelTitle.activeForeground#ffd866
panelTitle.inactiveForeground#939293
peekView.border#2d2a2e
peekViewEditor.background#403e41
peekViewEditor.matchHighlightBackground#5b595c
peekViewEditorGutter.background#403e41
peekViewResult.background#403e41
peekViewResult.fileForeground#939293
peekViewResult.lineForeground#939293
peekViewResult.matchHighlightBackground#5b595c
peekViewResult.selectionBackground#403e41
peekViewResult.selectionForeground#fcfcfa
peekViewTitle.background#1e1e1e
peekViewTitleDescription.foreground#939293
peekViewTitleLabel.foreground#fcfcfa
pickerGroup.border#2d2a2e
pickerGroup.foreground#5b595c
progressBar.background#403e41
scrollbar.shadow#2d2a2e
scrollbarSlider.activeBackground#fcfcfa12
scrollbarSlider.background#fcfcfa12
scrollbarSlider.hoverBackground#fcfcfa12
selection.background#c1c0c026
settings.checkboxBackground#403e41
settings.checkboxBorder#403e41
settings.checkboxForeground#fcfcfa
settings.dropdownBackground#403e41
settings.dropdownBorder#403e41
settings.dropdownForeground#fcfcfa
settings.dropdownListBorder#939293
settings.headerForeground#ffd866
settings.modifiedItemIndicator#ffd866
settings.numberInputBackground#403e41
settings.numberInputBorder#403e41
settings.numberInputForeground#fcfcfa
settings.textInputBackground#403e41
settings.textInputBorder#403e41
settings.textInputForeground#fcfcfa
sideBar.background#221f22
sideBar.border#19181a
sideBar.dropBackground#221f22bf
sideBar.foreground#939293
sideBarSectionHeader.background#221f22
sideBarSectionHeader.foreground#727072
sideBarTitle.foreground#5b595c
statusBar.background#221f22
statusBar.border#19181a
statusBar.debuggingBackground#727072
statusBar.debuggingBorder#221f22
statusBar.debuggingForeground#fcfcfa
statusBar.foreground#727072
statusBar.noFolderBackground#221f22
statusBar.noFolderBorder#19181a
statusBar.noFolderForeground#727072
statusBarItem.activeBackground#2d2a2e
statusBarItem.hoverBackground#2d2a2e
statusBarItem.prominentBackground#403e41
statusBarItem.prominentHoverBackground#403e41
tab.activeBackground#1e1e1e
tab.activeBorder#ffd866
tab.activeForeground#ffd866
tab.border#2d2a2e
tab.hoverBackground#2d2a2e
tab.hoverBorder#5b595c
tab.inactiveBackground#2d2a2e
tab.inactiveForeground#939293
tab.unfocusedActiveBorder#939293
tab.unfocusedActiveForeground#c1c0c0
tab.unfocusedHoverBackground#2d2a2e
tab.unfocusedHoverBorder#2d2a2e
tab.unfocusedInactiveForeground#939293
terminal.ansiBlack#403e41
terminal.ansiBlue#fc9867
terminal.ansiBrightBlack#727072
terminal.ansiBrightBlue#fc9867
terminal.ansiBrightCyan#78dce8
terminal.ansiBrightGreen#a9dc76
terminal.ansiBrightMagenta#ab9df2
terminal.ansiBrightRed#ff6188
terminal.ansiBrightWhite#fcfcfa
terminal.ansiBrightYellow#ffd866
terminal.ansiCyan#78dce8
terminal.ansiGreen#a9dc76
terminal.ansiMagenta#ab9df2
terminal.ansiRed#ff6188
terminal.ansiWhite#fcfcfa
terminal.ansiYellow#ffd866
terminal.background#1e1e1e
terminal.foreground#fcfcfa
terminal.selectionBackground#fcfcfa26
terminalCursor.background#00000000
terminalCursor.foreground#fcfcfa
textBlockQuote.background#403e41
textBlockQuote.border#403e41
textCodeBlock.background#403e41
textLink.activeForeground#fcfcfa
textLink.foreground#ffd866
textPreformat.foreground#fcfcfa
textSeparator.foreground#727072
titleBar.activeBackground#221f22
titleBar.activeForeground#939293
titleBar.border#19181a
titleBar.inactiveBackground#221f22
titleBar.inactiveForeground#5b595c
walkThrough.embeddedEditorBackground#221f22
welcomePage.buttonBackground#403e41
welcomePage.buttonHoverBackground#5b595c
widget.shadow#19181a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#8cb661	italic
string.quoted.docstring.multi	#8cb661	italic
comment keyword.codetag.notation	#ab9df2	—
comment.git-status.header.remote	#ff6188	—
comment.git-status.header.local	#78dce8	—
constant, constant.character.escape, constant.language, constant.numeric, constant.other.php, constant.other.property, constant.other.citation.latex, constant.other.color, constant.other.character-class.escape, constant.other.key	#ab9df2	—
constant.other	#fcfcfa	—
source.solidity	#ffd866	—
source.solidity entity.name.type.contract, source.solidity entity.name.type.event, source.solidity class, source.solidity variable.language	#46da41	—
constant.other.symbol	#fc9867	—
storage.type.modifier	#fc9867	—
constant.numeric.line-number.find-in-files	#5b595c	—
constant.numeric.line-number.match.find-in-files, entity.name.section	#ffd866	—
entity.name, entity.name.function	#e1f3cf	—
entity.name.class, entity.other.attribute-name, entity.other.inherited-class	#78dce8	—
entity.name.constant	#ab9df2	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component	#ff6188	—
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, entity.other.attribute-name.css, entity.name.function, support.function	#a9dc76	—
entity.other.attribute-name.id.css	#fc9867	—
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css	#78dce8	italic
entity.other.git-status.hex	#ab9df2	—
invalid	—	italic
keyword, keyword.control, keyword.operator, keyword.other.template.begin, keyword.other.template.end	#ff6188	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#939293	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#ffd866	—
markup.raw	#fc9867	—
markup.underline	—	underline
markup.underline.link, markup.inserted, markup.inserted punctuation.definition.inserted	#a9dc76	—
markup.deleted, markup.deleted punctuation.definition.deleted	#ff6188	—
markup.changed, markup.changed punctuation.definition.changed	#ffd866	—
markup.untracked, markup.ignored, markup.ignored punctuation.definition.ignored	#939293	—
markup.quote	—	italic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js	#939293	—
meta.function-call, meta.function-call.arguments meta.function-call	#fffb00	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#fcfcfa	—
meta.instance.constructor	#a9dc76	—
meta.attribute-with-value.class string	#a9dc76	—
meta.attribute-with-value.id string	#fc9867	—
source.json meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string	#fcfcfa	—
source.json meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string	#ffd866	—
meta.object.member	#fcfcfa	—
meta.property-list.css variable.other	#fc9867	—
entity.name.constant.preprocessor, meta.preprocessor	#ab9df2	—
meta.diff.git-diff.header	#ffd866	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css	#939293	—
punctuation.definition.group	#fcfcfa	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#c1c0c0	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#fc9867	—
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	#ff6188	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#ff6188	—
region.orangish	#fc9867	—
region.yellowish	#ffd866	—
region.greenish	#a9dc76	—
region.bluish	#78dce8	—
region.purplish	#ab9df2	—
region.pinkish	#ff6188	—
region.whitish	#FFFFFF	—
source	#fcfcfa	—
source.scss, source.sass	#939293	—
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#fc9867	italic
source.git-show.commit.sha	#ab9df2	—
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file	#939293	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#ab9df2	—
source.git-show meta.diff.range.unified	#fc9867	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#939293	—
storage	#ff6188	—
storage.type	#78dce8	italic
storage.type.extends	#ff6188
storage.type.function.arrow	#ff6188
storage.modifier	#ff6188	italic
storage.class.restructuredtext.ref	#ab9df2	—
string	#ffd866	—
string.unquoted.label	#fcfcfa	—
string source	#fcfcfa	—
string source punctuation.section.embedded	#939293	—
string.other.link.title, string.other.link.description	#ff6188	—
string.other.link.description.title	#78dce8	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#ff6188	—
string.other.ref, string.other.restructuredtext.ref	#a9dc76	—
string.other.git-status.help.key	#c1c0c0	—
string.other.git-status.remote	#ff6188	—
support.constant	#78dce8	—
support.constant.handlebars	#939293	—
support.type.vendor-prefix.css	#c1c0c0	—
support.function	#a9dc76	—
support.type, entity.name.type.object.console	#78dce8	italic
support.variable	#78dce8	—
support.type.property-name	#78dce8
support.class	#78dce8	—
text	#fcfcfa	—
text.find-in-files	#fcfcfa	—
variable, variable.other, string.json.comments	#78dce8	—
variable.parameter, parameters variable.function	#fc9867	italic
variable.language, variable.parameter.function.language.special.self.python	#c1c0c0	italic
variable.language.arguments	#ab9df2	—
variable.other.class	#78dce8	—
variable.other.constant	#ab9df2	—
variable.other.member	#fcfcfa	—
variable.function	#a9dc76	—
variable.other.substitution	#fc9867	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#ab9df2	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—

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